首页
学习
活动
专区
圈层
工具
发布
50 篇文章
1
【愚公系列】2023年09月 WPF控件专题 XAML介绍
2
【愚公系列】2023年09月 WPF控件专题 WPF应用程序组成
3
【愚公系列】2023年09月 WPF控件专题 Window窗体属性和事件
4
【愚公系列】2023年09月 WPF控件专题 Label、TextBox、PasswordBox控件介绍
5
【愚公系列】2023年09月 WPF控件专题 Button控件详解
6
【愚公系列】2023年09月 WPF控件专题 RadioButton控件详解
7
【愚公系列】2023年09月 WPF控件专题 CheckBox控件详解
8
【愚公系列】2023年09月 WPF控件专题 Image控件详解
9
【愚公系列】2023年09月 WPF控件专题 Border控件详解
10
【愚公系列】2023年09月 WPF控件专题 ComboBox控件详解
11
【愚公系列】2023年09月 WPF控件专题 ListBox控件详解
12
【愚公系列】2023年09月 WPF控件专题 DatePicker控件详解
13
【愚公系列】2023年09月 WPF控件专题 Calendar控件详解
14
【愚公系列】2023年09月 WPF控件专题 Slider控件详解
15
【愚公系列】2023年09月 WPF控件专题 ProgressBar控件详解
16
【愚公系列】2023年10月 WPF控件专题 StackPanel控件详解
17
【愚公系列】2023年10月 WPF控件专题 WrapPanel控件详解
18
【愚公系列】2023年10月 WPF控件专题 DockPanel控件详解
19
【愚公系列】2023年10月 WPF控件专题 Canvas控件详解
20
【愚公系列】2023年10月 WPF控件专题 Grid控件详解
21
【愚公系列】2023年10月 WPF控件专题 Groupbox控件详解
22
【愚公系列】2023年10月 WPF控件专题 Expander控件详解
23
【愚公系列】2023年10月 WPF控件专题 TabControl控件详解
24
【愚公系列】2023年10月 WPF控件专题 Frame控件详解
25
【愚公系列】2023年10月 WPF控件专题 ListView控件详解
26
【愚公系列】2023年10月 WPF控件专题 DataGrid控件详解
27
【愚公系列】2023年10月 WPF控件专题 Menu控件详解
28
【愚公系列】2023年10月 WPF控件专题 ContextMenu控件详解
29
【愚公系列】2023年10月 WPF控件专题 TreeView控件详解
30
【愚公系列】2023年10月 WPF控件专题 ToolBar控件详解
31
【愚公系列】2023年10月 WPF控件专题 ToolBarTray控件详解
32
【愚公系列】2023年10月 WPF控件专题 StatusBar控件详解
33
【愚公系列】2023年11月 WPF控件专题 MediaElement控件详解
34
【愚公系列】2023年11月 WPF控件专题 RichTextBox控件详解
35
【愚公系列】2023年11月 WPF控件专题 GridView控件详解
36
【愚公系列】2023年11月 WPF控件专题 Rectangle控件详解
37
【愚公系列】2023年11月 WPF控件专题 Popup控件详解
38
【愚公系列】2023年11月 WPF控件专题 OpenFileDialog控件详解
39
【愚公系列】2023年11月 WPF控件专题 SaveFileDialog控件详解
40
【愚公系列】2023年11月 WPF控件专题 RepeatButton控件详解
41
【愚公系列】2023年11月 WPF控件专题 Ellipse控件详解
42
【愚公系列】2023年11月 WPF控件专题 Polygon控件详解
43
【愚公系列】2023年11月 WPF控件专题 Path控件详解
44
【愚公系列】2023年11月 WPF控件专题 WindowFormsHost控件详解
45
【愚公系列】2023年11月 WPF控件专题 WebBrowser控件详解
46
【愚公系列】2023年11月 WPF控件专题 Validation控件详解
47
【愚公系列】2023年11月 WPF控件专题 Page控件详解
48
【愚公系列】2023年11月 WPF控件专题 PrintDialog控件详解
49
【愚公系列】2023年11月 WPF控件专题 Track控件详解
50
【愚公系列】2023年11月 WPF控件专题 Polyline控件详解

【愚公系列】2023年09月 WPF控件专题 Label、TextBox、PasswordBox控件介绍

🏆 作者简介,愚公搬代码 🏆《头衔》:华为云特约编辑,华为云云享专家,华为开发者专家,华为产品云测专家,CSDN博客专家,阿里云专家博主,腾讯云优秀博主,掘金优秀博主,51CTO博客专家等。 🏆《近期荣誉》:2022年CSDN博客之星TOP2,2022年华为云十佳博主等。 🏆《博客内容》:.NET、Java、Python、Go、Node、前端、IOS、Android、鸿蒙、Linux、物联网、网络安全、大数据、人工智能、U3D游戏、小程序等相关领域知识。 🏆🎉欢迎 👍点赞✍评论⭐收藏

前言

WPF控件是Windows Presentation Foundation(WPF)中的基本用户界面元素。它们是可视化对象,可以用来创建各种用户界面。WPF控件可以分为两类:原生控件和自定义控件。

原生控件是由Microsoft提供的内置控件,如Button、TextBox、Label、ComboBox等。这些控件都是WPF中常见的标准用户界面元素。

自定义控件则允许开发人员使用XAML和C#等编程语言来创建个性化的用户界面元素。自定义控件可以根据需求提供更多的功能和自定义化选项,以及更好的用户体验。

一、Label、TextBox、PasswordBox控件介绍

1.Label

