Distinctive Windows Phone Graphic and Animation (paint and animation)

Introduced

Unique graphics and animations for Windows Phone 7.5 (SDK 7.1)

Graphics

Brush

Transformation

Animation

Slow motion

Example

1, shape (SHAPE)

Shapedemo.xaml

<phone:phoneapplicationpage x:class= "Demo.GraphicAndAnimation.ShapeDemo" xmlns= "http://schemas.microsoft.com /winfx/2006/xaml/presentation "xmlns:x=" Http://schemas.microsoft.com/winfx/2006/xaml "xmlns:phone=" Clr-namespace : Microsoft.phone.controls;assembly=microsoft.phone "xmlns:shell=" clr-namespace:microsoft.phone.shell;assembly= Microsoft.phone "xmlns:d=" http://schemas.microsoft.com/expression/blend/2008 "xmlns:mc=" http:// schemas.openxmlformats.org/markup-compatibility/2006 "fontfamily=" {StaticResource PhoneFontFamilyNormal} "FontSiz E= ' {StaticResource phonefontsizenormal} ' foreground= ' {StaticResource Phoneforegroundbrush} ' SupportedOrientations= "Portrait" orientation= "Portrait" mc:ignorable= "D" d:designheight= "768" d:designwidth= "The Shell:SystemTray.IsVis" ible= "True" > <grid x:name= "layoutroot" background= "Transparent" > <stackpanel name= "root" Ori 
  entation= "Vertical" horizontalalignment= "left" > 
            <!--draw graphics in XAML more details see: http://www.cnblogs. Com/webabcd/archive/2008/10/23/1317407.html http://www.cnblogs.com/webabcd/archive/2008/10/27/1320098  . html--> <!--draw rectangular--> <rectangle width= "50" height= " Fill= "Red" stroke= "Yellow" strokethickness= "3"/> <!--draw multiple lines connected to--> <polyline P oints= "10,100 50,10 100,100" stroke= "strokethickness=" strokelinejoin= "Round"/> <!--draw a straight line- -> <line x1= "0" y1= "0" x2= "y2=" "0" stroke= "Blue" strokethickness= "ten" strokedasharray= "2,4,6" Strok edashcap= "triangle"/> <!--painted ellipse--> <ellipse stroke= "Red" fill= "Yellow" strokethic kness= "6" width= "height=" ></Ellipse> </StackPanel> </Grid> </phone: Phoneapplicationpage>