【萬裡征程——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" />

【萬裡征程——Windows App開發】控制項大集合2【修補中】