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

上一篇:Android 开发经验


下一篇:MongoDB修改默认数据库