📜  文本框 wpf 的圆角 - C# (1)

📅  最后修改于: 2023-12-03 14:55:02.894000             🧑  作者: Mango

文本框 WPF 的圆角 - C#

在 WPF(Windows Presentation Foundation)中,你可以通过使用样式和模板修改文本框的外观。本篇文章将介绍如何为文本框添加圆角,实现更美观的界面效果。

步骤
1. 创建一个 WPF 项目

首先,打开 Visual Studio 并创建一个新的 WPF 项目。选择适当的项目名称和位置,然后单击“创建”按钮。

2. 添加文本框控件

MainWindow.xaml 文件中,找到窗口的 XAML 代码。在 <Grid> 标签中添加以下 XAML 代码来创建一个文本框控件:

<TextBox x:Name="textBox" Width="200" Height="30" />

这将创建一个带有指定宽度和高度的文本框控件。

3. 添加样式和模板

接下来,我们将为文本框控件创建一个样式和模板来设置圆角。

<Window> 标签内添加以下 XAML 代码来定义样式和模板:

<Window.Resources>
    <Style x:Key="RoundedTextBoxStyle" TargetType="TextBox">
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type TextBox}">
                    <Border BorderBrush="{TemplateBinding BorderBrush}" 
                            BorderThickness="{TemplateBinding BorderThickness}" 
                            Background="{TemplateBinding Background}"
                            CornerRadius="10">
                        <ScrollViewer x:Name="PART_ContentHost" />
                    </Border>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
</Window.Resources>

上述代码中,我们定义了一个名为 "RoundedTextBoxStyle" 的样式,并将其目标类型设置为 TextBox。在样式的模板中,我们使用一个 Border 控件来为文本框添加边框和圆角。CornerRadius 属性设置了边框的圆角半径。

4. 应用样式

最后一步是将样式应用于文本框控件。在文本框的 XAML 代码中添加以下属性,以将样式应用于文本框:

<TextBox x:Name="textBox" Width="200" Height="30" Style="{StaticResource RoundedTextBoxStyle}" />

通过设置 Style 属性为 "RoundedTextBoxStyle",我们将样式应用于文本框控件。

运行程序

完成上述步骤后,保存并运行程序。你将看到一个带有圆角的文本框控件。可以使用样式和模板的其他属性来进一步定制文本框的外观。

希望这个教程对你有所帮助!如果你想了解更多关于 WPF 的信息,可以查阅官方文档。


以上就是实现在 WPF 中为文本框添加圆角的步骤。希望这个简单的教程对你有所帮助!

参考链接: