WPF基础学习笔记2-内容控件

最新推荐文章于 2024-06-05 23:35:32 发布
最新推荐文章于 2024-06-05 23:35:32 发布
阅读量1.7k 收藏 6
点赞数 2
分类专栏： WPF 文章标签： wpf 嵌入式硬件 单片机
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42362797/article/details/130443658
版权

控件详解

1.内容控件

                                                             内容控件
System.Windows.Controls.Lable继承自System.Windows.Controls.ContentControl类
System.Windows.Controls.TextBldck继承自FrameworkElement类
System.Windows.Controls.Button继承自System.Windows.Controls.ContentControl类
System.Windows.Controls.Border继承自Decorator类
System.Windows.Controls.RadioButton继承自System.Windows.Controls.ContentControl类
System.Windows.Controls.CheckBox继承自System.Windows.Controls.ContentControl类
System.Windows.Controls.ToolTip继承自System.Windows.Controls.ContentControl类
System.Windows.Controls.GroupBox继承自System.Windows.Controls.ContentControl类
System.Windows.Controls.Expander继承自System.Windows.Controls.ContentControl类
System.Windows.Controls.Frame继承自System.Windows.Controls.ContentControl类

1.1 Lable控件

 Width   Lable 的宽度

Height   Lable的高度

Content Lable的内容显示

HorizontalAlignment Lable水平对齐位置

VerticalAlignment Lable垂直对齐位置

FintSize Lable的字体大小

Foreground Lable字体颜色

           <Label 
            Width="100" 
            Height="30" Content="DBC编辑器"
            HorizontalAlignment="Left"
            VerticalAlignment="Top" 
            FontSize="18"
            Foreground="Red"
            />

1.2 TextBlock

  

 Text  TextBlock 的内容，如果标签有文本内容，会将其加到Text内容后面

FontSize TextBlock的字体大小

FontWeight TextBlock的字体设置 Black是字体加粗

Foreground TextBlock的字体颜色

HorizontalAlignment TextBlock水平位置

Margin TextBlock位置坐标（左上右下）

<LineBreak>  换行

       <TextBlock 
            Text="DBC编辑器" 
            FontSize="20" 
            FontWeight="Black" 
            Foreground="Orange" 
            HorizontalAlignment="Left" 
            Margin="10,30,20,0">
            轻量级编辑器加载一<LineBreak/>
            轻量级编辑器加载二<LineBreak/>
            轻量级编辑器加载三<LineBreak/>
        </TextBlock>

1.3 Button

 Width Button的宽度

Height Button的高度

HorizontalAlignment Button的水平位置

VerticalAlignment Button的垂直位置

Content Button的显示内容

Margin Button的坐标位置（左上右下）

Background Button的背景颜色

BorderBrush Button的边框设置，这里设置透明色Transparent

Foreground Button的字体颜色

FontSize Button的字体大小

Click Button的点击事件，在后面事件名称点击F12，打开处理事件函数

MouseMove 鼠标移动到Button触发事件，在后面事件名称点击F12，打开处理事件函数

        <Button Width="100" Height="50" HorizontalAlignment="Left" VerticalAlignment="Top"
                Content="生成DBC" Margin="10,80,0,0" Background="Teal" 
                BorderBrush="Transparent" Foreground="Orange" FontSize="20"
                Click="Butten_Click_DBC" MouseMove="Butten_MouseMove_dbc">
            
        </Button>

1.4 Border

    在另一个元素四周绘制边框和/或背景。

     Border只能有一个孩子，若是要显示多个子元素，需要在父Border元素中放置一个附加Panel元素。然后将子元素放置在该Panel元素中。如果需要在内容周围显示边框，则必须将元素放置在父Border元素中。

 Width Border的宽度

Height Border的高度

Background Border的背景颜色

BorderBrush Border的边框颜色

BorderThickness Border的边框宽度（左上右下）

CornerRadius Border的外围幅度角倒圆大小

 运行点击效果

 1.5  RadioButton

 表示可由用户选择但不能清除的按钮，可以通过单击来设置IsChecked的RadioButton属性，但只能以编程方式清除该属性。

   

Content RadioButton的名称

GroupName RadioButton分组名称，区分单选项的组

Margin RadioButton的位置坐标

FontSize RadioButton的字体大小

Foreground RadioButton字体颜色

VerticalAlignment RadioButton垂直位置

HorizontalAlignment RadioButton水平位置

 1.6 CheckBox

 表示用户可以选择和清除的控件

CheckBox控件继承ToogleButton并可以有三种状态：选中（选定的）、未选中（清除的）和不确定。

content CheckBox内容

Margin CheckBox坐标位置

VerticalAlignment CheckBox垂直位置

HorizontalAlignment CheckBox水平位置

Width CheckBox的宽度

Height CheckBox的高度

FontSize CheckBox的字体大小

BorderBrush CheckBox的外框颜色

        <CheckBox Content="UDS" Margin="200,100,0,0" VerticalAlignment="Top"
                  HorizontalAlignment="Left" Width="80" Height="20" FontSize="20"
                  BorderBrush="Red">
            
        </CheckBox>
        <CheckBox Content="DoIP" Margin="200,130,0,0" VerticalAlignment="Top"
                  HorizontalAlignment="Left" Width="80" Height="20" FontSize="20"
                  BorderBrush="Red">

        </CheckBox>
        <CheckBox Content="XCP" Margin="200,160,0,0" VerticalAlignment="Top"
                  HorizontalAlignment="Left" Width="80" Height="20" FontSize="20"
                  BorderBrush="Red">

        </CheckBox>
        <Button Width="100" Height="50" Margin="180,190,0,0" HorizontalAlignment="Left"
                VerticalAlignment="Top" Content="模式选择" FontSize="20" Foreground="Red"
                Click='Button_Mode'></Button>

        private void Button_Mode(object sender, RoutedEventArgs e)
        {
            UIElementCollection childdren = gridMain.Children;
            StringBuilder sbf = new StringBuilder("模式激活是：");
            foreach(UIElement itme in childdren)
            {
                if(itme is CheckBox && (itme as CheckBox).IsChecked.Value)
                {
                    sbf.Append((itme as CheckBox).Content + "；");
                }
            }
            MessageBox.Show(sbf.ToString());
        }

 1.7 ToolTip

  表示一个控件，该控件可创建一个弹出窗口，以便在界面中显示元素信息。

 该控件不能独立使用，需要结合其他控件

            <Button
                Background="Transparent" FontSize="30" Foreground="Red"
                Content="打开DBC" Click="Button_DBC_Open">
                <Button.ToolTip>
                    <TextBlock>这是要加载打开文件格式为DBC的文件</TextBlock>
                </Button.ToolTip>
            </Button>

鼠标放到按钮上提示信息

 1.8 GroupBox

  表示一个控件，该控件用于创建具有用户界面的（UI）内容边框和标题的容器。

 Header GroupBox标题

其他控件在规则下自由组合

<GroupBox Width="300" FontSize="20" Height="400" HorizontalContentAlignment="Right" 
                  VerticalAlignment="Top" Margin="482,0,10,0" ForceCursor="True" FontWeight="Black">
            <GroupBox.Header >数据编辑工具</GroupBox.Header>
            <Grid>
             <Button Margin="29,26,145,293" RenderTransformOrigin="-0.444,-0.523">
                DBC创建
            </Button>
                <Button Margin="127,231,67,79" RenderTransformOrigin="-0.444,-0.523">
                    DBC编辑
                </Button>
                <Button Margin="148,26,26,293" RenderTransformOrigin="-0.444,-0.523">
                    DBC生成
                </Button>
                <Button Margin="29,107,145,212" RenderTransformOrigin="-0.444,-0.523">
                    DBC加载
                </Button>
            </Grid>
            
        </GroupBox>

1.9  Expander

  表示一种控件，该控件显示具有可折叠内容显示窗口标题

 Header Expander的标题

IsExpanded Expander的折叠状态，默认是折叠的

ExpanDirection Expander的折叠方向

        <Grid>
            <Expander Header="DBC查看模式" FontSize="20" Foreground="DarkOrange" IsExpanded="True"
                      BorderThickness="1" BorderBrush="Green" ExpandDirection="Down"
                      VerticalAlignment="Top" HorizontalAlignment="Center">
                <StackPanel Orientation="Vertical">
                    <CheckBox FontSize="20">信号</CheckBox>
                    <CheckBox FontSize="20">协议</CheckBox>
                    <CheckBox FontSize="20">ECU</CheckBox>
                    <CheckBox FontSize="20">网关</CheckBox>
                </StackPanel>
                
            </Expander>
        </Grid>

 展开

