WP7控件开发学习笔记（一）

WP7控件开发（一）

一、UIElement控件通用属性

-Height/Width：用户设置的控件大小，是预期的大小

-ActualHeight/ActualWidth:获取控件的实际大小

-MaxHeight/MaxWidth & MinHeight/MinWidth :设置控件大小的三个属性（）如果值发生冲突，首先要保证的是Min然后是Max,但是这两个值一定要在Height/Width设置值之间才有效

-Cursor：设置/获取控件光标形状

-DataContext：设置或获取控件数据内容

-HorizontalAlignment/VerticalAlignment:设置/获取控件水平/垂直方向的对其方式

-Language:设置/获取localization/globalization语言信息

-Margin：设置/获取控件与页面的边距

-Name：设置/获取控件的名称

-Parent：设置获取控件的父容器

-Resource：设置/获取控件资源字典，使资源像样式那样通过引用资源窜名，在Xaml中使用

-Style：设置/或获取控件的外观样式，也可以先定义好绑定到多个控件上

-Tag：为控件添加标签说明

-CacheMOde：设置/获取一个值，该值指示应在可能高速缓存已呈现的内容

-Clip：设置/获取控件剪裁效果

-DesireSize:获取系统布局大小，对于布局的调整很有用

-Opacity:设置/获取控件的透明度

-OpacityMask:设置/获取一个控件蒙版，来产生蒙版透明效果

-UseLayoutRounding:设置/获取控件及子控件是否按子像素进行布局，使控件外观圆滑清晰

-Visiblity:设置/获取控件是否可见

-Background:设置/获取控件的背景效果

-Projection:设置/获取控件的3-D透视效果

-Foreground：设置/获取字体颜色

-RenderTransformOrigin:设置/获取变形的起始点

-RenderTransform:设置/获取变形效果

-Template：设置或获取控件模板

-IsHitTestVisible：获取或设置控件是否接受焦点事件

-HorizontalContentsAlignment/VerticalContentsAligment：获取或设置控件内容的对齐方式

二、容器控件（Grid，Canvas，StackPanel，Border，PopUp，ScrollView）

1、Grid的使用

2、Canvas的使用：用来精确定位容器内的控件坐标，以及层次关系

3、StackPanel使用:设置控件的排列顺序

4、Border使用：可以容纳其它控件

5、PopUp:自身可以被打开和关闭，通常用来制作自定义的消息弹出框和输入框

7、ScrollView:拖动显示其包含的子控件的内容

三、按钮控件的使用（Button，HyperlinkButton，RepeatButton，ToggleButton）

1、HyperlinkButton：用于连接本地或Web地址，当链接Web地址时，一定要在在标签里加上TargetName=“_Self”的属性值

2、RepeatButton：按下后不断触发Click事件

3、ToggleButton：开关按钮，三种状态Checked、Unchecked、Indeterminate

控件开发（二）

1、PasswordBox：用于输入自定义遮罩字符的密码框控件，属性PasswordChar用来显示输入的密码替换符号

2、TextBox：可以让软键盘产生不同的键面效果；InputScope属性可通过代码获取属性列表

typeof（InputScopeNameValue）.GetFields(BindingFlags.Public|BindingFlags.Static)

3、Image控件：只能加载png和jpg的图片

4、MediaElement：播放本地或网络上的多媒体；支持多媒体格式：WAV、MP3，支持mms、rtspt、rtsp流媒体协议；-属性 IsMuted是否静音 Stretch设置视频画面在控件中的填充方式 AutoPlay是否自动播放；-事件 MediaOpened MediaEnded MediaFailed 注意：其对视频的格式和帧大小有相应的要求

5、TextBlack：在页面上显示文字

6、CheckBox：多选控件；不能通过Width和Height来改变大小；可以通过其属性RenderTransform的ScaleTransform（ScaleX、ScaleY）变形改变大小

7、RadioButton：单选按钮；其改变大小的方式同CheckBox

8、ProgressBar：两种类型：显示确切进度和不断重复的动画

9、Slider：可以设置水平、垂直方向的滑竿

10、Thumb：通过拖动，获取连续的坐标，三个基本事件DragDelta（鼠标移动时）、DragStart（开始拖动）、DragComplete（拖动完成）

