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---装饰控件的用法