c#简单几步实现圆角文本框
·
没有圆角化的文本框

很多时候我们在设计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的文本值

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


所有评论(0)