WPF视频学习-基础知识篇

news2025/1/21 0:49:37

1.简介WPF：

C# 一套关于windows界面应用开发框架

2.WPF和winform的差别

，(WPF比较新)
创建新项目使用模板：在这里插入图片描述
WPF使用.xaml后缀，双击可查看操作界面和设置代码，其文件展开之后中有MainWindow.xaml.cs为程序交互逻辑。
winform为Form.cs，双击可进入交互逻辑界面编写，其文件展开之后下层中有Form1.Designal.cs包含 Windows 窗体设计器生成的代码，可进行查看。

界面效果实现的难易程度：WPF去实现：直接搜索需要的控件形式，然后把对应的代码加入即可。

WPF绑定：可以将界面上的某个属性跟流程中做绑定，可以进行同步更新

3.基础项目文件知识

生成文件目录：代码文件下bin目录下的对应的Debug/Realse
项目中用到的资源文件目录：代码文件下Properties/Resources.resx添加进去
App.xaml中可设置启动页
MainWindow.xaml为页面，可添加多个WPF窗口（例如：Window1.xaml）

4.布局控件Grid和StackPanel

（Grid需要自己手动移动控件位置，而StackPanel会自动进行堆积）
分为客户区和非客户区：
“Grid”为布局控件，在非客户区可用，为行列布局，布局可动态分配
而“StackPanel”会根据给的控件依次排列
WPF像素无关

//按行排列：
<Grid.RowDefinitions>
    <RowDefinition Height="20"/>	 <!--同时设置宽度-->
    <RowDefinition Height="20"/>    <!--多增加一行-->
    <RowDefinition/>
</Grid.RowDefinitions>

//按列排列
<Grid ShowGridLines="True" Grid.Row="2" Grid.Column="0">
    <Grid.ColumnDefinitions>
        <ColumnDefinition Width="70"/>
        <ColumnDefinition/>
    </Grid.ColumnDefinitions>
</Grid>

实现：
在这里插入图片描述
代码：
练习代码链接

5.Style 样式：用法介绍

可以统一设置一类控件的形式
举例:作用于所有button,在每次添加一个button时，会自动调用这个样式

<Window.Resources>
    <Style TargetType="Button">     <!--作用于button-->
        <Setter Property="Background" Value="Red"/>
        <Setter Property="FontSize" Value="20"/>
        <Setter Property="Height" Value="50"/>

    </Style>
</Window.Resources>

【样式多样性】，在想要使用样式时才使用

<Window.Resources>
<Style x:Key="LoginStyle" TargetType="Button">
    <Setter Property="Background" Value="Green"/>
    <Setter Property="FontSize" Value="20"/>
    <Setter Property="Height" Value="50"/>
</Style>

<Style x:Key="QuitStyle" TargetType="Button">
    <Setter Property="Background" Value="Green"/>
    <Setter Property="FontSize" Value="20"/>
    <Setter Property="Height" Value="50"/>
</Style>
</Window.Resources>

//使用
<Grid>
    <StackPanel>
        <Button Style="{StaticResource LoginStyle}"  Content="登录" />    <!--定向使用-->
        <Button Style="{StaticResource QuitStyle}" Content="退出" />      <!--定向使用-->
        <Button Content="忘记密码"  />

    </StackPanel>

</Grid>

在这里插入图片描述
【另一种形式：先定义button使用的基础样式，在基于这个基础的样式定义个性化的样式】

<Style TargetType="Button">
    <Setter Property="Background" Value="WhiteSmoke"/>
    <Setter Property="FontSize" Value="20"/>
    <Setter Property="Margin" Value="20,10"/>
</Style>

<!--延用之前的统一style,创建新的style-->
<Style x:Key="loginStyle" TargetType="Button" BasedOn="{StaticResource {x:Type Button}}">
    <Setter Property="Background" Value="Green"/>
    
</Style>

<!--延用之前的统一style,创建新的style-->
<Style x:Key="QuitStyle" TargetType="Button" BasedOn="{StaticResource {x:Type Button}}">
    <Setter Property="Background" Value="Red"/>

</Style>

//样式使用时跟上面举例是相同的

【style外部引用】：方便管理，可以供所有的界面去使用
1.添加资源字典的类BaseButtonStyleDictionary1，把想要全局使用的style加在这里

<ResourceDictionary xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
                    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml">


    <!--//把之前写下style的复制到这里来-->
    <Style TargetType="Button">
        <Setter Property="Background" Value="WhiteSmoke"/>
        <Setter Property="FontSize" Value="20"/>
        <Setter Property="Margin" Value="20,10"/>
    </Style>
	.........

</ResourceDictionary>

2.把创建的BaseButtonStyleDictionary1加入到App.xaml中，成为全局可识别变量

