Bài giảng Lập trình Windows Phone (Module 3): Bài 3 - Trần Duy Thanh

Bài 3 của bài giảng Lập trình Windows Phone trình bày các nội dung liên quan đến tính năng Drawing trong Windows Phone như: Các đối tượng vẽ màu phổ biến (Brush), Canvas, các loại đối tượng Shapes. Mời các bạn cùng tham khảo.
Nội dung trích xuất từ tài liệu:
Bài giảng Lập trình Windows Phone (Module 3): Bài 3 - Trần Duy Thanh TrườngĐHKhoaHọcTựNhiênTP.HCM TRUNGTÂMTINHỌCLậptrìnhWindowsPhoneModule3–Bài3:Drawing GVBiênsoạn:TrầnDuyThanh 2014Nội dung• Các đối tượng vẽ màu phổ biến (Brush)• Canvas• Các loại đối tượng Shapes LậptrìnhWindowsPhone–Drawing 21. Các đối tượng vẽ màu phổbiếnü (Brush) Windows Phone hỗ trợ hàng loại các Brush: LậptrìnhWindowsPhone–Drawing 31. Các đối tượng vẽ màu phổbiếnü (Brush) Ví dụ bảng màu theo từng Brush: LậptrìnhWindowsPhone–Drawing 41. Các đối tượng vẽ màu phổbiếnü (Brush) SolidColorBrushü LinearGradientBrushü RadialGradientBrushü ImageBrush LậptrìnhWindowsPhone–Drawing 51.1. SolidColorBrushü Tô màu đồng nhấtDùngXAML:DùngCodingbehind:RectanglemyPredefinedBrushRectangle= newRectangle();myPredefinedBrushRectangle.Width=50;myPredefinedBrushRectangle.Height=50;myPredefinedBrushRectangle.Fill=Brushes.Blue; LậptrìnhWindowsPhone–Drawing 61.2. LinearGradientBrushü Cho phép phối màu tuyến tính LậptrìnhWindowsPhone–Drawing 71.2. LinearGradientBrush LậptrìnhWindowsPhone–Drawing 81.2. LinearGradientBrushRectanglediagonalFillRectangle=newRectangle();diagonalFillRectangle.Width=200;diagonalFillRectangle.Height=100;//Createadiagonallineargradientwithfourstops.LinearGradientBrushmyLinearGradientBrush=newLinearGradientBrush();myLinearGradientBrush.StartPoint=newPoint(0,0);myLinearGradientBrush.EndPoint=newPoint(1,1);myLinearGradientBrush.GradientStops.Add(newGradientStop(Colors.Yellow,0.0));myLinearGradientBrush.GradientStops.Add(newGradientStop(Colors.Red,0.25));myLinearGradientBrush.GradientStops.Add(newGradientStop(Colors.Blue,0.75));myLinearGradientBrush.GradientStops.Add(newGradientStop(Colors.LimeGreen,1.0));diagonalFillRectangle.Fill=myLinearGradientBrush; LậptrìnhWindowsPhone–Drawing 91.3. RadialGradientBrushü Phối màu theo hình cầu, có tiêu điểm LậptrìnhWindowsPhone–Drawing 101.3. RadialGradientBrush LậptrìnhWindowsPhone–Drawing 111.3. RadialGradientBrushRadialGradientBrushradialGradient=newRadialGradientBrush();//SettheGradientOrigintothecenteroftheareabeingpainted.radialGradient.GradientOrigin=newPoint(0.5,0.5);//Setthegradientcentertothecenteroftheareabeingpainted.radialGradient.Center=newPoint(0.5,0.5);//Settheradiusofthegradientcirclesothatitextendsto//theedgesoftheareabeingpainted.radialGradient.RadiusX=0.5;radialGradient.RadiusY=0.5; LậptrìnhWindowsPhone–Drawing 121.3. RadialGradientBrush//Createfourgradientstops.radialGradient.GradientStops.Add(newGradientStop(Colors.Yellow,0.0));radialGradient.GradientStops.Add(newGradientStop(Colors.Red,0.25));radialGradient.GradientStops.Add(newGradientStop(Colors.Blue,0.75));radialGradient.GradientStops.Add(newGradientStop(Colors.LimeGreen,1.0));//Freezethebrush(makeitunmodifiable)forperformancebenefits.radialGradient.Freeze(); LậptrìnhWindowsPhone–Drawing 131.3. RadialGradientBrush//Createarectangleandpaintitwiththe//RadialGradientBrush.RectangleaRectangle=newRectangle();aRectangle.Width=200;aRectangle.Height=100;aRectangle.Fill=radialGradient; LậptrìnhWindowsPhone–Drawing 141.4. ImageBrushü Brush cho phép hiển thị hình ảnh LậptrìnhWindowsPhone–Drawing 151.4. ImageBrush LậptrìnhWindowsPhone–Drawing 162. Canvasü Đặc tính của Canvasü Kết xuất hình ảnh từ Canvas LậptrìnhWindowsPhone–Drawing 172.1. Đặc tính của CanvasCanvas là một loại panel cho phép ta định vị cácđối tượng trong nó theo tọa độ tùy thích. LậptrìnhWindowsPhone–Drawing 182.1 Đặc tính của CanvasmyCanvas1=newCanvas();myCanvas1.Background=Brushes.Red;myCanvas1.Height=200;myCanvas1.Width=200;Canvas.SetTop(myCanvas1,200);Canvas.SetLeft(myCanvas1,30); LậptrìnhWindowsPhone–Drawing 192.2. Kết xuất hình ảnh từCanvasCanvas cho ta kết xuất thành định dạng hìnhảnh và cho phép lưu vào điện thoại, để sử dụngđược tính năng này thì ta phải:usingMicrosoft.Xna. ...