折叠

 

 

1.10   Frame

框架是一种支持导航的内容控件

*****************************《完》********************************

作难必得
关注
  • 2
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
wpf button、label样式重写
autistic_fish的博客
12-03 2011
重写样式 在window.resources中重写button的样式，包括长、高、字体、边距、圆角、以及两个触发事件。 重写样式时，setter中的property表示属性，value表示属性的值。 触发事件的写作时可以写trigger,property表示要触发的属性，value表示true或者false，再其中再写setter表示改变的属性 <Window.Resources> <Style TargetType="Button"> &l
WPF基本控件的简介2
sult812的博客
09-18 312
WPF基本控件的简介2 作者：陈钰桃 撰写时间：2021年9月16日 接上回的WPF基本控件 23、Menu 菜单栏，一般放在顶部，如vs顶部，标题下面那排。 XAML 代码及成果图 24、PasswordBox 密码输入框。输入内容显示为******* XAML 代码及成果图 C#代码 25、ProgressBar 进度条。value属性表示进度，范围0-100 26、RadioButton 单选按钮 XAML 代码及成果图 C# 代码 27、Rectangle 实心矩形 Fill 获取或设置 Brus
WPF学习之TextBlock
12-14
TextBlock属性
WPF基础控件
最新发布
代码改变世界
06-05 1323
在这篇博客中，我们将探讨 WPF 中一些常用的控件，包括 TextBlock、Label、ListBox、DataGrid、ListView、ToggleButton 等。我们将介绍每个控件的作用、常用属性和事件，并提供示例代码来演示它们的用法。无论您是初学者还是有经验的 WPF 开发者，本文都将为您提供有价值的信息，帮助您更好地理解和使用这些控件。
WPF——TextBlock基础&高级用法
qq_30917141的博客
09-06 5340
WPF——TextBlock基础&高级用法。TextBlock除了可以显示文字，还可以显示表情或图标。使用iconfont。实现在菜单项MenuItem的文字后加图标的效果。
WPF 控件专题 TextBlock 控件详解
^@^lemon tea^@^
07-18 1万+
WPF 控件专题 TextBlock 控件详解
WPF中文字颜色字体设置
热门推荐
lizhengru
05-12 4万+
颜色： XAML中，&lt;Label Content="国庆节" Background="Aqua" Foreground="Blue"/&gt; textBox2.Foreground = new SolidColorBrush(Colors.DarkGreen); textBox2.Foreground = System...
【WPF应用5】WPF中的TextBlock控件：属性与事件详解及示例
qq_35320456的博客
03-21 3715
WPF中的TextBlock控件：属性与事件详解及示例
WPF编程基础-笔记-数据绑定2
djsin13的专栏
03-16 359
本次笔记涉及：ListBox、TextBox、Button、绑定、ItemSource、ObservableCollection、ICollectionView。 实现目标：ListBox显示一组数据，数据是User对象的Name属性；同时把ListBox选中项的Name属性显示在nameTextBox，把Age属性显示在ageTextBox；最后4个按钮，能选择第一个、前一个、后一个、最后一个ListBox中的项目。
WPF Binding 学习笔记
11-12
【WPF Binding 学习笔记】 WPF (Windows Presentation Foundation) 的数据绑定是其核心特性之一，它使得UI层和业务逻辑层之间的数据交互变得简单而直观。在WPF中，数据绑定允许UI控件（目标）动态地显示或响应数据...
WPF学习笔记--布局篇
03-24
在WPF（Windows Presentation Foundation）中，布局管理是构建用户界面的关键部分，它决定了控件如何在屏幕上排列和适应各种屏幕尺寸。本篇文章主要探讨了五种常用的面板控件：Canvas、StackPanel、WrapPanel、...
WPF学习笔记
10-17
Border 控件 属性 BorderThickness="" 边框的宽度 Paddingg="" 与内部内容的距离 CornerRadius="" 边框的圆角值 WrapPanel面板 属性 DockPanel面板 属性 DockPanel.Dock="" 嵌套布局容器 ,...
WPF知识学习笔记总结
11-03
这只是WPF学习笔记的冰山一角，WPF还包括但不限于数据绑定、依赖属性、控件模板、样式、布局管理、资源字典、MVVM模式、命令和路由事件等多个重要知识点。理解并掌握这些知识点，将有助于你构建功能强大、美观的桌面...
WPF TextBlock 根据Text值，改变字体颜色
07-25 9236
<TextBlock x:Name="labelState" Text="{Binding SourcePowerState}" Grid.Row="1" Grid.Column="3" VerticalAlignment="Center" Width="50" FontSize="20"> <TextBlock.Style> <Style TargetType="TextBl..
wpf 动态设置textblock的字体颜色
hotboyboy的博客
04-06 6809
动态设置textblock的字体颜色 <TextBlock HorizontalAlignment="Center" VerticalAlignment="Center" Text="{Binding IsSuccess, Converter={StaticResource BoolToSucces
WPF之布局属性HorizontalAlignment、HorizontalContentAlignment、VertialAlignment、VerticalContentAlignment
就在昨天之技术点滴
08-17 4万+
WPF中调整控件相对位置的属性有很多，比较常见的属性比如：HorizontalAlignment、HorizontalContentAlignment、VertialAlignment、VerticalContentAlignment。 到底如何使用呢？以下以HorizontalAlignment和HorizontalContentAlignment为例来说明。 ---&gt;Horizont...
WPF 设置颜色及字符串，Color，Brush之间的转换 以及渐变色的操作LinearGradientBrush（转）
weixin_40029679的博客
09-13 2358
原文链接：https://blog.csdn.net/lvxingzhe3/article/details/122143475。版权声明：本文为CSDN博主「一介学徒」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。原文链接：https://blog.csdn.net/rwo_bear/article/details/132363967。版权声明：本文为CSDN博主「无熵~」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
WPF实现鼠标聚焦文本框时字体变色
freesheep720对world说ByeBye
11-21 406
WPF实现鼠标聚焦文本框时字体变色
wpf TextBlock 介绍
nbspzs的专栏
03-06 211
【代码】wpf TextBlock 介绍。
WPF（2）---线程与定时器
05-26
在 WPF 中，使用多线程和定时器可以帮助我们更好地管理界面的响应和处理复杂的任务。下面介绍一些常用的线程和定时器相关的类和方法。 线程相关的类和方法： 1. Thread 类：表示一个独立的线程，可以使用 Start 方法启动线程，使用 Join 方法等待线程结束。 2. ThreadPool 类：表示一个线程池，可以使用 QueueUserWorkItem 方法将任务添加到线程池中执行。 3. Dispatcher 类：表示一个 WPF 程序的消息循环，可以使用 Invoke 或 BeginInvoke 方法在 UI 线程上执行代码。 定时器相关的类和方法： 1. Timer 类：表示一个定时器，可以使用 Start 方法启动定时器，使用 Stop 方法停止定时器。 2. DispatcherTimer 类：表示一个 WPF 程序的定时器，可以使用 Start 方法启动定时器，使用 Stop 方法停止定时器。 下面是一个使用多线程和定时器的示例代码： ```csharp public partial class MainWindow : Window { public MainWindow() { InitializeComponent(); // 创建一个新线程，并将任务添加到线程池中执行 ThreadPool.QueueUserWorkItem(new WaitCallback(DoWork)); // 创建一个定时器，并设置间隔时间为1秒 DispatcherTimer timer = new DispatcherTimer(); timer.Interval = TimeSpan.FromSeconds(1); timer.Tick += Timer_Tick; timer.Start(); } // 定时器的 Tick 事件处理方法 private void Timer_Tick(object sender, EventArgs e) { // 在 UI 线程上更新界面 Dispatcher.Invoke(() => { lblTime.Content = DateTime.Now.ToString(); }); } // 新线程执行的任务 private void DoWork(object state) { // 在新线程上执行耗时操作 Thread.Sleep(5000); // 在 UI 线程上更新界面 Dispatcher.Invoke(() => { lblResult.Content = "任务完成！"; }); } } ``` 在上面的代码中，我们使用了一个新线程来执行一个耗时的任务，并使用定时器在 UI 线程上更新界面。通过多线程和定时器的结合使用，我们可以更好地管理界面的响应和处理复杂的任务。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值