什么是區(qū)域(Region)?

在理解這個(gè)之前, 首先需要了解一下, 在最常見的開發(fā)模式當(dāng)中, 我們?nèi)ピO(shè)計(jì)某個(gè)頁面的時(shí)候, 實(shí)際上界面元素在設(shè)計(jì)的時(shí)候已經(jīng)被固定。

舉個(gè)簡單的例子,當(dāng)我們?nèi)ピO(shè)計(jì)如下頁面, 它包含Header、Menu、Content內(nèi)容。

因此我們可以為這個(gè)頁面設(shè)計(jì)一些元素, 例如:

1.Menu 可以放置ListBox

2.Content 可以放置一個(gè)ContentControl

3.Header 可以放置一些ToolBar

注:為了演示需要, 對(duì)應(yīng)區(qū)域的控件均采用TextBlock演示, 實(shí)際開發(fā)中, 往往我們會(huì)采用的各類控件。

<Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="auto" />
            <RowDefinition />
        </Grid.RowDefinitions>

        <Grid.ColumnDefinitions>
            <ColumnDefinition Width="auto" />
            <ColumnDefinition />
        </Grid.ColumnDefinitions>

        <Border Grid.ColumnSpan="2" Background="#0063B1">
            <TextBlock  Padding="10"  FontSize="30" Text="Header" />
        </Border>

        <Border Grid.Row="1" Background="#F08B6A">
            <TextBlock Padding="10" FontSize="30" Text="Menu" />
        </Border>

        <Border  Grid.Row="1" Grid.Column="1" Background="#948CC0">
            <TextBlock Padding="10" FontSize="30" Text="Content" />
        </Border>
    </Grid>

那么, 回到Region主題, 在Prism當(dāng)中, 一個(gè)頁面我們可以不再為其固定顯示的內(nèi)容, 而這種概念變成了區(qū)域(Region)劃分的概念。

將頁面顯示的區(qū)域劃分稱N個(gè)Region, 此時(shí), 每個(gè)Region將變成了動(dòng)態(tài)分配區(qū)域。它將負(fù)責(zé)承擔(dān)我們的UI組件或者控件。

定義Region

可以使用XAML或代碼創(chuàng)建定義Region

• RegionManager.RegionName（XAML）
• RegionManager.SetRegionName（Code）

RegionManager功能

• 維護(hù)區(qū)域集合
• 提供對(duì)區(qū)域的訪問
• 合成視圖
• 區(qū)域?qū)Ш?/li>
• 定義區(qū)域

定義Region步驟

Region 示例

當(dāng)我們?yōu)榻缑娴脑刂付藚^(qū)域名稱(XAML或者代碼的方式), 下一步則是通過IRegionManager接口實(shí)例設(shè)置對(duì)應(yīng)的區(qū)域顯示內(nèi)容。

在該示例當(dāng)中, 我們創(chuàng)建了3個(gè)模塊, 然后注冊(cè)在當(dāng)前的頁面當(dāng)中, 分別為Header、Menu、Content。如下所示:

運(yùn)行之后, 界面將顯示具有3個(gè)模塊組成的頁面, 如下所示:

注意事項(xiàng)

細(xì)心的網(wǎng)友可能已經(jīng)看到了, 上面的代碼中, 為3個(gè)ContentControl注冊(cè)了對(duì)應(yīng)的區(qū)域, 然后顯示3個(gè)自定義的控件。

那么, 是不是同樣可以在其它控件元素上注冊(cè)Region?

是的, 在Prism中, 控件都支持注冊(cè)Region, 只是有些控件需要自己實(shí)現(xiàn)一個(gè)RegionAdapters(區(qū)域適配器)

什么是RegionAdapters?

假設(shè)在應(yīng)用程序的某個(gè)區(qū)域, 需要顯示我們定義的視圖,這個(gè)時(shí)候?qū)嶋H上利用了RegionAdapter。

該類負(fù)責(zé)將傳入我們定義的視圖到指定的Region當(dāng)中。

Prism提供了許多內(nèi)置得RegionAdapter

ContentControlRegionAdapter

ItemsControlRegionAdapter

SelectorRegionAdapter

• - ComboBox
• - ListBox
• - Ribbon
• - TabControl

注:除此之外, 如果想要實(shí)現(xiàn)控件作用域Region, 則必須創(chuàng)建自己的自定義Region, 因?yàn)橐坏┠悴贿@么做, 則會(huì)引發(fā)異常。

創(chuàng)建Custom RegionAdapter

首先, 我們?cè)谶@里創(chuàng)建一個(gè)類, 然后繼承于RegionAdapterBase, 下面我們創(chuàng)建了一個(gè)基于StackPanel的自定義適配器。

下面, 我們需要重寫其中的CreateRegion方法。

CreateRegion方法返回一個(gè)IRegion接口, 這里我們可以創(chuàng)建基于一下三種類型的區(qū)域類型。

• SingleActiveRegion
• AllActiveRegion
• Region

然后,還需要重寫其中的Adapt方法。

最后一步, 我們需要在PrismApplication當(dāng)中, 注冊(cè)我們創(chuàng)建好的自定義適配器，如下所示。