11、ListBox：相当一个容器，可以通过ListItem来组合多个控件而得到不同功能的List

控件开发（三）-绘图控件，地图控件

-InkPresenter:产生手写效果

示例代码：

Stroke newStroke;

private void inkPresenter1_LostMouseCapture(object sender, MouseEventArgs e)

{

newStroke = null;//失去焦点时销毁上一次的Stroke

}

private void inkPresenter1_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)

{

inkPresenter1.CaptureMouse();//开始捕获鼠标移动路径

StylusPointCollection spc = new StylusPointCollection();

spc.Add(e.StylusDevice.GetStylusPoints(inkPresenter1));

newStroke = new Stroke();

this.inkPresenter1.Strokes.Add(newStroke);

}

private void inkPresenter1_MouseMove(object sender, MouseEventArgs e)

{

if (newStroke != null)

{

//记录鼠标在inkPresenter1上的移动的点

newStroke.StylusPoints.Add(e.StylusDevice.GetStylusPoints(inkPresenter1));

}

}

-Path：通过Markup Syntax来绘制一系列的线条，通过Geometries来绘制形状

示例:

<Path Height="428" HorizontalAlignment="Left"

Margin="12,127,0,0" Name="path1" Stroke="Red" StrokeThickness="10" VerticalAlignment="Top" Width="456" Fill="Green">

<Path.Data>

<EllipseGeometry Center="200,200" RadiusX="100" RadiusY="30"/>

</Path.Data>

</Path>

-Ellipse：绘制圆形或椭圆形

-Rectangle：绘制矩形

-Line：绘制两点间的连线

-Polygon：绘制封闭多边形

-Polyline：绘制封闭、开发多边形

-Glyphs：绘制字母、符号、字符等，主要用来显示Unicode字符，需要加载字体库从网上下载字体库，对于 使用不多的情况使用，否则会消耗系统的资源

-Map控件：在使用时，首先要申请授权验证密钥 显示模式设置有Road、Arial

-显示缩放按钮：ZoomBarVisibility属性

-显示比例尺：ScaleVisibility属性

-加标记：用到Pushpin类

//为地图加标记

Pushpin pin = new Pushpin();

pin.Location = new GeoCoordinate(30.3441333,120.342155132);

pin.Width = 200;

pin.Height = 200;

pin.Content = "济南";

pin.Background = new SolidColorBrush(Colors.Red);

mymap.Children.Add(pin);

-绘制多变型区域：用到MapPolygon类 实例化 设置Locations属性即可

//在地图上绘制多边形

MapPolygon polygon = new MapPolygon();

polygon.Fill = new SolidColorBrush(Colors.Red);

polygon.Stroke = new SolidColorBrush(Colors.Yellow);

polygon.StrokeThickness = 5;

polygon.Opacity = 0.7;

polygon.Locations = new LocationCollection()

{

new GeoCoordinate(30,120),

new GeoCoordinate(30,130),

new GeoCoordinate(30,160),

new GeoCoordinate(30,140)

};

mymap.Children.Add(polygon);

-绘制多边线：用到MapPolyline 实例化 设置Stroke属性和Locatatoins

//在地图上绘制多边线

MapPolyline polyline = new MapPolyline();

polyline.Stroke = new SolidColorBrush(Colors.Red);

polyline.StrokeThickness = 5;

polyline.Opacity = 0.5;

polyline.Locations = new LocationCollection()

{

new GeoCoordinate(30.3424242,120.3432444),

new GeoCoordinate(30.3424242,120.3432444)

};

mymap.Children.Add(polyline);

-在地图上添加图片

//在地图上添加图片

Image image = new Image();

image.Width = 100;

image.Height = 100;

image.Source = new BitmapImage(new Uri("Images/Pic1.jpg",UriKind.Relative));

MapLayer imagelayer = new MapLayer();

imagelayer.AddChild(image,new GeoCoordinate(30,120),PositionOrigin.BottomLeft);

mymap.Children.Add(imagelayer);

WP7控件开发（四）-Silverlight Tookit控件集

包括：Contextmenu、ToggleSwitch、WrapPanel、DatePicker、TimePicker、AutoCompleteBox、NavigationTransition、ListPicker、LongListSelector

