drupal hit counter
Jerry Huang | All posts by jerry

Jerry Huang apps and developing apps

IP CAM Controller is ranking top 44 today

9. June 2011 10:26 by Jerry in IP CAM

Although received the first and second bad reviews recently, it raised 10 position since last update in April.

As the Marketplace at the moment is not allowed developer to response user review, not even contact the reviewer via email or anything. So I guess I can only say something here, poor me:(

The first bad review was from US, saying that not working with D-LINK 930L camera and complaining there is no free trail before purchase. Well, first of all, I do provide free trail if you read the app desc. You can try at your computer here. And second, 930L is not in the tested list. For D-Link, I only tested DCS-1130L which is showing in the app desc. In case the reviewer read this blog, you may contact me to arrange a test, to see if there is any problem, or alternative walkaround. As far as I know, some camera by default is not setted to support MJPEG, you may need to change that.

The 2nd one was from Austria that complaining too expensive and something like "no longer stop"? (original comment is not in english, I use translator) Ok, you beat me. I can't comment on price since it's not the cheapest one. But comparing to some competitors' price like $19.99 or $7.99, mine in $3.99 is a kind of economic, isn't it? For "no longer stop", I'm not sure which camera you have, but if you are using foscam, it's a foscam's feature that the camera will keep moving until you tap the direction button again. e.g. tap left button, camera will start moving left until either reach the left end or you tap the left button again.

Anyway, apart from these two bad reviews, all the rest are rating from 4 to 5 stars, 13 rates in total. The average worldwide score is 4 for the time being. Many thanks for those positive reviewers!

If you have purchased IP CAM Controller and not yet rated, I appreciate if you could do me a favor by giving it a rate: in the app list page of your phone, tap and hold "IP CAM Controller", a menu will pop up, select "rate and review" which will lead you to the review page; click the stars to rate and leave a message; It's recommended to say something like what camera brand and type are working for you. Great thanks!yes

ListPicker performance tuning

8. June 2011 22:53 by Jerry in UI, Windows Phone Development

The ListPicker control in Silverlight for Windows Phone Toolkit (Feb 2011 release) has become famous after its poor performance.wink My app IP CAM Controller for example, starts from v1.6, I used ListPicker to accommodate the full list of supported camera types and brands. The total item number is about 20 to 30, while it took 3 to 5 seconds to get response when openning the setup page. It's really a huge lag.

Thanks to Pedro Lamas who solved this problem by changing the source code in a few places. Details please refer to here:

http://www.pedrolamas.com/2011/06/02/listpicker-a-cafeina/

It's not in english, but translator is available on the right up side of the page. He also submitted a patch to the official Toolkit project on CodePlex here:

http://silverlight.codeplex.com/SourceControl/list/patches

patch ID 9632, providing a brief summary in english.

Good news for those lazy people (such as meblush), I attached the compiled binary and source file base on Pedro's blog, feel free to download from here.

Unzip the file and copy the two files (Microsoft.Phone.Controls.Toolkit.dll and Microsoft.Phone.Controls.Toolkit.pdb) to your Toolkit installation folder, e.g.

C:\Program Files\Microsoft SDKs\Windows Phone\v7.0\Toolkit\Feb11\Bin\

 

What make Smart Dial so special?

30. April 2011 13:29 by Jerry in Smart Dial
  • the first app supports "Edit Before Call" in the marketplace
  • the first app supports search Chinese contacts in Pinyin
  • the first app supports import both Live and Gmail contacts from phone (there is one before Smart Dial, but only support Live)
  • hopefully will be the first one to edit contact photo from camera or photo hub (will be available in next release)

click here for more info

Replace TinyMCE with CKEditor and CKFinder in BlogEngine 2.0

24. April 2011 22:23 by Jerry in BlogEngine

From the first day of using BlogEngine, I'm suffering the built-in editor which is the stupid TinyMCE. I finally make up my mind to replace it after upgraded the website to the latest BlogEngine 2.0 version, because it's really slow when typing.

 

  1. download the latest ckeditor and ckfinder for ASP.NET, put CKEditor.NET.dll and CKFinder.dll to the BIN folder of your blogengine website;
    and copy the rest stuff to editors folder, like: editors/ckeditor; editors/ckfinder;
  2. disable any form of http compression, including but not limit to IIS settings (if you had enabled) and blogengine compression, otherwise ckfinder will not working
  3. edit blogengine web.config file, to disable the default http compression, search for "CompressionModule", remove or comment the whole line, i.e.
    <!--add name="CompressionModule" type="BlogEngine.Core.Web.HttpModules.CompressionModule, BlogEngine.Core"/-->
    *BTW, I spent hours to troubleshoot ckfinder, before I disable this setting, I always got an "system error" 1072896748 with ckfinder.

    By now, you should proper config ckeditor and ckfinder, make sure you are able to run those samples. You will need to set folder permission, change config files etc, for details, please refer to ckeditor and ckfinder's documentations.

    From the next step, will start to integrate blogengine with ckeditor and ckfinder.
     
  4. modify admin/HtmlEditor.ascx

Code
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
	<%@ Control Language="C#" AutoEventWireup="true" CodeFile="htmlEditor.ascx.cs" Inherits="Admin.HtmlEditor" %><%@ Register Src="tinyMCE.ascx" TagName="tinyMCE" TagPrefix="uc1" %><%--<uc1:tinyMCE ID="TinyMCE1" runat="server" />--%></textarea class="ckeditor" ID="TinyMCE1" style="width:100%" rows="40" runat="server"></script src='/editors/ckeditor/ckeditor.js' type='text/javascript'></script src='/editors/ckfinder/ckfinder.js' type='text/javascript'><script type= "text/javascript" defer="defer">/*var oFCKeditor = new CKeditor( '<%=TinyMCE1.ClientID %>',null,null,"Default" ) ;oFCKeditor.BasePath = "/editors/ckeditor/" ;oFCKeditor.filebrowserBrowseUrl = '/editors/ckfinder/ckfinder.html';oFCKeditor.filebrowserImageBrowseUrl = '/editors/ckfinder/ckfinder.html?type=Images';oFCKeditor.filebrowserFlashBrowseUrl = '/editors/ckfinder/ckfinder.html?type=Flash';oFCKeditor.ReplaceTextarea() ;*/CKEDITOR.replace( '<%=TinyMCE1.ClientID %>',{filebrowserBrowseUrl : '/editors/ckfinder/ckfinder.html',filebrowserImageBrowseUrl : '/editors/ckfinder/ckfinder.html?type=Images',filebrowserFlashBrowseUrl : '/editors/ckfinder/ckfinder.html?type=Flash',filebrowserUploadUrl : '/editors/ckfinder/core/connector/aspx/connector.aspx?command=QuickUpload&type=Files',filebrowserImageUploadUrl : '/editors/ckfinder/core/connector/aspx/connector.aspx?command=QuickUpload&type=Images',filebrowserFlashUploadUrl : '/editors/ckfinder/core/connector/aspx/connector.aspx?command=QuickUpload&type=Flash',filebrowserWindowWidth : '1000',filebrowserWindowHeight : '700'});</script>

 

  1. modify admin/HtmlEditor.ascx.cs

Code
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
	// --------------------------------------------------------------------------------------------------------------------// <summary>//   The admin_html editor.// </summary>// --------------------------------------------------------------------------------------------------------------------namespace Admin{using System.Web.UI;/// <summary>/// The admin_html editor./// </summary>public partial class HtmlEditor : UserControl{#region Properties/// <summary>/// Gets or sets TabIndex./// </summary>public short TabIndex{/*get{return this.TinyMCE1.TabIndex;}set{this.TinyMCE1.TabIndex = value;}*/get { return 0; }set { }}/// <summary>/// Gets or sets Text./// </summary>public string Text{get{return this.TinyMCE1.Value;}set{this.TinyMCE1.Value = value;}}public string EditorID{ get{return TinyMCE1.ClientID;}}#endregion}}

  1. modify admin/Posts/Add_entry.aspx, should be 2 places in AutoSave and SavePost javascript functions
    replace "tinyMCE.activeEditor.getContent();" with "CKEDITOR.instances['<%=txtContent.EditorID %>'].getData()"
  2. modify admin/Posts/EditPage.aspx, similar with above, but only 1 place in SavePage function
    change  var content = tinyMCE.activeEditor.getContent(); to
    var content = CKEDITOR.instances['<%=txtContent.EditorID %>'].getData();
  3. modify CheckAuthentication function in editors/ckfinder/config.ascx
    to integrate the blogengine authentication, otherwise everyone will be able to upload file to your user file folder if you simply return true:
    return Page.User.Identity.IsAuthenticated;
  4. It's not realted to integration, but it's a security issue that most people forgot,
    * to remove all samples in the _samples folder, as well as the _source folder
    * it's a good practice to follow the ckfinder's suggestion: in IIS, set Execute Permissions to "none" in the properties of the user files folder (ie. upload folder)

A WinForm Image Selector Control

24. April 2011 12:35 by Jerry in UI

First of all, I have to point out that the control is far from perfect. So far it's just workable for my Smart Dial Agent. If you want to make use of it, you will need to do your own customization or make it flexible by using control property. You are welcome to send me back an enhanced version if you have done some works on itLaughing

Before going into technical details, let's have a look how it works

The rectangle with black border in the photo is the selector, while the image on the left is the target cropped photo. The selector could move or resize, but it couldn't smaller than 96*96.

The original source code is from a Chinese website (I forgot which one now, sorry) and base on .Net Framework 1.1. It doesn't work probably at the beginning, I'm not sure if relates to the framework. I just fix some problems and make some changes to fit my needs.

Usage:

New a Form in Visual Studio, drap a PictureBox and then place a Selector control on top of the PictureBox. drap another PictureBox as target image. Trigger the Mouse-Up event to retrieve target image. Below is a sample:

Code
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
using System;using System.Collections.Generic;using System.ComponentModel;using System.Data;using System.Drawing;using System.Linq;using System.Text;using System.Windows.Forms;using SmartDialAgent.Utils;using SmartDialAgent.Controls;namespace SmartDialAgent{public partial class CropImage : Form{public CropImage(){InitializeComponent();}private void btnBrowse_Click(object sender, EventArgs e){try{OpenFileDialog dlg = new OpenFileDialog();dlg.Filter = "Images|*.jpg;*.jpeg;*.png;*.bmp";if (dlg.ShowDialog() == DialogResult.OK){LoadImage(dlg.FileName);}}catch (Exception ex){MessageBox.Show(ex.Message);}}private void LoadImage(string path){Image img = Image.FromFile(path);if (img.Width > 640 || img.Height > 480){//source img too big, adjust sizeint x1, y1;//base on widthif (img.Width > 640){x1 = 640;y1 = 640 * img.Height / img.Width;}else{x1 = img.Width;y1 = img.Height;}int x2, y2;//base on heightif (img.Height > 480){y2 = 480;x2 = 480 * img.Width / img.Height;}else{x2 = img.Width;y2 = img.Height;}//choose the smaller pairsif (x1 > x2){img = img.GetThumbnailImage(x2, y2, null, new IntPtr());}else{img = img.GetThumbnailImage(x1, y1, null, new IntPtr());}}pbImage.Image = img;pbImage.Width = img.Width;pbImage.Height = img.Height;int len;if (img.Width > img.Height)len = img.Height;elselen = img.Width;if ((len / 2) > 96){pictureBoxSelection1.Width = len / 2;pictureBoxSelection1.Height = pictureBoxSelection1.Width;}else{pictureBoxSelection1.Width = 96;pictureBoxSelection1.Height = 96;}pictureBoxSelection1.PictureBox = pbImage;groupBox1.Width = pbImage.Width;groupBox1.Height = pbImage.Height;pictureBoxSelection1.Left = pbImage.Left;pictureBoxSelection1.Top = pbImage.Top;this.GetTargetImage();}private void GetTargetImage(){Image img;if (pictureBoxSelection1.SelectedImage == null){img = PictureBoxSelector.Crop(pbImage.Image, pictureBoxSelection1.Size, pictureBoxSelection1.Left - pbImage.Left, pictureBoxSelection1.Top - pbImage.Top);}else{img = pictureBoxSelection1.SelectedImage;}if (img != null && img.Width > 96)img = img.GetThumbnailImage(96, 96, null, new IntPtr());pbTarget.Image = img;}private void pictureBoxSelection1_MouseUp(object sender, MouseEventArgs e){GetTargetImage();}private void btnCancel_Click(object sender, EventArgs e){DialogResult = DialogResult.Cancel;}private Image Image{get{return pbTarget.Image;}}private void btnSave_Click(object sender, EventArgs e){DialogResult = DialogResult.OK;}public static Image GetCropImage(string path){using (CropImage frm = new CropImage()){frm.LoadImage(path);if (frm.ShowDialog() == DialogResult.OK){return frm.Image;}elsereturn null;}}}}

 

Control source code:

Code
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
using System;using System.Collections;using System.ComponentModel;using System.Drawing;using System.Data;using System.Windows.Forms;using SmartDialAgent.Utils;using System.Drawing.Drawing2D;namespace SmartDialAgent.Controls{public class PictureBoxSelector : System.Windows.Forms.Control{private Color _BorderColor = new Color();//private Color _BackColor = new Color();private bool _ReSizeble;private Point _SelfLocation = new Point();private Point _MouseLocation = new Point();private int _SelfWidth;private int _SelfHeight;private int _SelectSelctedIndex;//0-8,0:SizeAllprivate Rectangle _rectLeftSelector = new Rectangle();private Rectangle _rectTopSelector = new Rectangle();private Rectangle _rectRightSelector = new Rectangle();private Rectangle _rectBottomSelector = new Rectangle();private Rectangle _rectLeftTopSelector = new Rectangle();private Rectangle _rectRightTopSelector = new Rectangle();private Rectangle _rectRightBottomSelector = new Rectangle();private Rectangle _rectLeftBottomSelector = new Rectangle();private System.ComponentModel.Container components = null;public PictureBoxSelector(){InitializeComponent();}[DefaultValue("Black"), Description("color of the border"), Category("Appearance")]public Color BorderColor{get{// Insert code here.return _BorderColor;}set{_BorderColor = value;this.Invalidate();}}//[DefaultValue("Control"), Description("Background color"), Category("Appearance")]//public override Color BackColor//{//    get//    {//        // Insert code here.//        return _BackColor;//    }//    set//    {//        _BackColor = value;//        this.Invalidate();//    }//}[DefaultValue(false), Description("Indicates the control coud be moved and resized"), Category("Behavior")]public bool ReSizeble{get{// Insert code here.return _ReSizeble;}set{_ReSizeble = value;this.Invalidate();}}[Description("Selected area"), Category("Behavior")]public Rectangle SelectedRectangle{get{Rectangle selectRectangler = new Rectangle();selectRectangler.X = this.Location.X ;selectRectangler.Y = this.Location.Y ;selectRectangler.Height = this.Height ;selectRectangler.Width = this.Width ;return selectRectangler;}}/// <summary>/// the selected image/// </summary>public Image SelectedImage { get; private set; }public static Bitmap Crop(Image image, Size targetSize, int x, int y){try{Bitmap bmp = new Bitmap(targetSize.Width, targetSize.Height);//, PixelFormat.Format24bppRgb);bmp.SetResolution(image.HorizontalResolution, image.VerticalResolution);Graphics gfx = Graphics.FromImage(bmp);gfx.SmoothingMode = SmoothingMode.AntiAlias;gfx.InterpolationMode = InterpolationMode.HighQualityBicubic;gfx.PixelOffsetMode = PixelOffsetMode.HighQuality;gfx.DrawImage(image, new Rectangle(0, 0, targetSize.Width, targetSize.Height),x, y, targetSize.Width, targetSize.Height, GraphicsUnit.Pixel);gfx.Dispose();return bmp;}catch (Exception){return null;}}/// <summary>/// repaint the background by copying crop image from parent picturebox/// </summary>/// <param name="e"></param>private void RepaintBackground(PaintEventArgs e){if (PictureBox != null && PictureBox.Image!=null){Image img = Crop(PictureBox.Image, Size, Left - PictureBox.Left, Top - PictureBox.Top);if (img != null)e.Graphics.DrawImage(img, 0, 0, Width, Height);SelectedImage = img;}}protected override void OnPaint(PaintEventArgs e){RepaintBackground(e);ReDrawControl(e.Graphics);}private void DrawSelector(Graphics graphics){SolidBrush SelectorPen = new SolidBrush(Color.White);Pen borderPen = new Pen(this._BorderColor, 1);try{//solidPointF[] LeftPoints = getPointF(0, this.Height / 2 - 3, 6, 6);graphics.FillClosedCurve(SelectorPen, LeftPoints);PointF[] TopPoints = getPointF(this.Width / 2 - 3, 0, 6, 6);graphics.FillClosedCurve(SelectorPen, TopPoints);PointF[] RightPoints = getPointF(this.Width - 7, this.Height / 2 - 3, 6, 6);graphics.FillClosedCurve(SelectorPen, RightPoints);PointF[] BottomPoints = getPointF(this.Width / 2 - 3, this.Height - 7, 6, 6);graphics.FillClosedCurve(SelectorPen, BottomPoints);//remove the 4 solid resize selectors, I don't need it, if you need to, add them back//PointF[] LeftTopPoints = getPointF(0, 0, 6, 6);//graphics.FillClosedCurve(SelectorPen, LeftTopPoints);//PointF[] RightTopPoints = getPointF(this.Width - 7, 0, 6, 6);//graphics.FillClosedCurve(SelectorPen, RightTopPoints);//PointF[] RightBottomPoints = getPointF(this.Width - 7, this.Height - 7, 6, 6);//graphics.FillClosedCurve(SelectorPen, RightBottomPoints);//PointF[] LeftBottomPoints = getPointF(0, this.Height - 7, 6, 6);//graphics.FillClosedCurve(SelectorPen, LeftBottomPoints);//bordersint border = 6;_rectLeftSelector.X = 0;_rectLeftSelector.Y = this.Height / 2 - 3;_rectLeftSelector.Height = border;_rectLeftSelector.Width = border;graphics.DrawRectangle(borderPen, _rectLeftSelector);_rectTopSelector.X = this.Width / 2 - 3;_rectTopSelector.Y = 0;_rectTopSelector.Height = border;_rectTopSelector.Width = border;graphics.DrawRectangle(borderPen, _rectTopSelector);_rectRightSelector.X = this.Width - 7;_rectRightSelector.Y = this.Height / 2 - 3;_rectRightSelector.Height = border;_rectRightSelector.Width = border;graphics.DrawRectangle(borderPen, _rectRightSelector);_rectBottomSelector.X = this.Width / 2 - 3;_rectBottomSelector.Y = this.Height - 7;_rectBottomSelector.Height = border;_rectBottomSelector.Width = border;graphics.DrawRectangle(borderPen, _rectBottomSelector);//remove the 4 solid resize selectors, I don't need it, if you need to, add them back//_rectLeftTopSelector.X = 0;//_rectLeftTopSelector.Y = 0;//_rectLeftTopSelector.Width = border;//_rectLeftTopSelector.Height = border;//graphics.DrawRectangle(borderPen, _rectLeftTopSelector);//_rectRightTopSelector.X = this.Width - 7;//_rectRightTopSelector.Y = 0;//_rectRightTopSelector.Width = border;//_rectRightTopSelector.Height = border;//graphics.DrawRectangle(borderPen, _rectRightTopSelector);//_rectRightBottomSelector.X = this.Width - 7;//_rectRightBottomSelector.Y = this.Height - 7;//_rectRightBottomSelector.Width = border;//_rectRightBottomSelector.Height = border;//graphics.DrawRectangle(borderPen, _rectRightBottomSelector);//_rectLeftBottomSelector.X = 0;//_rectLeftBottomSelector.Y = this.Height - 7;//_rectLeftBottomSelector.Width = border;//_rectLeftBottomSelector.Height = border;//graphics.DrawRectangle(borderPen, _rectLeftBottomSelector);}catch (Exception E){throw E;}finally{SelectorPen.Dispose();borderPen.Dispose();}}private void ReDrawControl(Graphics graphics){try{//draw background//graphics.Clear(this._BackColor);//SolidBrush backPen=new SolidBrush(this._BackColor);//PointF point1 = new PointF(1,1);//PointF point2 = new PointF(this.Width-2,1);//PointF point3 = new PointF(this.Width-2,this.Height-2);//PointF point4 = new PointF(1,this.Height-2);//PointF[] points = {point1, point2, point3, point4};//graphics.DrawImage(ImageUtils.CropImage(this.PictureBox, new Rectangle(Left, Top, Width, Height)),);//graphics.FillClosedCurve(backPen, points);//borderRectangle rectBorder = new Rectangle();Pen borderPen = new Pen(this._BorderColor, 1);rectBorder.X = 0;rectBorder.Y = 0;rectBorder.Height = this.Height - 1;rectBorder.Width = this.Width - 1;graphics.DrawRectangle(borderPen, rectBorder);//selectorif (_ReSizeble){DrawSelector(graphics);}}catch (Exception E){throw E;}finally{graphics.Dispose();}}public PictureBox PictureBox { get; set; }protected override void OnPaintBackground(PaintEventArgs e){this.RepaintBackground(e);}private PointF[] getPointF(int x, int y, int Width, int Height){PointF point1 = new PointF(x, y);PointF point2 = new PointF(x + Width, y);PointF point3 = new PointF(x + Width, y + Height);PointF point4 = new PointF(x, y + Height);PointF[] points = { point1, point2, point3, point4 };return points;}protected override void Dispose(bool disposing){if (disposing){if (components != null)components.Dispose();}base.Dispose(disposing);}#region generated by Visual Studioprivate void InitializeComponent(){components = new System.ComponentModel.Container();this.Resize += new EventHandler(ShapeEx_Resize);this.MouseDown += new MouseEventHandler(ShapeEx_MouseDown);this.MouseMove += new MouseEventHandler(ShapeEx_MouseMove);this.MouseLeave += new EventHandler(ShapeEx_MouseLeave);this.MouseUp += new MouseEventHandler(ShapeEx_MouseUp);this.Move += new EventHandler(Selection_Move);this._BorderColor = Color.Black;//this._BackColor = Color.Transparent;//.FromName("Control");this._ReSizeble = false;this._SelectSelctedIndex = -1;SetStyle(ControlStyles.SupportsTransparentBackColor, true);SetStyle(ControlStyles.UserPaint, true);SetStyle(ControlStyles.AllPaintingInWmPaint, true);//SetStyle(ControlStyles.OptimizedDoubleBuffer, true);}#endregionprivate void ShapeEx_Resize(object sender, EventArgs e){//hard code 96, the smallest size could be,//will be better if use a Size propertyif (this.Width < 96 || this.Height < 96){this.Width = 96;this.Height = 96;}this.Invalidate();}private void ShapeEx_MouseDown(object sender, MouseEventArgs e){if (_ReSizeble){if (_rectLeftSelector.Contains(e.X, e.Y) || _rectRightSelector.Contains(e.X, e.Y) || _rectTopSelector.Contains(e.X, e.Y) || _rectBottomSelector.Contains(e.X, e.Y) || _rectLeftTopSelector.Contains(e.X, e.Y) || _rectRightTopSelector.Contains(e.X, e.Y) || _rectRightBottomSelector.Contains(e.X, e.Y) || _rectLeftBottomSelector.Contains(e.X, e.Y)){if (_rectLeftTopSelector.Contains(e.X, e.Y)){this.Cursor = Cursors.SizeNWSE;this._SelectSelctedIndex = 1;}if (_rectTopSelector.Contains(e.X, e.Y)){this.Cursor = Cursors.SizeNS;this._SelectSelctedIndex = 2;}if (_rectRightTopSelector.Contains(e.X, e.Y)){this.Cursor = Cursors.SizeNESW;this._SelectSelctedIndex = 3;}if (_rectRightSelector.Contains(e.X, e.Y)){this.Cursor = Cursors.SizeWE;this._SelectSelctedIndex = 4;}if (_rectRightBottomSelector.Contains(e.X, e.Y)){this.Cursor = Cursors.SizeNWSE;this._SelectSelctedIndex = 5;}if (_rectBottomSelector.Contains(e.X, e.Y)){this.Cursor = Cursors.SizeNS;this._SelectSelctedIndex = 6;}if (_rectLeftBottomSelector.Contains(e.X, e.Y)){this.Cursor = Cursors.SizeNESW;this._SelectSelctedIndex = 7;}if (_rectLeftSelector.Contains(e.X, e.Y)){this.Cursor = Cursors.SizeWE;this._SelectSelctedIndex = 8;}}else{this.Cursor = Cursors.SizeAll;this._SelectSelctedIndex = 0;}this._SelfLocation.X = this.Location.X;this._SelfLocation.Y = this.Location.Y;this._MouseLocation.X = Cursor.Position.X;this._MouseLocation.Y = Cursor.Position.Y;this._SelfWidth = this.Width;this._SelfHeight = this.Height;}}private void ShapeEx_MouseMove(object sender, MouseEventArgs e){//move and resize//since I removed 4 resize selector, it will only fall into cases like 2,4,6,8,etcswitch (this._SelectSelctedIndex){case 0:this.Location = new Point(Cursor.Position.X - (_MouseLocation.X - _SelfLocation.X), Cursor.Position.Y - (_MouseLocation.Y - _SelfLocation.Y));break;case 1:this.Height = this._SelfHeight - (Cursor.Position.Y - _MouseLocation.Y);this.Width = this._SelfWidth - (Cursor.Position.X - _MouseLocation.X);this.Location = new Point(Cursor.Position.X - _MouseLocation.X + _SelfLocation.X, Cursor.Position.Y - _MouseLocation.Y + _SelfLocation.Y);break;case 2:this.Height = this._SelfHeight - (Cursor.Position.Y - _MouseLocation.Y);this.Width = Height;//remove if Width<> Heightthis.Location = new Point(_SelfLocation.X, Cursor.Position.Y - _MouseLocation.Y + _SelfLocation.Y);break;case 3:this.Height = this._SelfHeight - (Cursor.Position.Y - _MouseLocation.Y);this.Width = this._SelfWidth + (Cursor.Position.X - _MouseLocation.X);this.Location = new Point(_SelfLocation.X, Cursor.Position.Y - (_MouseLocation.Y - _SelfLocation.Y));break;case 4:this.Width = this._SelfWidth + (Cursor.Position.X - _MouseLocation.X);Height = Width;//remove if Width<> Heightbreak;case 5:this.Height = this._SelfHeight + (Cursor.Position.Y - _MouseLocation.Y);this.Width = this._SelfWidth + (Cursor.Position.X - _MouseLocation.X);break;case 6:this.Height = this._SelfHeight + (Cursor.Position.Y - _MouseLocation.Y);Width = Height;//remove if Width<> Heightbreak;case 7:this.Height = this._SelfHeight + (Cursor.Position.Y - _MouseLocation.Y);this.Width = this._SelfWidth - (Cursor.Position.X - _MouseLocation.X);this.Location = new Point(Cursor.Position.X - _MouseLocation.X + _SelfLocation.X, _SelfLocation.Y);break;case 8:this.Width = this._SelfWidth - (Cursor.Position.X - _MouseLocation.X);Height = Width;//remove if Width<> Heightthis.Location = new Point(Cursor.Position.X - _MouseLocation.X + _SelfLocation.X, _SelfLocation.Y);break;}}private void Selection_Move(object sender, EventArgs e){Invalidate();}private void ShapeEx_MouseLeave(object sender, EventArgs e){this.Cursor = Cursors.Default;this._SelectSelctedIndex = -1;Invalidate();}private void ShapeEx_MouseUp(object sender, MouseEventArgs e){this.Cursor = Cursors.Default;this._SelectSelctedIndex = -1;Invalidate();}}}

As I stated at the beginning, this is a naive version, below is a list of known issues

  1. when the selector is out of the parent PictureBox, the area of out of PictureBox can't be blank, but some remaining pixes with lagacy color (I don't know how to say, you will see if you run it). Currently I use a groupBox as a container for the PictureBox so that it doesn't look so ugly. Ideally the selector is not allowed to move out size of parent PictureBox
  2. should proper control the PictureBox property, should throw error if the property is null, or force the control parent is PictureBox
  3. current version seems not very efficient, the image is flicking when moving the selector

 

source code also available here:

PictureBoxSelection.cs (19.17 kb)

Smart Dial Agent

20. April 2011 01:40 by Jerry in Smart Dial

finally, Smart Dial Agent now support directly import contacts from Live and Google.Cool

select "Import" from menu

 

Simply input user name and password, then import...

IP CAM Controller is ranking top 54

19. April 2011 11:12 by Jerry in IP CAM

In the Music & Video category. Not bad as a new app just published one monthCool

Live contacts import coming soon

19. April 2011 01:18 by Jerry in Smart Dial

A big progress in directly importing (not via CSV) Live contacts, including both Messenger contacts and Live Address Book contacts!

New Smart Dial Agent is coming very soonCool

Hmmm... maybe provide the same functionality in WP7 as well..

 

Smart Dial Agent update

18. April 2011 01:51 by Jerry in Smart Dial

For today's update, the Import function supports directly download all contacts from Gmail, no longer need to export to CSV file.Laughing

Working on direct export Live's contacts...looks like much harderInnocent

Smart Dial published

16. April 2011 10:31 by Jerry in Smart Dial

- search contacts by numbers, names and even Pinyin for Chinese characters;
- define the candidate keyword of each contact by yourself
- numbers in each result contact are sorted by best match
- edit before call/SMS and pre-stored prefix
- sync your contacts between your phone and computers

go here for details: http://www.jerryhuang.net/page/Smart-Dial.aspx