WPF基础之内容控件

 内容控件(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。
  1.  None 默认值
  2. Fade弹出窗口的透明度逐渐增加
  3. Scroll 弹出窗口将从窗口的左上角滑入。
  4. 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>
 
 
 
posted @ 2018-12-29 16:40  SmilelyCoding  阅读(2084)  评论(0编辑  收藏  举报