C#笔记 - 第一个WPF应用

新创项目

新建wpf项目

在这里插入图片描述
在这里插入图片描述

添加文件夹Resources,用于存放图片

在这里插入图片描述
在这里插入图片描述

存放图片

在这里插入图片描述
存入图片到新建的文件夹Resources中
在这里插入图片描述
在这里插入图片描述
现在对应的文件夹和对应的图片。
在这里插入图片描述
点击Resources中的图片,在属性一栏中选择生成操作-Resource。
在这里插入图片描述
最后,Ctrl+S保存,图片资源添加完成,其他资源添加类似。
现在,生成的exe文件就包含了图片资源。

搭建软件UI界面

搭建软件UI操作界面,双击解决方案里面的MainWindow.xaml,进入UI可视化编辑,WPF控件存放需要容器,微软给我们提供了好几种,如:Grid、Cavas等,有什么区别还没有去深究,我用的是Grid,将Grid设置和窗口大小一样,位置设为(0,0),操作如下:
在这里插入图片描述
在这里插入图片描述

在常用WPF控件里面找到Grid,拖入MainWindow里面

在这里插入图片描述
在这里插入图片描述

查看窗口大小

在这里插入图片描述

点击Grid,然后点击属性,设置grid的大小、位置和名字

在这里插入图片描述

如上操作拖入Image控件

如上操作拖入Image控件,用作背景,设置大小,位置和grid一样,名字设置为BG,选取资源图片为背景。
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

拖入lable,button控件

在这里插入图片描述
添加Label控件,位置,大小自己拖拽设置,名字的设置为TestName。
在这里插入图片描述

拖入Button控件,位置大小自己拖拽设置,然后进行代码逻辑实现。

在这里插入图片描述
在这里插入图片描述

自动生成点击事件代码

在这里插入图片描述

编写代码逻辑

在这里插入图片描述

生成解决方案

重新生成解决方案

重新生成解决方案,然后在debug下面找到exe文件运行下,看下效果或直接点击启动也可以看到效果。
在这里插入图片描述

双击exe文件,点击button。

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

  • 1
    点赞
  • 11
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
WPF中,我们可以使用控件的属性来实现文本框和密码框的水印效果(也称为背景文字提示)。下面是实现该效果的一些方法: 方法一:使用控件的Placeholder属性 WPF的文本框和密码框控件都有一个名为Placeholder的属性,该属性可以用来显示文本框或密码框中的默认提示文本。当用户在文本框或密码框中输入内容后,该提示文本就会自动隐藏。 例如,以下代码演示了在WPF中如何使用Placeholder属性来实现文本框的水印效果: ```xml <TextBox Placeholder="请输入文本"></TextBox> ``` 同样地,我们可以在密码框中使用Placeholder属性来实现密码框的水印效果: ```xml <PasswordBox Placeholder="请输入密码"></PasswordBox> ``` 方法二:使用控件的Adorner WPF中的Adorner是一种用于在控件上添加装饰元素的机制。我们可以使用Adorner来实现文本框和密码框的水印效果。 以下是实现该效果的一般步骤: 1.定义一个自定义控件,例如WatermarkTextBox。 2.在WatermarkTextBox中定义一个名为Watermark的依赖属性。该属性表示水印提示文本。 3.重写WatermarkTextBox的OnRender方法,使其在控件上绘制水印提示文本。 4.在WatermarkTextBox的TextChanged事件中判断文本框中是否有内容,如果有则隐藏水印提示文本,否则显示水印提示文本。 以下是WatermarkTextBox的示例代码: ```csharp public class WatermarkTextBox : TextBox { public static readonly DependencyProperty WatermarkProperty = DependencyProperty.Register( "Watermark", typeof(string), typeof(WatermarkTextBox), new PropertyMetadata(default(string))); public string Watermark { get { return (string)GetValue(WatermarkProperty); } set { SetValue(WatermarkProperty, value); } } protected override void OnRender(DrawingContext drawingContext) { base.OnRender(drawingContext); if (string.IsNullOrEmpty(Text) && !string.IsNullOrEmpty(Watermark)) { var formattedText = new FormattedText( Watermark, CultureInfo.CurrentCulture, FlowDirection.LeftToRight, new Typeface(FontFamily, FontStyle, FontWeight, FontStretch), FontSize, Foreground); drawingContext.DrawText(formattedText, new Point(2, 2)); } } protected override void OnTextChanged(TextChangedEventArgs e) { base.OnTextChanged(e); if (string.IsNullOrEmpty(Text) && !string.IsNullOrEmpty(Watermark)) { InvalidateVisual(); } } } ``` 使用WatermarkTextBox时,只需要在XAML中设置Watermark属性即可: ```xml <local:WatermarkTextBox Watermark="请输入文本"></local:WatermarkTextBox> ``` 同样地,我们也可以定义一个WatermarkPasswordBox类来实现密码框的水印效果。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值