没有圆角化的文本框
很多时候我们在设计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的文本值
一个简单好看的文本框就做好了