1:内容控件(Content Controls)
2:条目控件(Items Controls)
3:文本控件(Text Controls)
4:范围控件(Range Controls)

一、内容控件

内容控件的最大的特征就是有一个<font style="color:rgb(0, 0, 0);">Content</font>属性，从前面的文章中，我们多多少少也知道<font style="color:rgb(0, 0, 0);">Content</font>接收的是一个<font style="color:rgb(0, 0, 0);">Object</font>类型，或许我们会立即想到莫非<font style="color:rgb(0, 0, 0);">Button</font>就是一个内容控件，确实，<font style="color:rgb(0, 0, 0);">Button</font>算是一个内容控件，凡是内容控件都继承自<font style="color:rgb(0, 0, 0);">ContentControl</font>，因为<font style="color:rgb(0, 0, 0);">Content</font>属性就是属于<font style="color:rgb(0, 0, 0);">ContentControl</font>。
 <1>Button
 <2>RepeatButton
 一般用来实现“快进”，“快退”
 Delay：作用就是按下时第一次触发<font style="color:rgb(0, 0, 0);">Click</font>的时间延迟。
 Interval：每次click发生的时间间隔。 
  1. <Window x:Class="WpfApplication1.Window1"
  2.         xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  3.         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  4.         xmlns:sys="clr-namespace:System;assembly=mscorlib"
  5.         xmlns:local="clr-namespace:WpfApplication1"
  6.         Title="MainWindow" Height="350" Width="525">
  7.     <Canvas>
  8.         <TextBox Canvas.Left="151" Canvas.Top="69" Height="33" Name="textBox1" Width="172" Text="0" />
  9.         <RepeatButton x:Name="test" Delay="100" Interval="100"  Click="test_Click" Width="172"
  10.                       Content="确定" Height="61" Canvas.Left="151" Canvas.Top="121" />
  11.     </Canvas>
  12. </Window>
  1. namespace WpfApplication1
  2. {
  3.     /// <summary>
  4.     /// Window1.xaml 的交互逻辑
  5.     /// </summary>
  6.     public partial class Window1 : Window
  7.     {
  8.         public Window1()
  9.         {
  10.             InitializeComponent();
  11.         }
  12.         private void test_Click(object sender, RoutedEventArgs e)
  13.         {
  14.             var num = Convert.ToInt32(textBox1.Text);
  15.             textBox1.Text = (++num).ToString();
  16.         }
  17.     }
  18. }
  1. <3>ToggleButton
从图中我们看到<font style="color:rgb(0, 0, 0);">ToggleButton</font>是<font style="color:rgb(0, 0, 0);">CheckBox</font>和<font style="color:rgb(0, 0, 0);">RadioButton</font>的基类。 
  1. <Window x:Class="WpfApplication1.Window1"
  2.         xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  3.         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  4.         xmlns:sys="clr-namespace:System;assembly=mscorlib"
  5.         xmlns:local="clr-namespace:WpfApplication1"
  6.         Title="MainWindow" Height="350" Width="525">
  7.     <Grid>
  8.         <CheckBox Content="CheckBox" Height="16" HorizontalAlignment="Left" Margin="96,137,0,0" Name="checkBox1" 
  9.                   VerticalAlignment="Top" IsThreeState="True" Indeterminate="checkBox1_Checked" />
  10.     </Grid>
  11. </Window>
  1. namespace WpfApplication1
  2. {
  3.     /// <summary>
  4.     /// Window1.xaml 的交互逻辑
  5.     /// </summary>
  6.     public partial class Window1 : Window
  7.     {
  8.         public Window1()
  9.         {
  10.             InitializeComponent();
  11.         }
  13.         private void checkBox1_Checked(object sender, RoutedEventArgs e)
  14.         {
  15.             MessageBox.Show("不错");
  16.         }
  17.     }
  18. }

二、条目控件