<Application.Resources>
    
    <!--//加入资源字典-->
    <ResourceDictionary>
        <ResourceDictionary.MergedDictionaries>
            <ResourceDictionary Source="/WpfApp1;component/BaseButtonStyleDictionary1.xaml"/>
        </ResourceDictionary.MergedDictionaries>
    </ResourceDictionary>
     
</Application.Resources>

3.在下面的窗口MainWindow.xaml等文件中，正常Style引用即可识别

6.自定义按钮以及设置触发器

自定义模板：例如之前的圆角按钮

<Button Width="300" Height="100" Content="自定义按钮" Background="#0078d4" FontSize="50" Foreground="White">
    <Button.Template>
        <ControlTemplate TargetType="{x:Type Button}">
            <Border Background="Red" BorderBrush="Black" BorderThickness="4" CornerRadius="10">
                <ContentPresenter HorizontalAlignment="Center" VerticalAlignment="Center"/>
            </Border>

        </ControlTemplate>
    </Button.Template>
</Button>

生成圆角按钮：
在这里插入图片描述
但第一行设置的会被覆盖掉。后面值设为可改，与原始按钮设置的值相同，进行同步更改不会进行覆盖：，以及触发器的部分

<Button.Template>
    <ControlTemplate TargetType="{x:Type Button}">
        <Border x:Name="boder" Background="{TemplateBinding Background}" BorderBrush="{TemplateBinding BorderBrush}" 
                BorderThickness="{TemplateBinding BorderThickness}" CornerRadius="10">
            <!--<ContentPresenter HorizontalAlignment="Center" VerticalAlignment="Center"/>-->
            <TextBlock x:Name="txtContent" Text="{TemplateBinding Content}" HorizontalAlignment="Center" VerticalAlignment="Center"/>
        </Border>

        <!--//触发器设置-->
        <ControlTemplate.Triggers>
            <Trigger Property="IsMouseOver" Value="True" >
                <!--//当鼠标移入则启动触发操作-->
                <Setter TargetName="boder" Property="Background" Value="black"/>
                <Setter TargetName="txtContent" Property="FontSize" Value="100"/>
            </Trigger>

            <Trigger Property="IsPressed" Value="True" >
                <!--//当鼠标点击则启动触发操作-->
                <Setter TargetName="boder" Property="Background" Value="white"/>
            </Trigger>
        </ControlTemplate.Triggers>

    </ControlTemplate>
</Button.Template>

7.C#代码事件

界面上的的操作都跟相应的C#代码对应执行
增加界面点击事件，直接在按钮创建的时候添加Click=“Button_Click_1” ，

<Button Content="你好" Width="200" Height="30" Click="Button_Click_1" HorizontalAlignment="Center" VerticalAlignment="Center"/>

则进入对应的.xaml.cs则可看见自动创建了

private void Button_Click_1(object sender, RoutedEventArgs e)
{

}

在其中增加时间处理的流程

<StackPanel>
    <TextBlock x:Name="txtTotal" Text ="计算结果" Visibility="Hidden"/>
    <Button Content="你好" Width="200" Height="30" Click="Button_Click_1" HorizontalAlignment="Center" VerticalAlignment="Center"/>
    
</StackPanel>

private void Button_Click_1(object sender, RoutedEventArgs e)
{
    int num1 = 200;
    int num2 = 300;
    int total = num1 + num2;
    txtTotal.Text = total.ToString();
    //更改枚举类型(ctrl + “J”)会默认进行代码提示
    txtTotal.Visibility = Visibility.Visible;
}

查看所有的事件：点击控件之后有属性界面，点击【⚡】标识符可查看所有信号。且进入该信号边界可显示该信号内容，双击则可自动生成对应执行函数。
在这里插入图片描述
例如：鼠标移入和鼠标移出的事件

//鼠标移入控件范围内
private void Button_MouseEnter(object sender, MouseEventArgs e)
{
    txtTotal.Text = "你的鼠标进入button的范围了";
}

//鼠标移出控件范围内
private void Button_MouseLeave(object sender, MouseEventArgs e)
{
    txtTotal.Text = "你的鼠标移出button的范围了";
}

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.coloradmin.cn/o/1801510.html

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈，一经查实，立即删除！

相关文章

Vitis HLS 学习笔记--初始化与复位

Vitis HLS 学习笔记--初始化与复位

目录 1. 简介 2. 控制初始化与复位 2.1 初始化 2.2 复位 2.3 全局复位选项 2.4 复位排除 3. 阵列初始化和复位 3.1 不使用 static 限定符 3.2 使用 static 限定符 3.3 BRAM 和 URAM 4. 总结 1. 简介 本文对比分析两个方面的初始化和复位&#xff1a;阵列和控制&…
阅读更多...
如何检测UV胶的均匀性？

