您现在的位置：程式碼之家 >> 編程語言 > >> .NET 網頁程式設計 >> 關於.NET

Windows 8.1 應用開發：常用佈局控件屬性詳解 (TextBlock、TextBox、PasswordBox、Button)

編輯：關於.NET

Windows 市集應用 (WinRT/XAML) 核心文字與按鈕控件屬性速查，附完整 XAML 範例，適合快速查閱。

一、文字顯示控件

1. TextBlock - 唯讀文字

屬性	類型/值	說明
CharacterSpacing	int	字元間距 (單位 1/1000 em)，正值放寬、負值緊湊
IsColorFontEnabled	bool	是否啟用彩色字型 (Emoji 等)，預設 true
LineStackingStrategy	enum	行高計算：MaxHeight(預設)、BaselineToBaseline、BlockLineHeight
OpticalMarginAlignment	enum	邊界對齊：None(預設)、TrimSideBearings
TextAlignment	enum	水平對齊：Left/Right/Center/Justify
TextLineBounds	enum	行界限：Full/Tight/TrimToBaseline/TrimToCapHeight
TextTrimming	enum	溢出處理：CharacterEllipsis/Clip/None/WordEllipsis
TextWrapping	enum	換行：NoWrap/Wrap/WrapWholeWords

<TextBlock Text="I am a TextBlock"
           CharacterSpacing="100"
           FontFamily="Arial" FontStyle="Italic" FontSize="50" FontWeight="Black"
           IsColorFontEnabled="True"
           LineStackingStrategy="BlockLineHeight"
           OpticalMarginAlignment="TrimSideBearings"
           TextAlignment="Center" TextLineBounds="TrimToBaseline"
           TextTrimming="WordEllipsis" TextWrapping="WrapWholeWords"
           Height="120" Width="500"
           HorizontalAlignment="Center" VerticalAlignment="Center" />

2. TextBox - 文字輸入

屬性	說明
AcceptsReturn	允許換行 (預設 false)
FlowDirection	LeftToRight / RightToLeft
Header	標題文字
InputScope	虛擬鍵盤類型 (Number, Email, Search 等)
IsSpellCheckEnabled	拼字檢查 (預設 false)
IsTextPredictionEnabled	自動完成建議 (預設 true)

<TextBox AcceptsReturn="True" Background="AliceBlue" BorderBrush="Blue" BorderThickness="2"
         FontFamily="Arial" FontStyle="Italic" FontSize="50" FontWeight="Black"
         FlowDirection="RightToLeft"
         Header="Header Text" InputScope="Number"
         IsSpellCheckEnabled="True" IsTextPredictionEnabled="False"
         SelectedText="123" SelectionHighlightColor="AliceBlue"
         HorizontalAlignment="Center" VerticalAlignment="Center" />

3. PasswordBox - 密碼輸入

屬性	說明
MaxLength	最大長度 (0=無限制)
Password	目前密碼值
PasswordChar	遮罩字元 (預設 ●)
IsPasswordRevealButtonEnabled	顯示/隱藏切換按鈕 (預設 false)

<PasswordBox Height="50" Width="200" MaxLength="8" Password="123456" 
             PasswordChar="*" IsPasswordRevealButtonEnabled="True" />

二、按鈕控件

Button - 基礎按鈕

屬性	說明
ClickMode	Hover/Press/Release(預設) - 觸發 Click 事件時機
HorizontalContentAlignment	Left/Center/Right/Stretch
VerticalContentAlignment	Top/Center/Bottom/Stretch
Flyout	關聯浮出內容 (點擊顯示，再點擊/空白處關閉)

<Button Content="Click Me." ClickMode="Release" 
        HorizontalContentAlignment="Left" VerticalContentAlignment="Top"
        FontSize="50" Height="200" Width="400"
        HorizontalAlignment="Center" VerticalAlignment="Center"
        Click="Button_Click">
    <Button.Flyout>
        <Flyout>
            <TextBlock Text="I am flyout content." />
        </Flyout>
    </Button.Flyout>
</Button>