WPF 常用控件_wpf 控件

WPF六种常用控件：布局控件、内容控件、带标题内容控件、条目控件、带标题条目控件和特殊内容控件(如:TextBox,TextBlock,Image等)。

实例链接：WPF常用控件实例

Window(窗体)

Winodw窗体派生自ContentControl，有一个Content属性，里面可以放一个任意控件。Window常用属性：Icon设置窗体的图标，ShowInTaskbar 是否在任务栏项目窗体图标，WindowState 窗口显示方式，WindowStyle窗体类型，WindowStartupLocation窗体显示位置，ResizeMode窗体条件。日常开发中最常用的是，去掉原生的Window边框，实现自定义背景且圆角带阴影的窗体，Xaml代码如下：

<Window x:Class="WpfControlDemo.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
        xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
        xmlns:local="clr-namespace:WpfControlDemo"
        mc:Ignorable="d"
        Width="800" Height="400"
        Title="MainWindow" WindowStyle="None" WindowStartupLocation="CenterScreen"  
        AllowsTransparency="True" Background="Transparent"
        MouseLeftButtonDown="Window_MouseLeftButtonDown" >
    <Grid>
        <Border CornerRadius="15" Background="White" Margin="15">
            <Border.Effect>
                <DropShadowEffect Color="Gray" ShadowDepth="0" BlurRadius="5"></DropShadowEffect>
            </Border.Effect>
        </Border>
    </Grid>
</Window>

鼠标按住窗体拖动，后台代码如下：

        private void Window_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)
        {
            this.DragMove();//允许鼠标拖动窗体
        }

Border (边框)

通过于布局元素一起使用，只能包含单个控件，可以设置圆角(CornerRadius)，边框(BorderBrush：边框颜色，BorderThickness：边框线条粗细)和效果(effect)等。

        <Border Width="100" Height="100" CornerRadius="10,10,0,0"  BorderBrush="Blue" BorderThickness="2">
            <Border.Effect>
                <DropShadowEffect Color="Orange" ShadowDepth="0" BlurRadius="5"></DropShadowEffect>
            </Border.Effect>
        </Border>

Button(按键)

按键有常用属性Content(标签显示)，Click(点击事件)，Command(绑定命令)，IsDefault(用户按下Enter键，相当于点击该按键)，IsCancel(用户按下Esc键，相当于点击该按键)。

<Button Content="按键" Width="100" Height="30" IsDefault="True" Click="Button_Click" Grid.Row="1"/>

ReapButton(重复按键)

作用是当用户鼠标左键按住该按钮时，会一直触发点击事件，主要应用于一些播放器的快进等功能。

<RepeatButton  Delay="100" Interval="1000" Click="repButton_Click"/>

TextBox(文本框,用于用户文字输入)

<TextBox Width="100" Height="30" Grid.Column="1" TextWrapping="Wrap" TextAlignment="Center" Text="设置TextWrapping后超出文字会换行"/>

PasswordBox(密码框，可隐藏用户输入)

RichTextBox

RichTextBox 控件允许您查看和编辑文本、段落、图像、表格和其他富文本格式的内容，展现文本内容丰富，对System.Windows.Documents.FlowDocument对象进行丰富操作的编辑控件。

TextBlock(轻量级的文本控件)

轻量级的文本控件，多用于一些简短的标题或文字，或者成为内容控件的子元素作为文本呈现用，不可编辑，属性与TextBox相似，超出文本显示省略号可以设置TextTrimming="CharacterEllipsis"。

<TextBlock x:Name="txtb" Width="100" TextTrimming="CharacterEllipsis"  Text="超长文本显示省略号"/>

RadioButton(单选框)

<StackPanel >
        <RadioButton IsChecked="True" Content="男" GroupName="sex" Grid.Row="2" />
        <RadioButton  Content="女" GroupName="sex" Grid.Row="2" />
</StackPanel>

CheckBox(多选框)

<StackPanel Orientation="Horizontal"  Height="40">
    <CheckBox Content="羽毛球" Margin="5" IsChecked="True"></CheckBox>
    <CheckBox Content="足球" Margin="5" IsThreeState="True"></CheckBox>
    <CheckBox Content="篮球" Margin="5"></CheckBox>
</StackPanel>

Image(图片控件)

用于展示图片，主要属性就是Source(图片资源路径)。图片路径请参考：WPF 调用图片路径，或资源图片

 <Image Height="100" Width="100" Source="1.png" Stretch="Uniform"/>