如何检测UV胶的均匀性？

如何检测UV胶的均匀性&#xff1f; 检测UV胶的均匀性可以通过以下几种方法来实现&#xff1a; 肉眼目视检查&#xff1a; 这是最简单直接的方法。将UV胶涂在表面上&#xff0c;使用裸眼观察胶层的表面。特别注意是否存在气泡、颜色不均匀、裂纹或其他明显的不均匀性。如凹凸不…
阅读更多...
选择排序（直接选择排序与堆排序）----数据结构-排序②

选择排序（直接选择排序与堆排序）----数据结构-排序②

1、选择排序 1.1 基本思想 每一次从待排序的数据元素中选出最小&#xff08;或最大&#xff09;的一个元素&#xff0c;放在序列的起始位置&#xff0c;直到全部待排序的数据元素排完就停止 。 1.2 直接选择排序 排序思想&#xff1a; ①在元素集合array[i]--array[n-1]中选择…
阅读更多...
FM148A,FM146B运行备件

FM148A,FM146B运行备件

FM148A,FM146B运行备件。电源保险丝仓主控底座的保险丝仓示意图底座上共有两个保险丝&#xff08;800mA&#xff09;&#xff0c;FM148A,FM146B运行备件。&#xff08;10&#xff5e;73&#xff09;30/195主控单元2.K-CUT014槽底座地址接口主控站地址拨开关从上到下为二进制数的…
阅读更多...
Day46 代码随想录打卡|二叉树篇---从中序与后序遍历序列构造二叉树

Day46 代码随想录打卡|二叉树篇---从中序与后序遍历序列构造二叉树

题目&#xff08;leecode T106&#xff09;&#xff1a; 给定两个整数数组 inorder 和 postorder &#xff0c;其中 inorder 是二叉树的中序遍历&#xff0c; postorder 是同一棵树的后序遍历&#xff0c;请你构造并返回这颗 二叉树 。 方法&#xff1a;本题要通过中序遍历和后…
阅读更多...
Windows无法安装到这个硬盘空间。选定的分区上启用了BitLocker驱动器加密。请在控制面板中暂停（也称为禁用）BitLocker，然后重新开始安装。

Windows无法安装到这个硬盘空间。选定的分区上启用了BitLocker驱动器加密。请在控制面板中暂停（也称为禁用）BitLocker，然后重新开始安装。

我们安装操作系统的时候&#xff0c;到了选择安装分区的地方&#xff0c;我们选中的分区提示“无法在驱动器的分区上安装Windows”&#xff0c;然后我们点击显示详细信息&#xff0c;提示如图下所示 分析原因&#xff0c;可能是之前的分区未进行格式化。但是这个时候我们无法格…
阅读更多...
基于51单片机水塔水位控制系统

基于51单片机水塔水位控制系统

基于51单片机水塔水位控制 &#xff08;仿真&#xff0b;程序&#xff09; 功能介绍 具体功能&#xff1a; 1.用滑动变阻器模拟水位&#xff0c;ADC0809将模拟信号转换为数字信号&#xff1b; 2.LCD1602显示当前水位和水位阈值&#xff1b; 3.当水位超过设定阈值&#xff…
阅读更多...
STM32智能小车学习笔记（避障、循迹、跟随）

STM32智能小车学习笔记（避障、循迹、跟随）

我们使用的是STM32CubeMX软件和MDK5 芯片使用的是STM32F103C8T6 完成对STM32CubeMX的初始化后开始我们的第一步点亮一个LED灯 一、点亮LED灯 点亮PC13连接的灯 打开STM32CubeMX软件&#xff0c;pc13设置为输出模式 然后按照这样配置&#xff0c;user label 设置成这个IO口代…
阅读更多...
Go微服务: 关于消息队列的选择和分类以及使用场景

Go微服务: 关于消息队列的选择和分类以及使用场景

消息队列概述 在分布式系统和微服务架构中&#xff0c;消息队列&#xff08;Message Queue&#xff09;是一个核心组件&#xff0c;用于在不同的应用程序或服务之间异步传递消息在 Go 语言中&#xff0c;有多种实现消息队列的方式&#xff0c;包括使用开源的消息队列服务&…
阅读更多...
2024 年最全的 21 款数据恢复工具软件汇总

2024 年最全的 21 款数据恢复工具软件汇总

使用其中任何一款免费数据恢复工具&#xff0c;您都可以找回那些您认为已经永远消失的文件。我根据这些程序对我而言的易用性和它们提供的功能对这些程序进行了排名。 这些应用程序从您的硬盘、USB 驱动器、媒体卡等恢复文档、视频、图像、音乐等。我建议每个计算机所有者都安装…
阅读更多...
附录二-nmap基本用法

