【万里征程——Windows App开发】控件大集合2【修补中】

下面再来看看一些前面还没有讲过的控件，不过控件太多以至于无法全部列出来，大家只好举一反三啦。（还有人记得”学王一拖三“吗？）

前面最常用的控件就是Button啦，Button还有一个有意思的属性呢，当把鼠标指针放在Button上时，就会在Button的头顶冒出一串文本啦。这个不太截图哎……

<Button ToolTipService.ToolTip="Go to www.blog.csdn.net/nomasp" Margin="692,458,0,230"  />

还有一个控件和Button很像呢，它像开关一样。

<ToggleSwitch x:Name="toggleSwitch1" Header="NoMasp Toggle"
      OnContent="On" OffContent="Off" Toggled="ToggleSwitch_Toggled"
      Margin="409,468,0,227"/>

<ToggleSwitch x:Name="toggleSwitch2" Header="NoMasp Toggle"
     OnContent="On" OffContent="Off" IsOn="True"
     Toggled="ToggleSwitch_Toggled" Margin="409,565,0,130"/>

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控件和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>

Win平台设置时间的控件倒是很有特色呢，DatePicker和TimePicker。

<DatePicker Foreground="Red" Header="NoMasp Date" Margin="3,177,0,533"/>
<TimePicker Foreground="Green" Header="NoMasp Time" Margin="3,246,0,464" Width="289"/>

以下既是截图，又是写这篇博客的时间啦。

FlipView是一个可以让用户逐个浏览的项目集合的控件，下面是相关的示例代码啦。CommonAssets文件夹完全可以定义在Shared目录下，这样WP也可以拿来用了。我一直都没有截WP的图是因为我没有装虚拟机，我用的是真机调试的。

<FlipView>
    <Image Source="CommonAssets/5083.jpg"/>
    <Image Source="CommonAssets/5503.jpg"/>
    <Image Source="CommonAssets/6121.jpg"/>
</FlipView>

如果有缩放图片，并且可以滚动以查看图片的需要，那么就可以用ScrollBar啦。这主要是能留给图片的位置太小以至于图片无法全部显示出来。

<ScrollViewer ZoomMode="Enabled" MaxZoomFactor="12" HorizontalScrollMode="Enabled" HorizontalScrollBarVisibility="Visible" VerticalScrollBarVisibility="Visible" VerticalScrollMode="Enabled" Height="200" Width="200" Margin="363,35,803,533">

    <Image Source="CommonAssets/6121.jpg" Height="400" Width="400"/>
</ScrollViewer>

还有一个控件则可以将图片等缩放到指定的大小哟，那就是Viewbox啦。大家看看下面这个图，是不是很炫酷呢。

    <Viewbox MaxHeight="33" MaxWidth="33" Margin="23.5,35,-26,-35">
            <Image Source="CommonAssets/5503.jpg" Opacity="0.9 "/>
        </Viewbox>
        <Viewbox MaxHeight="66" MaxWidth="66" Margin="26,35,-26,-35">
            <Image Source="CommonAssets/5503.jpg" Opacity="0.6"/>
        </Viewbox>
        <Viewbox MaxHeight="99" MaxWidth="99" Margin="26,35,-26,-35">
            <Image Source="CommonAssets/5503.jpg" Opacity="0.3"/>
        </Viewbox>

相信大家都已经看过了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既可以作为Button来用，也可以用来做超链接。

<HyperlinkButton Content="NoMasp--CSDN" NavigateUri="http://blog.csdn.net/nomasp" />

相信大家都挺喜欢玩进度条的吧？我本人倒是觉得相比于Win7及Vista等，Win8的进度条变得更加有意思了。

<ProgressBar x:Name="progressBar1" IsIndeterminate="True" Width="100" Margin="607,377,659,385"/>
<ProgressBar x:Name="progressBar2" Value="70 " Width="100" Margin="607,352,659,410"/>

第一个图是运行中的进度条啦；第二个图中的上图也就是progressBar1，其Value为70的确定进度的进度条，下图则是progressBar2，是运行中的进度条在设计器中的静止状态。

环形的进度条会不会更好玩呢？

<ProgressRing x:Name="progressRing1" IsActive="True" />