Label控件是WPF中的一个基本控件,它用于显示文本或图像。下面是Label控件的一些重要属性:

  • Content:指定Label显示的内容。
  • HorizontalContentAlignment:指定Label内容的水平对齐方式。
  • VerticalContentAlignment:指定Label内容的垂直对齐方式。
  • FontSize:指定Label中文本的字号大小。
  • FontWeight:指定Label中文本的字重。
  • Foreground:指定Label中文本的颜色。

以下是一个简单的Label控件的示例:

代码语言:html
复制
<Label Content="Hello, World!" FontSize="16" FontWeight="Bold" HorizontalContentAlignment="Center" VerticalContentAlignment="Center"/>

上面的示例中,我们设置了Label的Content属性,它将显示文本“Hello, World!”。同时,我们还设置了字号大小、字重、水平和垂直对齐方式。

除了显示文本,Label控件还可以用于显示图像。以下是一个显示图像的实例:

代码语言:html
复制
<Label>
    <Image Source="image.png"/>
</Label>

在这个例子中,我们将一个Image控件包含在Label中,Image控件的Source属性指向一个图像文件。这样,Label就可以显示这个图像了。

Label控件是WPF中一个非常基本的控件,它非常重要,我们可以用它来显示文本或图像,并对其进行格式化和定位。

2.TextBox

TextBox控件是WPF中最常用的输入控件之一,可以用于接收用户的文本输入。

TextBox控件的一些常用属性:

  • Text:控件中显示的文本。
  • MaxLength:控件允许的最大字符数。
  • AcceptsReturn:是否允许输入回车符。
  • AcceptsTab:是否允许输入制表符。
  • IsReadOnly:是否只读。
  • TextWrapping:文本包装方式。

下面是一个简单的TextBox控件的XAML例子:

代码语言:html
复制
<TextBox Text="Hello WPF!" MaxLength="20" AcceptsReturn="True" IsReadOnly="True" />

在这个例子中,TextBox控件的Text属性被设置为“Hello WPF!”,控件最大字符数被设置为20,允许输入回车符,只读模式被设置为True。

另外,TextBox控件还可以通过绑定实现动态显示和修改文本。下面是一个示例:

代码语言:html
复制
<TextBox Text="{Binding Path=UserName}" />

在这个例子中,TextBox控件的Text属性被绑定到一个叫做“UserName”的数据模型属性上。当数据模型中的属性值发生变化时,TextBox控件中的文本也会随之改变。

除了基本的TextBox控件,WPF还提供了一些扩展的TextBox控件,如PasswordBox、RichTextBox等。

PasswordBox控件可以用于接收密码输入,它会隐藏文本并使用星号代替。

RichTextBox控件则可以用于显示和编辑富文本,支持多种字体、颜色和样式。

3.PasswordBox

PasswordBox控件是WPF中用来输入密码和其他敏感信息的常用控件之一。它的主要特点是输入的内容是被隐藏的,以保护用户的敏感信息不被看到。本文将详细介绍PasswordBox控件的用法,并给出一个简单的案例供参考。

使用方法:

1.在XAML中声明控件:

代码语言:html
复制
<PasswordBox Name="passwordBox1"/>

2.使用代码获取或设置输入的内容:

代码语言:html
复制
string password = passwordBox1.Password;
passwordBox1.Password = "newPassword";

其中,Password属性用来获取和设置密码框中的文本。

案例:

下面是一个简单的案例,在密码框中输入密码,点击按钮后将密码显示在MessageBox中。

XAML:

代码语言:html
复制
<Window x:Class="WpfApp1.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow" Height="450" Width="800">
    <Grid>
        <PasswordBox Name="passwordBox1" Margin="10"/>
        <Button Name="button1" Margin="10,50,10,10" Click="button1_Click">Show Password</Button>
    </Grid>
</Window>

C#:

代码语言:java
复制
private void button1_Click(object sender, RoutedEventArgs e)
{
    string password = passwordBox1.Password;
    MessageBox.Show("The password is: " + password);
}

运行程序,输入密码,点击按钮即可看到该密码被显示在MessageBox中。

4.完整案例

代码语言:html
复制
<Grid >
    <!--Content属性设置文本 2.写在标记之间  3.内部放置一个控件作为内容-->
    <!--HorizontalAlignment 水平对齐方式  VerticalAlignment 垂直对齐方式 -->
    <!--Margin="61,115,0,0" 与相信元素的 左 上 右 下的边距-->
    <Button Name="btnLogin" HorizontalAlignment="Left" Margin="61,115,0,0" VerticalAlignment="Top" Width="50" Content="登录" Click="BtnLogin_Click">

    </Button>

    <Label Content="账号:" HorizontalAlignment="Left" VerticalAlignment="Top" Margin="35,24,0,0" HorizontalContentAlignment="Right" Width="81"/>
    <!--TextWrapping 换行方式  -->
    <TextBox Name="txtUName" HorizontalAlignment="Left" Height="23" Margin="138,26,0,0" TextWrapping="NoWrap" Text="admin" VerticalAlignment="Top" Width="120"/>
    <Label Content="密码:" HorizontalAlignment="Left" VerticalAlignment="Top" Margin="35,56,0,0" HorizontalContentAlignment="Right" Width="81"/>
    <!--Password 密码值  PasswordChar 设置密码字符-->
    <PasswordBox Name="txtUPwd" HorizontalAlignment="Left" Height="23" Margin="138,60,0,0" Password="123456" PasswordChar="*"  VerticalAlignment="Top" Width="120"/>
    <Button Name="btnCancel" Content="取消" HorizontalAlignment="Left" Margin="157,115,0,0" VerticalAlignment="Top" Width="50"  Click="BtnCancel_Click"/>
</Grid>

我正在参与2023腾讯技术创作特训营第二期有奖征文,瓜分万元奖池和键盘手表

下一篇
举报
领券