WP7控件开发学习笔记（一）
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
摘自 漫步天涯-IT
相关文章
- 暂无相关文章
用户评论