条目控件首先都是继承自<font style="color:rgb(0, 0, 0);">ItemsControl</font>，在<font style="color:rgb(0, 0, 0);">ItemsControl</font>中我们发现有两个比较有意思的属性，<font style="color:rgb(0, 0, 0);">Items</font>和<font style="color:rgb(0, 0, 0);">ItemsSource</font>。
 Items：
 从图中可以看出<font style="color:rgb(0, 0, 0);">Items</font>属于<font style="color:rgb(0, 0, 0);">ItemCollection</font>的集合类型，所以每一个Item里面都可以放入一个<font style="color:rgb(0, 0, 0);">Object</font>类型对象，这里有意思的地方就是，如果我放入的是一个UI元素，那么很好，wpf会调用UI的<font style="color:rgb(0, 0, 0);">OnRender</font>方法将UI元素呈现，如果说是一个没有<font style="color:rgb(0, 0, 0);">OnRender</font>方法的元素，那该怎么办呢？WPF很智能，它会创建一个<font style="color:rgb(0, 0, 0);">TextBlock</font>，然后调用该对象的<font style="color:rgb(0, 0, 0);">ToString()</font>将字符串呈现在<font style="color:rgb(0, 0, 0);">TextBlock</font>上。
 ItemsSource:
 从前面文章中我们也看到，ItemsSource常用于数据绑定，所以是一个非常实用的属性。 <1>Expander 
  1. <Window x:Class="WpfApplication1.Window1"
  2.         xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  3.         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  4.         xmlns:sys="clr-namespace:System;assembly=mscorlib"
  5.         xmlns:local="clr-namespace:WpfApplication1"
  6.         Title="MainWindow" Height="350" Width="525">
  7.     <Grid>
  8.         <Expander Header="年龄组" Height="208" Margin="39,33,154,70" Name="expander1" Width="310">
  9.             <StackPanel>
  10.                 <RadioButton Content="RadioButton1" Height="16" Name="radioButton1" />
  11.                 <RadioButton Content="RadioButton2" Height="16"  Name="radioButton2" />
  12.             </StackPanel>
  13.         </Expander>
  14.     </Grid>
  15. </Window>

WPF控件 - 图1WPF控件 - 图2

<2>GroupBox

  1. <Window x:Class="WpfApplication1.Window1"
  2.         xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  3.         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  4.         xmlns:sys="clr-namespace:System;assembly=mscorlib"
  5.         xmlns:local="clr-namespace:WpfApplication1"
  6.         Title="MainWindow" Height="350" Width="525">
  7.     <Grid>
  8.         <GroupBox Header="年龄组" Height="208" Margin="39,33,154,70" Name="expander1" Width="310">
  9.             <StackPanel>
  10.                 <RadioButton Content="RadioButton1" Height="16" Name="radioButton1" />
  11.                 <RadioButton Content="RadioButton2" Height="16"  Name="radioButton2" />
  12.             </StackPanel>
  13.         </GroupBox>
  14.     </Grid>
  15. </Window>

WPF控件 - 图3

<3>TabItem

  1. <Window x:Class="WpfApplication1.Window1"
  2.         xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  3.         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  4.         xmlns:sys="clr-namespace:System;assembly=mscorlib"
  5.         xmlns:local="clr-namespace:WpfApplication1"
  6.         Title="MainWindow" Height="350" Width="525">
  7.     <Grid>
  8.         <TabControl TabStripPlacement="Top" SelectedIndex="2">
  9.             <TabItem Header="TabItem1">
  10.                 <TextBlock>111111</TextBlock>
  11.             </TabItem>
  12.             <TabItem Header="TabItem2">
  13.                 <TextBlock>222222222</TextBlock>
  14.             </TabItem>
  15.             <TabItem Header="TabItem3">
  16.                 <TextBlock>33333333</TextBlock>
  17.             </TabItem>
  18.             <TabItem Header="TabItem4">
  19.                 <TextBlock>444444444</TextBlock>
  20.             </TabItem>
  21.         </TabControl>
  23.     </Grid>
  24. </Window>

