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 2012
重写样式 在window.resources中重写button的样式，包括长、高、字体、边距、圆角、以及两个触发事件。 重写样式时，setter中的property表示属性，value表示属性的值。 触发事件的写作时可以写trigger,property表示要触发的属性，value表示true或者false，再其中再写setter表示改变的属性 <Window.Resources> <Style TargetType="Button"> &l
WPF 从0开始写笔记，全属性功能深度剖析 持续更新... 20231225
一个编程的同学
05-10 1193
用途不同：DataTemplate主要用于定义数据绑定的模板，它将一个数据对象的属性绑定到UI元素上，并根据该数据对象的不同值来显示不同的UI元素。需要注意的是，Margin属性只会影响UI元素与其周围控件之间的空间，而不会影响UI元素本身的大小或位置。需要注意的是，CornerRadius属性只会影响UI元素的圆角效果，而不会影响UI元素本身的大小或位置。需要注意的是，direction属性只会影响元素周围的模糊效果的方向，并不会改变元素本身的颜色或其他视觉效果。
WPF TextBlock 根据Text值，改变字体颜色
07-25 9246
<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基础控件
最新发布
代码改变世界
06-05 1357
在这篇博客中，我们将探讨 WPF 中一些常用的控件，包括 TextBlock、Label、ListBox、DataGrid、ListView、ToggleButton 等。我们将介绍每个控件的作用、常用属性和事件，并提供示例代码来演示它们的用法。无论您是初学者还是有经验的 WPF 开发者，本文都将为您提供有价值的信息，帮助您更好地理解和使用这些控件。
WPF实现鼠标聚焦文本框时字体变色
freesheep720对world说ByeBye
11-21 407
WPF实现鼠标聚焦文本框时字体变色
转载：WPF控件颜色绑定的两种方式
d_xueliang的专栏
03-05 1032
方式1、重写Background属性的Style<Label> <Label.Style> <Style TargetType="Label"> <Setter Property="Background" Value="Transparent"/> <Style.Triggers> <DataTrigger Binding="...
WPF 中 TextBlock 和 TextBox 区别
格物致知，知行合一。
05-19 9685
相同点： 用来显示文本内容； 可以设置特定的高度和宽度或者设置为随文字大小自动更改高度宽度； 都可以设置字体的大小、类型、样式以及位置（左对齐，居中，右对齐）； 都可以设置不透明度。 不同点： TextBlock： 更多的用来显示排版内容； 可以包括不同字体、颜色和大小的文本； 线高也可以从默认设置增加，以在每行文本之间提供更多空间； 用户无法选择 TextBlock 中的文本。 TextBo...
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学习笔记.pdf
03-11
### WPF学习笔记知识点概述 #### 一、WPF简介 - **定义**: WPF (Windows Presentation Foundation) 是微软在.NET Framework 3.0中引入的一种全新的用户界面框架，中文可译为“Windows表现框架”。 - **特点**: 与...
WPF 字体基本属性
weixin_44552202的博客
05-17 1万+
开发工具与关键技术：MVC、WPF 作者：刘俊杰 撰写时间：2019年05月16日 字体的属性不多，常用的就只有FontSize（字体大小）、FontWeight（字体加粗）、FontFamily（字体）、Foreground（字体颜色）这几种属性。字体属性用起来也很简单，只需要将字体的属性加入相应的控件中去就行了。 下面我们通过代码来了解一下字体的属性： <Window x:Class="...
WPF 修改按钮按下的颜色
u014453443的博客
01-07 1万+
首先在后台创建一个附加属性 public class ButtonBrush { public static readonly DependencyProperty ButtonPressBackgroundProperty = DependencyProperty.RegisterAttached( "ButtonPressBackground",...
WPF中让TextBlock每一个字符显示不同的颜色
weixin_30294021的博客
09-05 440
WPF中让TextBlock每一个字符显示不同的颜色 原文:WPF中让TextBlock每一个字符显示不同的颜色XAML代码: <TextBlock x:Name="tb"> <Run Foreground="Red">R</Run> <...
wpf后台设置颜色（背景色，前景色）
不积跬步,无以至千里;不积小流,无以成江海
06-03 3万+
有时候你是不是也会遇到要在wpf后台给某个控件设置背景色或者给文字设置前景色的情况？ 本人最近看到一个从自定义的combobox读取系统字体和颜色的实例，该实例实现了随字体combobox选项改变而改变字体的设置，而颜色combobox却没有实现，于是自己也想设置一下。结果发现颜色从前台好像不好设置成动态的，于是尝试从后台combobox_SelectionChanged事件设置。 要设置颜色
WPF 实现label换行
热门推荐
hustypf的专栏
07-06 3万+
Label MaxWidth="550">TextBlock TextWrapping="Wrap"Text="在此输入要换行的文字，前提是它足够长，并且Label的MaxWidth不足以让它一行显示。" />Label>
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、付费专栏及课程。

余额充值