帶標題的內容控制元件 ContentControlWithTitle.xaml
阿新 • • 發佈:2021-12-05
繼承內容控制元件類,表示同時具有一個單一元素內容(儲存在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=""/> </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>