没有圆角化的文本框
在这里插入图片描述
很多时候我们在设计uI界面时都会用圆角设计,圆角相比直角看着要友好一些,也更符合现在的审美,在c#中实现圆角我们只需要在XAML中给他添加几行代码就可以做成圆角形状。

<TextBox x:Name="text" HorizontalAlignment="Left" FontSize="30" HorizontalContentAlignment="Center" VerticalContentAlignment="Center" Height="83" Margin="173,159,0,0" TextWrapping="Wrap" Text="文本框" VerticalAlignment="Top" Width="421" TextChanged="TextBox_TextChanged">
            <TextBox.Template>
                <ControlTemplate TargetType="TextBox">
                    <Border BorderThickness="2" BorderBrush="Blue" CornerRadius="30" Background="{TemplateBinding Background}">
                        <ScrollViewer x:Name="PART_ContentHost" VerticalAlignment="Center" Background="{x:Null}" BorderThickness="0" IsTabStop="False"></ScrollViewer>
                    </Border>
                </ControlTemplate>
            </TextBox.Template>
        </TextBox>

属性解析:
BorderThickness:边框的大小
BorderBrush:边框的颜色
CornerRadius:圆角的大小
Background:背景颜色,"{TemplateBinding Background}":这个就是使用上面的Background属性值作为他的值
x:Name="PART_ContentHost": 显示text的文本值

在这里插入图片描述

一个简单好看的文本框就做好了

Logo

魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。

更多推荐