-Contextmenu

-长按弹出菜单

-不能在容器控件中使用

-ToggleSwitch：具有两种状态Checked和Unchecked

-WrapPanel：用来对大量控件进行按顺序排列的容器

-DatePicker:设置日期时间，可通过ValueStringFormat来设置时间的显示格式：{}{0：d}，{}{0：t} ，{}{0：D}，{}{0：T},{}{0:MM-dd-yyyy},{}{0:HH:mm}

-TimePicker:设置时间时分秒

-AutoCompleteBox：

属性：

-FilterMode:匹配方式

-IsDropDownOpen：下拉列表是否打开

-IsTextCompletionEnable：自动完成匹配填写

-MaxDropDownHeight：下拉列表的最大高度

-MinimumPopulateDelay：最小匹配时间

-MinimumPrefixLength：最短匹配长度

事件：

-DropDownClosed

-DropDownClosing

-DropDownOpened

-DropDownOpening

-NavigationTransition：

-实现页面的切换效果

-使用之前要将App.xaml.cs中InitializePhoneAppliation()函数里的RootFrame进行修改

如：RootFrame=new TransitionFrame();

-五种动画效果包括：RollTransition、RotateTransition、SlideTransition、 SwiveTranstion、TurnstileTransition

示例：

<toolkit:TransitionService.NavigationInTransition> //进入页面动画效果

<toolkit:NavigationInTransition>

<toolkit:NavigationInTransition.Backward>

<toolkit:RotateTransition Mode="In180Clockwise"/>//这是一个旋转的动画效果

</toolkit:NavigationInTransition.Backward>

<toolkit:NavigationInTransition.Forward>

<toolkit:RotateTransition Mode="In180Clockwise"/>

</toolkit:NavigationInTransition.Forward>

</toolkit:NavigationInTransition>

</toolkit:TransitionService.NavigationInTransition>

<toolkit:TransitionService.NavigationOutTransition> //退出页面动画效果

<toolkit:NavigationOutTransition>

<toolkit:NavigationOutTransition.Backward>//后退的动画效果

<toolkit:RotateTransition Mode="Out180Clockwise"/>

</toolkit:NavigationOutTransition.Backward>

<toolkit:NavigationOutTransition.Forward>

<toolkit:RotateTransition Mode="Out180Clockwise"/>

</toolkit:NavigationOutTransition.Forward>//向前的动画效果

</toolkit:NavigationOutTransition>

</toolkit:TransitionService.NavigationOutTransition>

-ListPicker：简单的列表框，Full Mode完整页面的列表

-LongLIstSelector：数据归类列表，把数据进行绑定和分类

-UserControl：用户自定义控件，UserControl类，同样继承于UIElement

示例：Waiting控件的实现

WP7控件开发（五）-Panorama全景视图，Pivot枢轴视图

-Panorama视图：使用一个超过屏幕宽度的长水平画布，提供独特显示控件，数据和服务的方式，是一种选项、导航和数据的多屏幕 滚动菜单

-结构包括：Background，Title，Items，Background图片高度要为800像素，宽度大于480像素，小于2000像素

-Pivot视图：快捷管理应用中的视图或页面，过滤数据，视图分类

-结构包括：Title，Header，PivotItem

-使用注意：Header文字不要显示过长，以免其他PivotItem中的Header无法显示，在PivotItem中，不要使用ScrollViewer 或ListBox这类带有手势的控件

WP7控件开发（六）-DeepZoom技术

-DeepZoom：源于遥感影像的金字塔显示方式，提供了与高分辨率图像进行交互的能力，可以快速缩放图像而不影响应用的性能，加载或平移图像时可以光滑过度

-应用：高分辨率、极大图像的浏览，3D合成图像，广告宣传

-分类：Single和Collection

-DeepZoom Composer制作工具下载地址：http://www.microsoft.com/downloads/en/details.aspx?FamilyID=457B17B7-52BF-4BDA-

87A3-FA8A4673F8BF

-MulitScaleImage：打开、放大和平移多分辨率图像，快速任意缩放展示大图形、高分辨率图像的应用程序 -属性：Source，UseSprings-springs animations,ViewportOrigin-CenterPoint,ViewportWidth-ZoomLevel