Windows App开发】控件大集合2【修补中】

下面再来看看一些前面还没有讲过的控件,不过控件太多以至于无法全部列出来,大家只好举一反三啦。

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来控制图片的缩放哟。.

青春在我的心中是苦涩的又是甘甜的,是精致的又是粗糙的,

Windows App开发】控件大集合2【修补中】

相关文章:

你感兴趣的文章:

标签云: