掌握WPF控件：熟练常用属性（二）

最新推荐文章于 2024-01-29 10:21:52 发布
最新推荐文章于 2024-01-29 10:21:52 发布
阅读量949 收藏 20
点赞数 15
文章标签： wpf
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u010784529/article/details/135576999
版权

WPF布局常用控件（二）

Calendar

  • 用于日期选择的控件。它提供了一个可视化的界面，可以通过它来选择特定的日期。
常用属性描述
DisplayMode用来设置Calendar的显示模式，有三种可选值：默认Month（月）、Year（年）和Decade（十年）。
SelectedDate用来获取或设置当前选中的日期。
Mode用来设置Calendar的显示模式，有默认Day（日）、Month（月）、Year（年）和Decade（十年）等模式。
FirstDayOfWeek用来设置一周的第一天是星期几。
DisplayDate用来设置初始显示得日期
SelectedDates用来获取当前选中的所有日期。
IsTodayHighlighted用来突出显示当前日期。默认IsTodayHighlighted 为 true。
SelectedDatesChanged选中的日期发生变化时会触发这个事件。
  • 下面写个列子
// xaml 代码
<Grid HorizontalAlignment="Center">
    <Grid.ColumnDefinitions>
        <ColumnDefinition></ColumnDefinition>
        <ColumnDefinition></ColumnDefinition>
        <ColumnDefinition></ColumnDefinition>
    </Grid.ColumnDefinitions>
    <Grid.RowDefinitions>
        <RowDefinition Height="180"></RowDefinition>
        <RowDefinition ></RowDefinition>
        <RowDefinition></RowDefinition>
        <RowDefinition></RowDefinition>
        <RowDefinition></RowDefinition>
    </Grid.RowDefinitions>
    <Calendar Grid.Column="0" Grid.Row="0" Grid.ColumnSpan="3" HorizontalAlignment="Center"  x:Name="myCalendar"   SelectedDatesChanged="myCalendar_SelectedDatesChanged"/>
    <TextBlock Grid.Column="0" Grid.Row="1" Grid.ColumnSpan="3"  HorizontalAlignment="Center" x:Name="SelectedDateText" Text="" FontSize="20"></TextBlock>
    <Button Grid.Column="0" Grid.Row="2" Height="40" Content="设置模式月（Month）默认" Click="Button_Change_Month"></Button>
    <Button Grid.Column="1" Grid.Row="2" Height="40" Content="设置模式年（Year）" Margin="20 0" Click="Button_Change_Year"></Button>
    <Button Grid.Column="2" Grid.Row="2" Height="40" Content="设置模式十年（Decade）" Click="Button_Change_Decade"></Button>
    <Button Grid.Column="0" Grid.Row="3" Height="40"  Grid.ColumnSpan="3" Content="显示/隐藏今日日期突出" Click="Button_Change_IsTodayHighlighted" ></Button>
</Grid>

//C# 代码
using System.Windows;
using System.Windows.Controls;

namespace WpfCommonControls
{
    /// <summary>
    /// Calendar.xaml 的交互逻辑
    /// </summary>
    public partial class Calendar : Window
    {
        public Calendar()
        {
            InitializeComponent();
            // 获取当前初始值
            var displayDate = myCalendar.DisplayDate;
            SelectedDateText.Text = $"选中日期(SelectedDate)：{displayDate.ToString()}";
        }

        private void Button_Change_Month(object sender, RoutedEventArgs e)
        {
            //设置显示模式月
            myCalendar.DisplayMode = CalendarMode.Month;
        }

        private void Button_Change_Year(object sender, RoutedEventArgs e)
        {
            //设置显示模式年
            myCalendar.DisplayMode = CalendarMode.Year;
        }

        private void Button_Change_Decade(object sender, RoutedEventArgs e)
        {
            //设置显示模式十年
            myCalendar.DisplayMode = CalendarMode.Decade;
        }

        private void myCalendar_SelectedDatesChanged(object sender, SelectionChangedEventArgs e)
        {
             // 获取当前选中的日期集合  
			 var selectedDate = myCalendar.SelectedDates;
			 SelectedDateText.Text =$"选中日期(SelectedDate)：{selectedDate.FirstOrDefault()}";
			
			 或
			  获取当前选中的日期  
			 //var selectedDate = myCalendar.SelectedDate;
			 //SelectedDateText.Text = $"选中日期(SelectedDate)：{selectedDate.ToString()}";
        }

        private void Button_Change_IsTodayHighlighted(object sender, RoutedEventArgs e)
        {
            //设置今日日期突出显示/隐藏
            myCalendar.IsTodayHighlighted = !myCalendar.IsTodayHighlighted;
        }
        
    }
}

Calendar

CheckBox

  • 是一个选框选框控件，它允许用户在界面上选择或取消选择一个选项。
常用属性描述
IsChecked用于获取或设置CheckBox的选中状态。它是个Nullable类型，选中时为true，未选中时为false，也可以设置为null表示不确定状态。
IsThreeState用于设置其具有三种状态：真、假和不确定。当IsThreeState属性设置为true时，CheckBox将多了一种“不确定状态”的第三种状态
Content用于获取或设置CheckBox的内容，它可以是任何类型的对象，例如字符串、数字、图像等
Checked当CheckBox的选中时，会触发Checked事件。
Unchecked当CheckBox的取消选中时，会触发Unchecked事件。
Indeterminate当CheckBox的状态不确定时，会触发Indeterminate事件
  • 下面写个列子
 <Grid HorizontalAlignment="Center">
     <Grid.RowDefinitions>
         <RowDefinition Height="Auto"/>
         <RowDefinition Height="Auto"/>
         <RowDefinition Height="Auto"/>
         <RowDefinition Height="Auto"/>
         <RowDefinition Height="Auto"/>
         <RowDefinition Height="Auto"/>
     </Grid.RowDefinitions>
     <TextBlock Text="复选框" Margin="0,20,10,20"
          FontFamily="Verdana" FontSize="18" FontWeight="Bold"
          Foreground="#FF5C9AC9" Grid.Row="0"/>

     <CheckBox Grid.Row="1" Margin="0,10"  Content="默认设置勾选状态"  IsChecked="True"/>
     <CheckBox Grid.Row="2" Margin="0,10"  Content="默认设置取消勾选状态"  IsChecked="False"/>
     <CheckBox Grid.Row="3" Margin="0,10"  Content="默认设置不确定状态" IsThreeState="True"  IsChecked="{x:Null}"/>

     <CheckBox x:Name="myCheckBox" Grid.Row="4" Margin="0,10" 
         Content="三种状态" IsThreeState="True"
         Checked="myCheckBox_Checked" Unchecked="myCheckBox_Unchecked" 
         Indeterminate="myCheckBox_Indeterminate" />
     <TextBlock x:Name="myTextTip" Grid.Row="5" Margin="0,10" />
 </Grid>

using System.Windows;

namespace WpfCommonControls
{
    /// <summary>
    /// CheckBox.xaml 的交互逻辑
    /// </summary>
    public partial class CheckBox : Window
    {
        public CheckBox()
        {
            InitializeComponent();
        }
        
        private void myCheckBox_Checked(object sender, RoutedEventArgs e)
        {
            // 勾选
            myTextTip.Text = $"三种勾选状态为：选中{myCheckBox.IsChecked}";
        }

        private void myCheckBox_Unchecked(object sender, RoutedEventArgs e)
        {
            //取消勾选
            myTextTip.Text = $"三种勾选状态为：取消选中{myCheckBox.IsChecked}";
        }

        private void myCheckBox_Indeterminate(object sender, RoutedEventArgs e)
        {
            //勾选状态为不确定时
            myTextTip.Text = $"三种勾选状态为：不确定{myCheckBox.IsChecked}";
        }
    }
}

CheckBox

ComboBox

  • 下拉列表框，它允许用户从下拉列表中选择一个选项。
常用属性描述
Items用于获取或设置ComboBox中的选项列表。
SelectedIndex用于获取或设置当前选中的选项的索引。
SelectedItem用于获取或设置当前选中的选项的值。
IsEditable用于设置ComboBox是否可编辑，如果可编辑，则用户可以在文本框中直接输入文本。
IsReadOnly用来设置用户是否能直接在ComboBox文本框内修改文本。IsReadOnly默认值为false，只有IsEditable设置为true时才生效。
  • 下面写个列子
//xaml代码
<Grid HorizontalAlignment="Center" >
    <Grid.RowDefinitions>
        <RowDefinition Height="Auto"></RowDefinition>
        <RowDefinition Height="Auto"></RowDefinition>
        <RowDefinition Height="Auto"></RowDefinition>
        <RowDefinition Height="Auto"></RowDefinition>
        <RowDefinition Height="Auto"></RowDefinition>
    </Grid.RowDefinitions>
    <!--绑定数据源，并且在c# 代码里SelectedIndex默认选中第一项，然后有用SelectedItem修改了选中第三项,最终的索引为2-->
    <ComboBox x:Name="myComboBox" Grid.Row="0" Margin="10,10,0,0" VerticalAlignment="Top" Width="130" />
    <!--直接选项数据源,并且使用SelectedIndex 默认选中第一项-->
    <ComboBox  x:Name="myComboBox1" Grid.Row="1" Margin="10,10,0,0" VerticalAlignment="Top"  Width="130" SelectedIndex="0">
        <ComboBox.Items>
            <ComboBoxItem Content="我是xaml数据项1"/>
            <ComboBoxItem Content="我是xaml数据项2"/>
            <ComboBoxItem Content="我是xaml数据项3"/>
        </ComboBox.Items>

    </ComboBox>
    <!--设置可编辑-->
    <ComboBox  x:Name="myComboBox2" Grid.Row="2" Margin="10,10,0,0"  IsEditable="True" VerticalAlignment="Top" Width="280">
        <ComboBox.Items>
            <ComboBoxItem Content="我是可编辑(IsEditable)并且能复制粘贴剪切1"/>
            <ComboBoxItem Content="我是可编辑(IsEditable)并且能复制粘贴剪切2"/>
            <ComboBoxItem Content="我是可编辑(IsEditable)并且能复制粘贴剪切3"/>
        </ComboBox.Items>

    </ComboBox>

    <!--设置可编辑并且为只读-->
    <ComboBox x:Name="myComboBox3"  Grid.Row="3" Margin="10,10,0,0"  IsEditable="True" IsReadOnly="True" VerticalAlignment="Top" Width="310">
        <ComboBox.Items>
            <ComboBoxItem Content="我设置(IsEditable)可编辑并且(IsReadOnly)只能粘贴1"/>
            <ComboBoxItem Content="我设置(IsEditable)可编辑并且(IsReadOnly)只能粘贴2"/>
            <ComboBoxItem Content="我设置(IsEditable)可编辑并且(IsReadOnly)只能粘贴3"/>
        </ComboBox.Items>

    </ComboBox>
    <Button Grid.Row="4" Height="30"  Margin="10,10,0,0" Content="设置所有选中第三项" Click="Button_Change_ComboBoxItem" ></Button>
</Grid>

//c#代码
using System.Windows;

namespace WpfCommonControls
{
    /// <summary>
    /// ComboBox.xaml 的交互逻辑
    /// </summary>
    public partial class ComboBox : Window
    {
        public ComboBox()
        {
            InitializeComponent();
            // myComboBox添加数据
            LoadComboBoxItems();
        }

        private void LoadComboBoxItems()
        {
            myComboBox.Items.Add("我是c#添加数据1");
            myComboBox.Items.Add("我是c#添加数据2");
            myComboBox.Items.Add("我是c#添加数据3");
            myComboBox.SelectedIndex = 0; // 设置默认选中的选项

            //然后又用SelectedItem修改了选中值
            myComboBox.SelectedItem = "我是c#添加数据3";

            //最后的索引为2
            int lastIndex = myComboBox.SelectedIndex;
        }

        private void Button_Change_ComboBoxItem(object sender, RoutedEventArgs e)
        {
            // 设置所有的选项为3
            myComboBox.SelectedIndex = 2;
            myComboBox1.SelectedIndex = 2;
            myComboBox2.SelectedIndex = 2;
            myComboBox3.SelectedIndex = 2;

        }
    }
}

ComboBox

ContextMenu

  • 用于实现上下文菜单的功能的控件。它通常在鼠标右键单击某个控件时显示一个菜单，供用户选择操作。ContextMenu可以包含MenuItem控件，每个MenuItem代表一个可选项，用户选择后执行相应的操作。
常用属性描述
Items用于添加菜单项的集合。
PlacementTarget用来指定ContextMenu相对于哪个元素定位。
Placement用来设置和获取ContextMenu在元素上的位置关系。可选有四种值：Auto、Top、Bottom、Right等
PlacementRectangle用来获取或设置上下文菜单打开时与其所在位置相对的区域。
HasDropShadow用来获取或设置一个值，该值指示上下文菜单是否显示投影。默认为true
IsOpen用来控制ContextMenu是否显示。
HorizontalOffset用来获取或设置目标原点与弹出项对齐点之间的水平距离。
VerticalOffset用来获取或设置目标原点与弹出项对齐点之间的垂直距离。
  • 下面写个列子
<Grid HorizontalAlignment="Center" >
    <Grid.RowDefinitions>
        <RowDefinition></RowDefinition>
        <RowDefinition></RowDefinition>
        <RowDefinition></RowDefinition>
        <RowDefinition></RowDefinition>
    </Grid.RowDefinitions>
    
    <!--按钮绑定菜单-->
    <Button Grid.Row="0" x:Name="cmButton" Height="30" Width="180">
        带菜单的按钮，右键打开菜单
        <Button.ContextMenu>
            <ContextMenu x:Name="myContextMenu">
                <MenuItem Header="添加"/>
                <MenuItem Header="修改"/>
                <MenuItem Header="报错"/>
                <MenuItem Header="带有二级选项">
                    <MenuItem Header="二级修改"/>
                    <MenuItem Header="二级保存"/>
                </MenuItem>
            </ContextMenu>
        </Button.ContextMenu>
    </Button>

    <!--文本绑定菜单-->
    <TextBox Grid.Row="1" Name="textBox1"
     TextWrapping="Wrap"
     Margin="0, 20,0,10">
        我是可以根据菜单事件动态更改文本样式
        <TextBox.ContextMenu>
            <ContextMenu>
               <!--开启选中,可以勾选-->
                <MenuItem Header="设置粗体" IsCheckable="True" Checked="Bold_Checked" Unchecked="Bold_Unchecked" />
                <MenuItem Header="设置斜体"  IsCheckable="True"  Checked="Italic_Checked"  Unchecked="Italic_Unchecked" />
                <!--分割线-->
                <Separator />
                <MenuItem Header="动态设置字体增大"   Click="IncreaseFont_Click" />
                <MenuItem Header="动态设置字体缩小"  Click="DecreaseFont_Click" />
            </ContextMenu>
        </TextBox.ContextMenu>
    </TextBox>

    <!--按钮绑定菜单-->
    <Button x:Name="myPlacementTargetBtn"  Margin="0, 10" Grid.Row="2" Height="30" Width="180" Click="Button_Click"  ContextMenuOpening="ContextMenu_ContextMenuOpening">
        点击设置菜单显示位置
        <Button.ContextMenu>
            <ContextMenu>
                <MenuItem Header="添加"/>
                <MenuItem Header="修改"/>
            </ContextMenu>
        </Button.ContextMenu>
    </Button>

    <!--按钮绑定菜单-->
    <Button  Grid.Row="3" Height="30" Width="250">
        设置菜单水平和垂直相对位置,并且无投影
        <Button.ContextMenu>
            <ContextMenu   HorizontalOffset="50" VerticalOffset="50" HasDropShadow="False">
                <MenuItem Header="添加"/>
                <MenuItem Header="修改"/>
            </ContextMenu>
        </Button.ContextMenu>
    </Button>
</Grid>

using System.Windows;
using System.Windows.Controls;
using System.Windows.Controls.Primitives;

namespace WpfCommonControls
{
    /// <summary>
    /// ContextMenu.xaml 的交互逻辑
    /// </summary>
    public partial class ContextMenu : Window
    {
        public ContextMenu()
        {
            InitializeComponent();
        }

        private void Bold_Checked(object sender, RoutedEventArgs e)
        {
            // 勾选设置为粗体
            textBox1.FontWeight = FontWeights.Bold;
        }

        private void Bold_Unchecked(object sender, RoutedEventArgs e)
        {
            // 取消设置正常
            textBox1.FontWeight = FontWeights.Normal;
        }

        private void Italic_Checked(object sender, RoutedEventArgs e)
        {
            //设置字体倾斜
            textBox1.FontStyle = FontStyles.Italic;
        }

        private void Italic_Unchecked(object sender, RoutedEventArgs e)
        {
            // 取消 设置字体正常
            textBox1.FontStyle = FontStyles.Normal;
        }

        private void IncreaseFont_Click(object sender, RoutedEventArgs e)
        {
            // 动态设置字体加1
            if (textBox1.FontSize < 18)
            {
                textBox1.FontSize += 2;
            }
        }

        private void DecreaseFont_Click(object sender, RoutedEventArgs e)
        {
            // 动态设置字体减1
            if (textBox1.FontSize > 10)
            {
                textBox1.FontSize -= 2;
            }
        }

    
        private void Button_Click(object sender, RoutedEventArgs e)
        {
            //点击按钮手动打开
            myContextMenu.PlacementTarget = myPlacementTargetBtn; // 设置PlacementTarget属性为myPlacementTargetBtn控件  
            myContextMenu.Placement = PlacementMode.Bottom; // 设置显示位置为下方  
            myContextMenu.PlacementRectangle = new Rect(100, 100, 0, 0);//设置相对位置 x=100,y=100,宽度和高度为0
            myContextMenu.IsOpen = true;  //打开
        }