WPF控件 - 图4

三、文本控件

  1. <Window x:Class="WpfApplication1.Window1"
  2.         xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  3.         xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  4.         xmlns:sys="clr-namespace:System;assembly=mscorlib"
  5.         xmlns:local="clr-namespace:WpfApplication1"
  6.         Title="MainWindow" Height="350" Width="525">
  7.     <Grid>
  8.         <Button Content="Button" Height="23" HorizontalAlignment="Left" Margin="130,103,0,0" Name="button1" VerticalAlignment="Top" Width="75" 
  9.                 ToolTipService.HorizontalOffset="20"
  10.                 ToolTipService.VerticalOffset="20" >
  11.             <Button.ToolTip>
  12.                 <StackPanel>
  13.                     <GroupBox Header="XXX选择题，你懂得...">
  14.                         <GroupBox.Content>
  15.                             <StackPanel>
  16.                                 <TextBlock x:Name="A">A:XXXX</TextBlock>
  17.                                 <TextBlock x:Name="B">B:XX</TextBlock>
  18.                                 <TextBlock x:Name="C">C:OOOO</TextBlock>
  19.                                 <TextBlock x:Name="D">D:OO</TextBlock>
  20.                             </StackPanel>
  21.                         </GroupBox.Content>
  22.                     </GroupBox>
  23.                 </StackPanel>
  24.             </Button.ToolTip>
  25.         </Button>
  26.     </Grid>
  27. </Window>

WPF控件 - 图5

四、范围控件

<1>ScrollViewer

<Window x:Class="WpfApplication1.Window1"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:sys="clr-namespace:System;assembly=mscorlib"
        xmlns:local="clr-namespace:WpfApplication1"
        Title="MainWindow" Height="350" Width="525">
    <Grid>
        <ScrollViewer Height="108" HorizontalAlignment="Left" Margin="98,63,0,0"
                      Name="scrollViewer1" VerticalAlignment="Top" Width="224" 
                      VerticalScrollBarVisibility="Auto" HorizontalScrollBarVisibility="Auto">
            <StackPanel x:Name="Test" Orientation="Horizontal">

            </StackPanel>
        </ScrollViewer>
    </Grid>
</Window>

namespace WpfApplication1
{
    /// <summary>
    /// Window1.xaml 的交互逻辑
    /// </summary>
    public partial class Window1 : Window
    {
        public Window1()
        {
            InitializeComponent();
            for (int i = 0; i < 100; i++)
            {
                TextBox tbx = new TextBox();
                tbx.Text = i.ToString();
                Test.Children.Add(tbx);
            }
        }
    }
}

WPF控件 - 图6

<2>ScrollBar

<Window x:Class="WpfApplication1.Window1"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:sys="clr-namespace:System;assembly=mscorlib"
        xmlns:local="clr-namespace:WpfApplication1"
        Title="MainWindow" Height="350" Width="525">
    <Grid>
        <Grid>
            <StackPanel Height="100" Margin="97,61,206,150" Name="stackPanel1" Width="200">
                <ScrollBar Name="test" Orientation="Horizontal" Maximum="100" Minimum="5" SmallChange="2" Height="17" Width="186" />
                <Label Content="滑动块值"/>
                <TextBox Name="txtScrollValue" Text="{Binding ElementName=test, Path=Value}"/>
            </StackPanel>
        </Grid>
    </Grid>
</Window>

WPF控件 - 图7

<3>ProgressBar

<Window x:Class="WpfApplication1.Window1"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:sys="clr-namespace:System;assembly=mscorlib"
        xmlns:local="clr-namespace:WpfApplication1"
        Title="MainWindow" Height="350" Width="525">
    <Grid>
        <ProgressBar Height="20" Margin="40" Name="ProgressBar1" IsIndeterminate="True"></ProgressBar>
    </Grid>
</Window>

WPF控件 - 图8