WPF从我炫系列4---装饰控件的用法
这一节的讲解中,我将为大家介绍WPF装饰控件的用法,主要为大家讲解一下几个控件的用法.
ScrollViewer滚动条控件
Border边框控件
ViewBox自由缩放控件
1. ScrollViewer滚动条控件
大家知道在WPF中的一些布局控件中是不带滚动条的,如果里面的内容控件超过了外面布局控件的大小,就不能完全被显示出来,这个时候我们就可以使用滚动条控件,让它滚动显示.
效果图:
默认情况下ScrollViewer是显示垂直滚动条的。但是可以通过属性来控制滚动条的显示。
HorizontalScrollBarVisibility设置水平滚动条
VerticalScrollBarVisibility 设置垂直滚动条
通过以下属性可以设置滚动条的显示与否
Visible滚动条一直显示
Hidden隐藏滚动条
Auto 自动显示,当超过外面大小时显示,当没有超过外部容器大小时不显示。
Disabled 禁止显示滚动条
XMAL代码
<Window x:Class="WpfContentControl.WinScroll"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Title="WinScroll" Height="283" Width="426">
<ScrollViewer Name="scrollViewer1" HorizontalScrollBarVisibility="Visible" VerticalScrollBarVisibility="Disabled">
<Grid Height="400" Width="400">
<Grid.RowDefinitions>
<RowDefinition></RowDefinition>
<RowDefinition Height="100"></RowDefinition>
<RowDefinition></RowDefinition>
</Grid.RowDefinitions>
<Rectangle Fill="Bisque"></Rectangle>
<Image Source="1.gif" Grid.Row="1"></Image>
<Rectangle Fill="Aqua" Grid.Row="2"></Rectangle>
</Grid>
</ScrollViewer>
</Window>
当然了,ScrollViewer控件还有很多属性,用户可以自己设置,也可以以编程方式去设置,这里我就不多说了。
2-Border边框控件
Border控件主要用于为其他控件设置一个漂亮的边框外观。
我们设计了一红色圆角的TextBox控件
效果图
Border控件的一些属性可以设置控件的外观样式
BorderThickness设置控件边框宽度
BorderBrush设置背景颜色
CornerRadius设置圆角角度
XMAL代码
<Grid>
<Border BorderBrush="Red" BorderThickness="2" HorizontalAlignment="Left" Margin="37,80,0,69" Name="border1" Height="23" CornerRadius="5" >
<TextBox Height="23" Name="textBox1" Width="120" />
</Border>
</Grid>
3. ViewBox自由缩放控件
ViewBox控件是一个可以自由缩放里面内容大小的控件,使控件随着外部窗体的大小比例进行变换。
效果图
ViewBox实现按比例缩放,可以使用Stretch属性设置缩放方式,有以下属性设置
None:保存原始大小,不进行缩放
Fill:内容大小填充目标尺寸
Uniform:在保留原始纵横比的基础上调整大小
UniformToFill:在保留原始纵横比的基础上调整大小,如果源矩形的纵横比不能满足目标矩形的纵横比,则对其剪切填充。
XMAL代码
<Window x:Class="WpfContentControl.WinViewBox"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Title="WinViewBox" Height="300" Width="300">
<Grid>
<Viewbox Name="viewbox1" >
<StackPanel>
<Rectangle Width="50" Height="30" Fill="Black"></Rectangle>
<Image Source="1.gif" Height="45" Width="47"></Image>
</StackPanel>
</Viewbox>
</Grid>
</Window>
关于这几个控件的用法,就写到这里。WPF从我炫系列4---装饰控件的用法