[Windows 8 App]Windows 8.1新的控制項和功能------Header

2013-12-10

Windows 8 升級至 Windows 8.1有一些新個控制項或是功能的新增

這裡我們介紹【Header】

以往我們在說明控制項名稱時，我們都是使用一個TextBlock或是其他顯示名稱的控制項加上功能式的控制項

如下圖：

有些控制項通常會描述該控制項名稱或是用途，但是將標籤新增到這些控制項可能相當不便

就這時候就會像上圖一樣需要使用額外的控制項才能完成配置

甚至在排版上，要移動控制項很不方便，所以在Windows 8.1中，加入了【Header】屬性

【Header】屬性可以方便地為控制項加上標籤

以下這些控制項新增了新的屬性：

ComboBox
Slider
DatePicker
TimePicker
TextBox
PasswordBox
RichEditBox

我們做一個範例來看看【Header】屬性

新增一個專案【Header】，開啟【MainPage.xaml】

這是【MainPage.xaml】完整程式碼：


<Page
    x:Class="Header.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    xmlns:local="using:Header"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    mc:Ignorable="d">

    <Grid Background="{ThemeResource ApplicationPageBackgroundThemeBrush}">

        <ComboBox Header="性別" PlaceholderText="請選性別" FontSize="50" Margin="239,67,367,537">
            <x:String>男 生</x:String>
            <x:String>女 生</x:String>
            <x:String>私 密</x:String>
        </ComboBox>
        <PasswordBox Header="密碼" PlaceholderText="請輸入密碼" FontSize="50" Margin="239,512,333,88"/>
    </Grid>
</Page>

在上列的程式碼中有個PlaceholderText屬性，這是可以提示使用者操作

【Header】的設計畫面：

在Windows 8.1 中就可以看到標頭名稱已經和控制項結合在一起了!!

回首頁