1. 程式人生 > 其它 >帶標題的內容控制元件 ContentControlWithTitle.xaml

帶標題的內容控制元件 ContentControlWithTitle.xaml

繼承內容控制元件類,表示同時具有一個單一元素內容(儲存在Content屬性) 和一個單一元素標題(儲存在Head屬性).有三個控制元件繼承於帶標題的內容控制元件 。

GroupBox

    <Grid>
        <GroupBox Header="GroupBox1" Name=""GroupBox1"" Margin="5">
            <StackPanel>
                <RadioButton Content="RadioButton1" Name="RadioButton1"/>
                <
RadioButton Content="RadioButton1" Name="RadioButton2"/> <RadioButton Content="RadioButton1" Name="RadioButton3"/> <RadioButton Content="RadioButton1" Name="RadioButton4"/> <Button Margin="3">Save</Button> </StackPanel
> </GroupBox> </Grid>

TabItem : 表示選項卡(TabControl)中的一頁

 <TabControl Margin="5" Name="TabControl1" TabStripPlacement="Bottom">
            <TabItem  Name="TabItem1">
                <TabItem.Header>
                    <StackPanel>
                        <
TextBlock Margin="3" > Image and Title</TextBlock> <TextBlock FontFamily="../Assets/Font/#iconfont" Text="&#xe684;"/> </StackPanel> </TabItem.Header> <StackPanel> <CheckBox Content="one" Margin="3"/> <CheckBox Content="two" Margin="3"/> <CheckBox Content="three" Margin="3"/> <Button x:Name="Button" Content="Button" Click="Button_Click"></Button> </StackPanel> </TabItem> <TabItem Header="TabItem2" Name="TabItem2"> <StackPanel/> </TabItem> </TabControl>

Expander:通過單擊一個按鈕可以顯示或隱藏所包含的內容。web頁面和線上幫助常會採用這個。

ExpandDirection 屬性設定顯示的位置。

    <Grid>
        <StackPanel Name="StackPanel" Margin="5">
            <Expander Header="Expander1" Margin="5">
                <Button Name="Button1">Button1</Button>
            </Expander>
            <Expander Header="Expander2" Margin="5" ExpandDirection="Up">
                <Button Name="Button2">Button2</Button>
            </Expander>

            <Expander Header="Expander3" Margin="5">
                <ScrollViewer Margin="5" Height="100">
                    <TextBlock TextWrapping="Wrap">當處理表格時..文字。</TextBlock>
                </ScrollViewer>
            </Expander>

        </StackPanel>
    </Grid>