        private void ContextMenu_ContextMenuOpening(object sender, ContextMenuEventArgs e)
        {
            // 用来禁用右键打开菜单
            e.Handled = true; 
        }
    }
}

ContextMenu

公众号“点滴分享技术猿”

关注

搬砖的工人
关注
  • 15
    点赞
  • 踩
  • 20
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
WPF 自定义控件库 常用控件封装&常用控件样式重写
03-26
WPF 自定义控件库 常用控件封装&常用控件样式重写
掌握WPF控件：熟练常用属性（一）
欢迎来到我的博客，这里记录了我学习、实践和探索过程中的心得体会！
01-13 500
【代码】掌握WPF控件：熟练常用属性（一）
了解WPF控件：ScrollBar常用属性与用法（十二）
欢迎来到我的博客，这里记录了我学习、实践和探索过程中的心得体会！
01-26 498
【代码】了解WPF控件：ScrollBar常用属性与用法（十一）
了解WPF控件：ToolBar常用属性与用法（十四）
最新发布
欢迎来到我的博客，这里记录了我学习、实践和探索过程中的心得体会！
01-29 434
【代码】了解WPF控件：ToolBar常用属性与用法（十四）
了解WPF控件：TextBlock 常用属性与用法（十一）
欢迎来到我的博客，这里记录了我学习、实践和探索过程中的心得体会！
01-26 537
【代码】了解WPF控件：TextBlock 常用属性与用法（十一）
了解WPF控件：PrintDialog常用属性与用法（八）
欢迎来到我的博客，这里记录了我学习、实践和探索过程中的心得体会！
01-24 470
一个对话框，用于在打印文档时显示打印设置参数供用户选择并确认。通过该控件，用户可以选择打印机、打印的范围、打印的份数、打印质量等。
深入了解WPF控件：基础属性与用法（五）
欢迎来到我的博客，这里记录了我学习、实践和探索过程中的心得体会！
01-19 924
【代码】深入了解WPF控件：基础属性与用法（五）
深入了解WPF控件：常用属性与用法（六）
欢迎来到我的博客，这里记录了我学习、实践和探索过程中的心得体会！
01-22 476
【代码】深入了解WPF控件：常用属性与用法（六）
深入了解WPF控件：基础概念与用法（三）
欢迎来到我的博客，这里记录了我学习、实践和探索过程中的心得体会！
01-16 1010
【代码】深入了解WPF控件：基础概念与用法（三）
深入了解WPF控件：常用属性与用法（七）
欢迎来到我的博客，这里记录了我学习、实践和探索过程中的心得体会！
01-23 732
【代码】深入了解WPF控件：常用属性与用法（七）
wpf-docs:Syncfusion WPF控件文档
04-12
Syncfusion WPF文档 这是Syncfusion WPF组件技术产品文档的GitHub存储库。 本文档已发布到 捐款欢迎！ 我们欢迎有关改进WPF组件用户指南文档的。 您对此的贡献将不胜感激。
WPF源码：只读依赖属性.rar
03-01
WPF源码：只读依赖属性.rar WPF源码：只读依赖属性.rar
DEV控件：gridControl常用属性设置
04-24
DEV控件：gridControl常用属性设置
C# wpf 附加属性实现任意控件拖动调整大小
12-08
使用附加属性将各种控件拖动改变大小功能整合到一起，提高复用性和移植性，界面和逻辑分离，支持自定义拖动样式。原文链接：https://blog.csdn.net/u013113678/article/details/121719278
WPF常用控件
08-26
本资源新增TonyTab2017,treeviewEx,Mui,LuaEditor以及一些其他常用控件
HandyControl：包含一些简单且常用的WPF控件
02-05
:red_heart: 面向中国 码云 中文文档 赞助 扫码入群 西江月群 定风波群 群号码 二维码 为我们购买防脱洗发水（支付宝扫码） ... 如果您的项目未在此处列出，请告诉我们！...步骤1：添加对HandyControl的引用，或在nuget上...
WPF源码：附加属性代码演示.rar
03-01
WPF源码：附加属性代码演示.rar WPF源码：附加属性代码演示.rar
Winform调用WPF控件
06-28
Winform调用WPF控件，演示WPF的DataGrid控件在Winform中如何调用刷新
wpf 自定义控件,自定义属性
07-31
在WPF中，我们可以使用自定义控件和自定义属性来满足特定的需求和设计要求。 自定义控件是通过继承现有的WPF控件类来实现的。通过继承，我们可以重写控件的行为和外观，添加自定义的功能和特性。例如，我们可以创建...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

搬砖的工人

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值