下面再来看看一些前面还没有讲过的控件,不过控件太多以至于无法全部列出来,大家只好举一反三啦。
Button
前面最常用的控件就是Button啦,Button还有一个有意思的属性呢,当把鼠标指针放在Button上时,就会在Button的头顶冒出一串文本啦。这个不太截图哎……
=”692,458,0,230″ />ToggleSwitch
还有一个控件和Button很像呢,它像开关一样。
=======”409,565,0,130″/>
ComboBox
ComboBox提供了下拉列表,自然也是一个很常用的控件咯。
<ComboBox Height=”50″ Width=”200″ Name=”cbox1″ SelectionChanged=”cbox1_SelectionChanged” Margin=”17,47,1049,671″><x:String>Select 1</x:String><x:String>Select 2</x:String><x:String>Select 3</x:String><x:String>Select 4</x:String></ComboBox>
ListBox
ListBox控件和ComboBox很相似,,都可以让用户选择已经嵌入在列表中的选项。用法如下:
<ListBox x:Name=”listBox1″ SelectionChanged=”listBox1_SelectionChanged” Width=”100″><x:String>Item 1</x:String><x:String>Item 2</x:String><x:String>Item 3</x:String></ListBox>DatePicker、TimePicker
Win平台设置时间的控件倒是很有特色呢,DatePicker和TimePicker。
===”3,246,0,464″ Width=”289″/>
以下既是截图,又是写这篇博客的时间啦。
FlipView
FlipView是一个可以让用户逐个浏览的项目集合的控件,下面是相关的示例代码啦。CommonAssets文件夹完全可以定义在Shared目录下,这样WP也可以拿来用了。我一直都没有截WP的图是因为我没有装虚拟机,我用的是真机调试的。
===”CommonAssets/6121.jpg”/></FlipView>
ScrollBar
如果有缩放图片,并且可以滚动以查看图片的需要,那么就可以用ScrollBar啦。这主要是能留给图片的位置太小以至于图片无法全部显示出来。
======”400″/> </ScrollViewer>
Viewbox
还有一个控件则可以将图片等缩放到指定的大小哟,那就是Viewbox啦。大家看看下面这个图,是不是很炫酷呢。
==>==>==>
GridView
相信大家都已经看过了GridView控件,很多Modern应用都会采用的。其和ComboBox挺类似的。
<GridView x:Name=”gView1″ SelectionChanged=”gView1_SelectionChanged”><x:String>Item 1</x:String><x:String>Item 2</x:String><x:String>Item 3</x:String></GridView>HyperlinkButton
HyperlinkButton既可以作为Button来用,也可以用来做超链接。
=”http://blog.csdn.net/nomasp” />ProgressBar
相信大家都挺喜欢玩进度条的吧?我本人倒是觉得相比于Win7及Vista等,Win8的进度条变得更加有意思了。
====”100″ Margin=”607,352,659,410″/>
第一个图是运行中的进度条啦;第二个图中的上图也就是progressBar1,其Value为70的确定进度的进度条,下图则是progressBar2,是运行中的进度条在设计器中的静止状态。
ProgressRing
环形的进度条会不会更好玩呢?
=”True” />
Slider
比如说win8上的音量呀、屏幕亮度呀,这些地方都用到了滑动条。这里来看看它的ThumbToolTipValueConverter属性吧。为了将值绑定到Slider上,我们需要有一个类,这个类需要一个为数据绑定提供值转换的接口。可视化元素也就是Slider为绑定目标,其有2个方向:数据源->数据->绑定目标,绑定目标->数据->数据源。
我们需要写一个类,可以直接在MainPage.xaml.cs下写,但更好是单独新建一个类,再考虑到这个是通用应用,所以将类新建到Shared下比较合适。
public class ThumbToolTipValueConverter : Windows.UI.Xaml.Data.IValueConverter{(object value, Type targetType, object parameter, string language){){double dValue= System.Convert.ToDouble(value);return dValue;}return null;}(object value, Type targetType, object parameter, string language){return null;}}
然后添加以下代码作为本地实例化的资源即可。
=”thumbToolTipValueC”/></Page.Resources>
最后就是传说中的本体啦。
==”{StaticResource thumbToolTipValueC}” />
我们还可以添加一个Button和TextBlock,让点击来在TextBlock上显示Slider的Value。
(object sender, RoutedEventArgs e){tblockSlider.Text = slider1.Value.ToString();}
再后面的博客中,我们还会学习到用Slider来控制图片的缩放哟。.
青春在我的心中是苦涩的又是甘甜的,是精致的又是粗糙的,