wp控件

导航控件

Silverlight的Windows Phone应用程序是基于一种可以让用户在不同页面内容间来回导航的页面模型。这个模型是基于其中的frame控件,而页面间的导航就是靠它。

下面的表格列出了Windows Phone程序的用来支持导航的控件。

PhoneApplicationFrame

Windows Phone的Silverlight程序主控件。用来支持页面的导航。

PhoneApplicationPage

可以被PhoneApplicationFrame导航的控件。

下图显示了frame和页面模型。

clip_image001

 

布局和分组控件

布局控件通常指可以包含其它控件的控件,它包含其它控件和一些视觉元素。就像其名字一样,它用来定位其内部控件的位置。布局控件通常用在程序中一个页面的根布局。其它所有的控件都包含在这个根控件下面。当然如果需要,根布局控件也可以放入其它的布局控件。当新建一个Windows Phone程序的时候,一个Grid就作为布局的根元素被创建了。这个控件包含了其它的布局控件用来显示标题和内容。在内容部分也可以再填加布局控件。然而在选择具体用哪种布局控件,还要考虑程序是否要支持横屏切换。

大多数布局控件都是继承自Panel类,比如StackPanel,Canvas和Grid。其它还有两个控件是Panorama和Pivot,这两个控件是继承自ItemsControl的,在Windows Phone程序里有特殊的用途,跟其它的列表控件有很大的不同,相比传统的列表控件可以包含大量的元素进来,而它们应尽量包含比较小数量的元素,他们主要是用来实现在不同的列表元素之间来回切换。

下面列出在Windows Phone程序中的布局和分组控件。

Border

用于在另一元素周围绘制边框或背景色。

Canvas

里面的控件以坐标的方式显示

ContentControl

单个元素的呈现容器。由于这个元素可以是一个类,所以这个元素也可以包含其它的子元素在里面。

Grid

靠行列信息定位其中的元素。在Grid里可以定义若干行和列,然后指定元素放在哪一行哪一列。

Panorama

全景视图,内部的元素可以一屏一屏地切换

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

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

Pivot

这个控件可以用来作为在不同视图中切换或者过滤数据的导航接口,提供了一种方便的分组数据管理方式。

快捷管理应用中的视图或页面,过滤数据,视图分类

  -结构包括:Title,Header,PivotItem

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

StackPanel

以线性的方式呈现元素,支持横向和纵向。

VirtualizingStackPanel

相比StackPanel,它对大量元素数据的处理性能要比较好。

ScrollViewer

提供滚动条的方式显示内部的元素。

下图显示控件在横屏和竖屏不同的显示形式,用到了StackPanel,Canvas和Grid。

clip_image002

下图显示Panorama控件如何显示横向切换的内容。

clip_image003

 

文本控件

文本控件通常用来显示字符串的内容。根据不同的方式文本控件也有不同的种类。下表列出了Windows Phone程序中的文本控件。

TextBlock

用来显示简单的只读方式的文本。

TextBox

用来进行短文本的的录入。也可以进行大文本,多行的输入。

PasswordBox

用来输入密码,输入的输入的密码会替换成*符号。

下图演示基本的文本控件。

clip_image004

 

按钮和选择控件

按钮和选择控件使用户在程序中很方便地进行选取和导航。大多数按钮和选择控件都继承自ContentControl,也就是说其内容都是Content属性。这个属性的类型是Object,所以它们的内容受到的限制就要少很多,因为很多控件都是继承自Object类型的,这样就可以在ContentControl中以嵌套的方式创建控件。比如,按钮的Content属性内容可以设置成一个StackPanel控件,然后让它里面包含一张图片和文本。下图列出所有按钮控件。

Button

通过Click事件响应按钮被按下按钮的事件。

HyperlinkButton

按钮的形式以超链接的形式呈现。当被点击后,可以导航到用户指定的页面。

下面的列表是选择控件

CheckBox

复选框,可以标记用户的选取和取消选取的状态。

RadioButton

单选框,允许用户在一堆选项中选取一个,通常是一组RadioButton组合在一起。

Slider

让用户通过滑块的方式在一个范围内选取一个值。可以设置水平、垂直方向的滑竿

10、Thumb:通过拖动,获取连续的坐标,三个基本事件DragDelta(鼠标移动时)、DragStart(开始拖动)、DragComplete(拖动完成)

下图是按钮和选取控件的示例。

clip_image005

 

列表控件

元素以列表的形式呈现,主要有:

ListBox

用户可以以单击的方式选取列表中的元素。其内容是Items和ItemsSource。其中每一个元素都是可以通过DataTemplate自定义的。

下图是列表控件的演示。

clip_image006

图像,地图和媒体控件

作为Windows Phone客户端富有表现力的展现方式,图片,地图和媒体是十分重要的方式。

Image

显示图片。通过Source指定图片,Windows Phone支持PNG和JPG格式的图片。

Map

显示Bing地图。可以在工具栏中直接使用。使用Bing地图你需要为你的程序获取一个Bing地图的Key。通过Mode指定地图的显示类型,ZoomLevel属性进行缩放。

MediaElement

用来播放音频和视频。通过Source属性指定内容。然而由于性能原因,最好还是使用XNA框架的SoundEffect类。

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

下图演示图片,地图和媒体控件.

clip_image007

 

HTML控件

用来在程序中显示HTML内容。主要通过WebBrowser。

下图演示WebBrowser控件显示网页。

clip_image008

 

进度和消息控件

好的程序都会提供给用户比较好的反馈信息,比如对于长时间的操作提供一个进度显示条,通过消息框来显示发生的错误信息。下表列出支持的进度和消息组件。

ProgressBar

显示当前操作的进度信息,用来报告一个操作的进度,或者指定进度条为不确定的模式,这种模式会降低程序的性能。

两种类型:显示确切进度和不断重复的动画

Popup

在界面顶层弹出消息框。用于临时显示或者提示一些信息。通常的用法就是把一个用户空间作为Popup的Child属性。通过设置Popup属性的IsOpen属性指定其是否显示。

下面演示Popup,其中包括TextBlock,Button和ProcessBar。

clip_image009

 

ToolKit控件

在Codeplex的Silverlight for Windows Phone Toolkit中提供了更多的组件。里面包含了控件的源代码和示例。下表列出了目前所包含的控件。Toolkit中也包含了很多组件,比如页面的过度和手势识别。

AutoCompleteBox

当用户输入文本信息的时候,一个下拉列表组件会根据当前输入的内容提示可能匹配的项目。

ListPicker

当前选中的会以一个文本框的方式显示,选取的时候是通过下拉列表的形式。

LongListSelector

以分组的方式显示大列表信息。

ContextMenu

上下文菜单,用户长事件按住一个控件的时候出现。

DatePicker

日期选取控件

TimePicker

事件选取控件

ToggleSwitch

开关控件

WrapPanel

会根据内部的元素以行列的方式动态排布。当元素在当前行显示不下的时候,会自动在下一行显示

转载于:https://www.cnblogs.com/CharlesGrant/p/3639356.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值