ComboBox(组合框)

组合框是一组带有下拉列表的选择控件，通过单击控件上的箭头可显示或隐藏下拉列表。

ListBox(列表控件)

ListBox 是一个 ItemsControl，这意味着它可以包含任何类型的对象的集合。

<ListBox Grid.Row="2" Grid.Column="1" Width="80" Height="100">
    <ListBoxItem>
        <StackPanel Orientation="Horizontal">
            <TextBlock Text="1" VerticalAlignment="Center" Margin="0,0,10,0"/>
            <Button Width="40" Height="20" Content="ok"/>
        </StackPanel>
    </ListBoxItem>
    <ListBoxItem>
        <StackPanel Orientation="Horizontal">
            <TextBlock Text="2" VerticalAlignment="Center" Margin="0,0,10,0"/>
            <Button Width="40" Height="20" Content="ok"/>
        </StackPanel>
    </ListBoxItem>
</ListBox>

ListView

ListView 控件是派生自 ListBox 的 ItemsControl 控件。 通常，该控件的项为数据集合的成员，并且表示为 ListViewItem 对象。 ListViewItem 是一个 ContentControl 且只能包含单个子元素。 但是，该子元素可以是任何视觉元素。若要为 ListView 控件的内容指定视图模式，请设置 View 属性。WPF提供的一个视图模式为 GridView，可在具有可自定义列的表格中显示数据项集合。

<Window.Resources>
    <ObjectDataProvider x:Key="EmployeeInfoDataSource" ObjectType="{x:Type ds:EmployeeInfoDataSource}"/>
</Window.Resources>
<Grid>
     <ListView ItemsSource="{Binding Source={StaticResource EmployeeInfoDataSource}}" Grid.Column="2" Grid.RowSpan="2" Width="200" Height="200">
              <ListView.View>
                  <GridView AllowsColumnReorder="true" ColumnHeaderToolTip="Employee Information">
                      <GridViewColumn DisplayMemberBinding="{Binding Path=FirstName}" Header="First Name" Width="100"/>
                      <GridViewColumn DisplayMemberBinding="{Binding Path=LastName}" Width="100">
                          <GridViewColumnHeader>Last Name
                              <GridViewColumnHeader.ContextMenu>
                                  <ContextMenu  Name="LastNameCM">
                                      <MenuItem Header="Ascending" />
                                      <MenuItem Header="Descending" />
                                  </ContextMenu>
                              </GridViewColumnHeader.ContextMenu>
                          </GridViewColumnHeader>
                      </GridViewColumn>
                      <GridViewColumn DisplayMemberBinding="{Binding Path=EmployeeNumber}" Header="Employee No." Width="100"/>
                  </GridView>
              </ListView.View>
    </ListView>
</Grid>

    public class EmployeeInfoData
    {
        public string FirstName { get; set; }
        public string LastName { get; set; }
        public string EmployeeNumber { get; set; }
    }
 
    public class EmployeeInfoDataSource:ObservableCollection<EmployeeInfoData>
    {
        public EmployeeInfoDataSource()
        {
            Add(new EmployeeInfoData
            {
                FirstName = "Xue",
                LastName = "Xiao",
                EmployeeNumber = "101"
            });
            Add(new EmployeeInfoData
            {
                FirstName = "Qiang",
                LastName = "Xiao",
                EmployeeNumber = "102"
            });
            Add(new EmployeeInfoData
            {
                FirstName = "Ming",
                LastName = "Xiao",
                EmployeeNumber = "103"
            });
        }
    }

GridView(列绑定控件)

GridView视图模式是ListView控件的视图模式中的一种。GridView及其辅助类能让你在表中来查看集合中的数据项，且可以通过表头来进行交互（表头是个按钮，可以给它加各种交互功能，如排序）。ListView是ListBox派生类，而GridView是ViewBase的派生类，ListView的View属性是一个ViewBase类型的对象，所以，GridView可以作为ListView的View来使用而不能作为独立的控件来使用。

布局控件请参考：WPF布局元素

其他控件：

Menu：菜单控件

GroupBox：分组框

Expander：伸展控件

Lable：标签控件 等...

WPF除了这些基础控件外，还支持用户定义控件：用户控件UserConrol(多个控件组合)，CustomerControl自定义控件(改造或者新建控件)，通过模板，样式，触发器，能创建丰富多彩的控件。

本文参考：https://blog.csdn.net/qq_39847278/article/details/127652570

实例链接：WPF常用控件实例