内容控件(content control)
内容控件(content control)是更特殊的控件类型,他们可包含并显示一块内容。从技术角度看内控控件是可以包含单个嵌套元素的控件。与布局控件不同的是,内容控件只能包含一个字元素,而布局容器只要愿意可以包含任意多个嵌套元素。
当然仍可以在当个元素中放置大量内容,诀窍是使用单个容器,比如StackPanel或Grid面板来封装所有内容。
所有内容控件都继承自ContentControl。
Content属性
与Panel类提供的Children集合来保存嵌套的元素不同,Control类添加了Content属性,改属性只接受单一对象。
对齐内容
在容器中对齐内容用HorizontalAlignment和VerticalAlignment来对齐控件,然而一旦控件包含了内容,就需要考虑另一个组织级别。需要决定内容控件中的内容和边框对齐,这是通过使用
HorizontalContentAlignment和VerticalContentAlignment属性来实现的。
标签
标签具有记忆符,记忆符是能够为连接的控件设置焦点的快捷键。
<Label Target="{Binding ElementName=txtA}">Choose A</Label> <TextBox Name="txtA"></TextBox>
如果需要显示不需要记忆符内容,使用更轻量级的TextBlock元素。TextBlock元素通过它的TextWrapping属性支持换行。
按钮 Button
- IsCancel属性,true按钮就成为窗口的取消按钮。在当前窗口的任何位置如果按下Esc键,就会触发该按钮。
- IsDefault属性,true,按钮就会成为默认按钮。默认按钮具有蓝色阴影。如果焦点位于非按钮控件上,按enter就会触发默认按钮。如果焦点在按钮上就会触发当前按钮。
ToggleButton控件和RepeatButton
- GridViewColumnHeader类,当使用基于网格的ListView控件时,该类可以表示一列可以单击的标题。
- RepeatButton类,只要按钮保存按下的状态,该类就不断地触发Click事件。
- ToggleButton类,改类表示有两个状态(按下按钮和未按下按钮)。当单击ToggleButton时,它会保持按下状态,直到再次单击改按钮以释放它为止。
CheckBox控件
继承自ToggleButton,有"开关"行为。
IsChecked:true、false、null。null表示不确定的状态,带有阴影的复选框。
<CheckBox IsChecked="{x:Null}">checkbox</CheckBox>
RadioButton
RadioButton类也继承自ToggleButton类。增加了GroupName属性,改属性用于控制如何对单选按钮进行分组。
单选按钮通常由它们的容器就行分组。这意味着,如果StackPanel面板中放置三个单选按钮,那么这三个单选按钮就形成了一组,而且只能选择这三个按钮中的一个。
工具提示
WPF工具提示提供了一个灵活的模型。因为WPF中工具提示是内容控件,所以可在工具提示中放置任何可视化元素。还可以改变各种时间设置来控制工具提示的显示和隐藏速度。
可为可视化元素设置ToolTip属性。ToolTip属性实在FrameworkElement类中定义的,所以有能放到WPF窗口上的元素都可以使用该属性。
<Button ToolTip="this is a tootip"></Button>
复杂的TooTip
<Grid> <Button MinHeight="30" MinWidth="90" Grid.Row="2" VerticalAlignment="Center" HorizontalAlignment="Center"> <Button.ToolTip> <StackPanel> <TextBlock Margin="3">Iamge and text</TextBlock> <Image Source="http://f.hiphotos.baidu.com/image/pic/item/a6efce1b9d16fdfa0af12ccabf8f8c5494ee7b71.jpg"></Image> <TextBlock Margin="3">Iamge and text</TextBlock> </StackPanel> </Button.ToolTip> <Button.Content>test tooltip</Button.Content> </Button> </Grid>
不要在工具提示栏中放置与用户进行交互的控件,因为ToolTip控件不能接收焦点,如果创建包含其他控件,并与工具提示类似的窗口可考虑用Popup控件。
Popup控件
Popup控件只能包含单一内容,该单一内容可以包含任何WPF元素,改内容存储在Popup.Child属性中,而不像ToolTip.Content属性中。
- Popup永远不会自动提示。为显示Popup控件,必须设置IsOpen属性。
- 默认情况下,如果PopUp.StaysOpen属性被设置为true,并且PopUp会一直提示,知道明确的将IsOpen属性设置为False为止,如果PopUp.StaysOpen属性被设置为false.那么当用户在其他地方
点击鼠标时,那么Popup就会消失。
- Popup控件提供了PopupAnimation属性,当IsOpen属性设置为true时,通过该属性可控制Popup控件进入视野的方式。需设置AllowsTransparency属性设置为true。
- None 默认值
- Fade弹出窗口的透明度逐渐增加
- Scroll 弹出窗口将从窗口的左上角滑入。
- Slide弹出窗口将从上向下滑入。
- Popup控件可接收焦点。因此,可在其内部放置与用户交互的控件,该功能是使用Popup控件而不使用Tooltip控件的主要原因之一。
<Popup Name="popLink" StaysOpen="False" Placement="Mouse" MaxWidth="200" PopupAnimation="Slide" AllowsTransparency="True"> <Border BorderBrush="Beige" BorderThickness="2" Background="White"> <TextBlock Margin="10" TextWrapping="Wrap"> text </TextBlock> </Border> </Popup>
ScollViewer
如果希望让大量的内容适应有限的控件,滚动条是总要属性之一。
通过代码进行滚动。
- LineUp()和LineDawn()向上向下滚动,相当于在滚动滑块上面单击滚动条。
- PageUp()和PageDawn()。这两个方法向上或向下滚动一整屏。
- LineLeft()、LineRight()、PageLeft()、PageRight() 水平滚动。
- ScrollToEnd、ScrollToHome滚到内容的顶部和底部。ScrollToVerticalOffset()。
GroupBox
<GroupBox Header="A Group Box" Padding="5" Margin="5" VerticalAlignment="Top"> <StackPanel> <RadioButton Margin="3">One</RadioButton> <RadioButton Margin="3">Two</RadioButton> <RadioButton Margin="3">Three</RadioButton> <Button Margin="3">Save</Button> </StackPanel> </GroupBox>
TabItem
TabItem表示TabControl空间中的一页。TabItem类唯一的属性是IsSelected,改属性表示选项卡是否显示在TabControl中。
<TabControl Margin="3"> <TabItem> <TabItem.Header> <StackPanel> <TextBlock Margin="3">Image and Text Tab Title</TextBlock> <Image Source="http://f.hiphotos.baidu.com/image/pic/item/a6efce1b9d16fdfa0af12ccabf8f8c5494ee7b71.jpg"></Image> </StackPanel> </TabItem.Header> <StackPanel Margin="3"> <CheckBox Margin="3">Setting One</CheckBox> <CheckBox Margin="3">Setting Two</CheckBox> <CheckBox Margin="3">Setting Three</CheckBox> </StackPanel> </TabItem> </TabControl>
Expander
封装了一块内容,通过小箭头显示或隐藏所包含的内容。扩展器的扩展方向默认是Down,但也可以将ExpandDirection属性设置为Up、Left或Right。
<Expander Margin="5" Padding="5" Header="ReionOne"> <StackPanel Margin="3"> <CheckBox Margin="3">Setting One</CheckBox> <CheckBox Margin="3">Setting Two</CheckBox> <CheckBox Margin="3">Setting Three</CheckBox> </StackPanel> </Expander>
ListBox
ListBox控件是一个非常灵活的控件,它不仅可以包含ListBoxItem对象,也可以驻留其他的任意元素,这是因为ListBoxItem继承自ConentControl,从而ListBoxItem能够包含一嵌套的内容。
<ListBox> <ListBoxItem> <Image Source="http://f.hiphotos.baidu.com/image/pic/item/a6efce1b9d16fdfa0af12ccabf8f8c5494ee7b71.jpg"></Image> </ListBoxItem> <ListBoxItem> <Image Source="http://f.hiphotos.baidu.com/image/pic/item/a6efce1b9d16fdfa0af12ccabf8f8c5494ee7b71.jpg"></Image> </ListBoxItem> <ListBoxItem> <Image Source="http://f.hiphotos.baidu.com/image/pic/item/a6efce1b9d16fdfa0af12ccabf8f8c5494ee7b71.jpg"></Image> </ListBoxItem> </ListBox>