在這一節(jié)的講解中，我將為大家介紹WPF裝飾控件的用法，主要為大家講解一下幾個(gè)控件的用法.

ScrollViewer滾動(dòng)條控件

Border邊框控件

ViewBox自由縮放控件

?

1. ScrollViewer滾動(dòng)條控件

??大家知道在WPF中的一些布局控件中是不帶滾動(dòng)條的，如果里面的內(nèi)容控件超過(guò)了外面布局控件的大小，就不能完全被顯示出來(lái)，這個(gè)時(shí)候我們就可以使用滾動(dòng)條控件，讓它滾動(dòng)顯示.

效果圖:

?

?

默認(rèn)情況下ScrollViewer是顯示垂直滾動(dòng)條的。但是可以通過(guò)屬性來(lái)控制滾動(dòng)條的顯示。

HorizontalScrollBarVisibility設(shè)置水平滾動(dòng)條

VerticalScrollBarVisibility??設(shè)置垂直滾動(dòng)條

通過(guò)以下屬性可以設(shè)置滾動(dòng)條的顯示與否

Visible滾動(dòng)條一直顯示

Hidden隱藏滾動(dòng)條

Auto?自動(dòng)顯示，當(dāng)超過(guò)外面大小時(shí)顯示，當(dāng)沒(méi)有超過(guò)外部容器大小時(shí)不顯示。

Disabled?禁止顯示滾動(dòng)條

?

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>

當(dāng)然了，ScrollViewer控件還有很多屬性，用戶(hù)可以自己設(shè)置，也可以以編程方式去設(shè)置，這里我就不多說(shuō)了。

?

2-Border邊框控件

Border控件主要用于為其他控件設(shè)置一個(gè)漂亮的邊框外觀。

我們?cè)O(shè)計(jì)了一紅色圓角的TextBox控件

效果圖

?

Border控件的一些屬性可以設(shè)置控件的外觀樣式

BorderThickness設(shè)置控件邊框?qū)挾?/span>

BorderBrush設(shè)置背景顏色

CornerRadius設(shè)置圓角角度

?

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控件是一個(gè)可以自由縮放里面內(nèi)容大小的控件，使控件隨著外部窗體的大小比例進(jìn)行變換。

效果圖

?

ViewBox實(shí)現(xiàn)按比例縮放，可以使用Stretch屬性設(shè)置縮放方式,有以下屬性設(shè)置

None:保存原始大小，不進(jìn)行縮放

Fill：內(nèi)容大小填充目標(biāo)尺寸

Uniform：在保留原始縱橫比的基礎(chǔ)上調(diào)整大小

UniformToFill：在保留原始縱橫比的基礎(chǔ)上調(diào)整大小，如果源矩形的縱橫比不能滿(mǎn)足目標(biāo)矩形的縱橫比，則對(duì)其剪切填充。

?

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>

?

?關(guān)于這幾個(gè)控件的用法，就寫(xiě)到這里。

總結(jié)

以上是生活随笔為你收集整理的【转】WPF从我炫系列4---装饰控件的用法的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。