GridUniformGrid容器（五）-創(chuàng)新互聯(lián)

一、Grid
Grid 是以表格形式組織控件的一種布局方式，與 Java AWT 中的 GridLayout 類(lèi)似，但
區(qū)別在于
WPF 中的 Grid 的每一個(gè)單元格中可以放置多個(gè)控件，但控件可能會(huì)層疊在一
起
WPF 中的 Grid 支持單元格的合并，類(lèi)似于 HTML 中的 table td 中的 row
span 和 colspan
Grid 中的行和列可以自定義高度（Height）和寬度（Width）
在設(shè)置高度和寬度時(shí)可以采用兩種寫(xiě)法：
1）Height=”60”：不加“星號(hào)”表示固定的高度
2）Height=”60*”：加“星號(hào)”表示“加權(quán)”的高度，在調(diào)整窗體大小時(shí)，此
高度或?qū)挾葧?huì)按窗體大小改變的比例進(jìn)行縮放
如：
1: <Grid>
2: <Grid.RowDefinitions>
3: <RowDefinition Height="60" />
4: <RowDefinition Height="202*" />
5: </Grid.RowDefinitions>
6: <Grid.ColumnDefinitions>
7: <ColumnDefinition/>
8: <ColumnDefinition/>
9: </Grid.ColumnDefinitions>
10: <Button Grid.Column="0" Grid.Row="0" Height="30" VerticalA
lignment="Top">ButtonA</Button>
11: <Button Grid.Column="0" Grid.Row="0" Height="30" VerticalA
lignment="Bottom">ButtonB</Button>
12: <Button Grid.Column="1" Grid.Row="0">ButtonC</Button>
13: <Button Grid.Column="0" Grid.Row="1" Grid.ColumnSpan="2">B
uttonD</Button>
14: </Grid>

創(chuàng)新互聯(lián)長(zhǎng)期為成百上千家客戶提供的網(wǎng)站建設(shè)服務(wù)，團(tuán)隊(duì)從業(yè)經(jīng)驗(yàn)10年，關(guān)注不同地域、不同群體，并針對(duì)不同對(duì)象提供差異化的產(chǎn)品和服務(wù)；打造開(kāi)放共贏平臺(tái)，與合作伙伴共同營(yíng)造健康的互聯(lián)網(wǎng)生態(tài)環(huán)境。為蘭州企業(yè)提供專(zhuān)業(yè)的成都網(wǎng)站設(shè)計(jì)、做網(wǎng)站，蘭州網(wǎng)站改版等技術(shù)服務(wù)。擁有十多年豐富建站經(jīng)驗(yàn)和眾多成功案例,為您定制開(kāi)發(fā)。

二、使用 GridSplit 分割
可以使用 GridSplit 控件結(jié)合 Grid 控件實(shí)現(xiàn)類(lèi)似于 Windows 應(yīng)用程序中 SplitContai
ner 的功能，如下面的應(yīng)用程序：

要實(shí)現(xiàn)以下的功能：
ButtonA 和 ButtonB、ButtonC 組成的整體，可以左右拖動(dòng)，改變兩者的寬度
ButtonB 和 ButtonC 可以上下拖動(dòng)，改變兩者的高度
實(shí)現(xiàn)以上功能的 XAML 代碼如下：
1: <Grid>
2: <Grid.ColumnDefinitions>
3: <ColumnDefinition Width="88*" />
4: <ColumnDefinition Width="Auto" />
5: <ColumnDefinition Width="190*" />
6: </Grid.ColumnDefinitions>
7: <Grid.RowDefinitions>
8: <RowDefinition Height="172*" />
9: <RowDefinition Height="Auto" />
10: <RowDefinition Height="90*" />
11: </Grid.RowDefinitions>
12:
13: <Button Content="ButtonA" Margin="3" Grid.Row="0" Grid.Col
umn="0" Grid.RowSpan="3" />
14: <Button Content="ButtonB" Margin="3" Grid.Row="0" Grid.Col
umn="2" />
15: <Button Content="ButtonC" Margin="3" Grid.Row="2" Grid.Col
umn="2" />
16:
17: <GridSplitter Width="3" HorizontalAlignment="Stre
tch" VerticalAlignment="Stretch"
18: Grid.Row="0" Grid.Column="1" Grid.RowSpan="3">
</GridSplitter>
19: <GridSplitter Height="3" VerticalAlignment="Stretch" Horiz
ontalAlignment="Stretch"
20: Grid.Row="1" Grid.Column="2"></GridSplitter>
21: </Grid>
其核心想法為：
定義 3*3 的表格，其中放置分割線的列（下標(biāo)為 1）和行（下標(biāo)為 1）的寬度和高度設(shè)置
為 Auto
ButtonA 放置在 Row=0、Column=0、RowSpan＝3 的單元格中
ButtonB 放置在 Row=0、Column=2 的單元格中
ButtonC 放置在 Row=2、Column=2 的單元格中
豎直分割線放置在 Row=0、Column=1、ColSpan＝3 的單元格中
水平分割線放置在 Row=1、Column=2 的單元格中
如下圖所示：

三、UniformGrid
UniformGrid 控件為控件提供了一種簡(jiǎn)化的網(wǎng)格布局。當(dāng)控件添加到 Unif
ormGrid 時(shí)，它們會(huì)排列在一個(gè)網(wǎng)格模式中，該網(wǎng)格模式會(huì)自動(dòng)調(diào)整以使控
件之間的距離保持均勻。單元格的數(shù)目將進(jìn)行調(diào)整，以適應(yīng)控件的數(shù)目。例如，
如果四個(gè)控件添加到 UniformGrid 中，它們將安排在包含四個(gè)單元格的網(wǎng)格中。
如：
1: <UniformGrid>
2: <Button Content="ButtonA" />
3: <Button Content="ButtonB" />
4: <Button Content="ButtonC" />
5: <Button Content="ButtonD" />
6: <Button Content="ButtonE" />
7: <Button Content="ButtonF" />
8: <Button Content="ButtonG" />
9: <Button Content="ButtonH" />
10: </UniformGrid>

在使用 UniformGrid 的時(shí)候：
各單元格的大小完全相同
單元格的數(shù)量取決于放入的控件的數(shù)量，且單元格一定是行、列數(shù)相同的，即
1*1、2*2、3*3、4*4…的單元格分布

另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內(nèi)外云服務(wù)器15元起步，三天無(wú)理由+7*72小時(shí)售后在線，公司持有idc許可證，提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國(guó)服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡(jiǎn)單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢(shì)，專(zhuān)為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應(yīng)用場(chǎng)景需求。

本文題目：GridUniformGrid容器（五）-創(chuàng)新互聯(lián)
本文路徑：http://bm7419.com/article8/cecgop.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站策劃、品牌網(wǎng)站制作、商城網(wǎng)站、網(wǎng)站維護(hù)、網(wǎng)站內(nèi)鏈、外貿(mào)網(wǎng)站建設(shè)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)