附录二-nmap基本用法

参考 黑客工具—Nmap的使用_哔哩哔哩_bilibili nmap是扫描IP和端口的&#xff0c;相当于攻击前的索敌步骤。不止网络安全方面会用到&#xff0c;平时运维的时候也会用到nmap 1 下载nmap nmap官网 https://nmap.org/ 点击下载&#xff0c;然后点你用的平台就行了 往下滚可以…
阅读更多...
[职场] 硬件研发是什么职业 #职场发展#其他

[职场] 硬件研发是什么职业 #职场发展#其他

硬件研发是什么职业 硬件研发工程师需要具备丰富的电子电路知识、熟练掌握各种电子元器件的性能及应用、具备一定的机械结构设计能力&#xff0c;同时还要具备良好的团队协作和沟通能力。本文会进行详细介绍。 一、硬件研发是什么 硬件研发&#xff0c;全称硬件研发工程师&am…
阅读更多...
一文搞懂Python的异常

一文搞懂Python的异常

人生之事，不如意者十之有九。 在编程中亦是如此。异常(Exception)，遍布于程序各个角落，开发工作的大部分coding，都是为了应对和解决它。 概念 异常，简而言之，是程序在执行期间发生的非预期的、非正常的事件或情况。 举个实际生活的例子： 你周末出门买大龙虾，但当你…
阅读更多...
Vue-App桌面程序列表

Vue-App桌面程序列表

Vue-App桌面程序列表 文章说明讲解视频核心代码效果展示项目链接 文章说明 采用Vue实现PC端的桌面程序列表&#xff0c;采用HBuilderX将程序转化为5App&#xff0c;实现移动端的适配&#xff1b;支持桌面打开新应用&#xff0c;底部导航展示当前应用列表&#xff0c;可切换或关…
阅读更多...
用你熟悉的语言就能开发智能合约，Vara Network 以 WASM 解锁未来应用创新

用你熟悉的语言就能开发智能合约，Vara Network 以 WASM 解锁未来应用创新

Vara Network 自推出以来&#xff0c;凭借其基于 Gear Protocol 的独特架构和强大的开发工具&#xff0c;为开发者提供了一个高效、安全的智能合约构建平台。Vara Network 通过采用先进的 Actor 模型、持久内存概念和 WebAssembly 技术&#xff0c;实现了异步消息处理、并行计算…
阅读更多...
在线OJ项目测试(selenium+Junit5)

在线OJ项目测试(selenium+Junit5)

目录 在线OJ项目测试的思维导图 在线OJ的UI自动化测试 测试一&#xff1a;检查未登录时的页面访问以及一些未登录时的非法操作 测试二&#xff1a;测试注册界面 测试三&#xff1a;测试登录界面 测试四&#xff1a;测试题目列表界面 测试五&#xff1a;测试题目详情界面…
阅读更多...
Android Kotlin 异步操作回调转换为挂起函数

Android Kotlin 异步操作回调转换为挂起函数

异步接口回调是一种通过接口将任务的执行和结果处理分离开来的编程设计模式。通常用于网络请求、数据库查询等耗时操作。 挂起函数是 Kotlin 中的一个特性&#xff0c;用于简化异步编程。挂起函数是可以在协程中暂停执行并恢复的函数&#xff0c;避免了回调地狱问题&#xff0…
阅读更多...
php质量工具系列之PHPCPD

php质量工具系列之PHPCPD

PHPCPD 用于检测重复代码&#xff0c;直观的说就是复制粘贴再稍微改改 该工具作者已经 停止维护 安装 composer global require --dev sebastian/phpcpd执行 phpcpd --log-pmd phpcpd_result.xml ./app参数介绍 --log-pmd 将结果保存在phpcpd_result.xml 中 ./app 是phpcpd扫…
阅读更多...
linux系统PXE自动装机和无人值守

linux系统PXE自动装机和无人值守

一、PXE 1.PXE&#xff1a;c/s模式&#xff0c;允许客户端通过网络从远程服务器&#xff08;服务端&#xff09;下载引导镜像&#xff0c;加载安装文件&#xff0c;实现自动化安装操作系统。&#xff08;c/s客户端和服务端都可以是多台&#xff09; 2.PXE优点&#xff1a;规模…
阅读更多...
【机器学习基础】Python编程08：五个实用练习题的解析与总结

【机器学习基础】Python编程08：五个实用练习题的解析与总结

Python是一种广泛使用的高级编程语言，它在机器学习领域中的重要性主要体现在以下几个方面： 简洁易学：Python语法简洁清晰，易于学习，使得初学者能够快速上手机器学习项目。 丰富的库支持：Python拥有大量的机器学习库，如scikit-learn、TensorFlow、Keras和PyTorch等，这些…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023