前情提要：若要實(shí)現(xiàn)一個(gè)類似于Windows Store的界面的話，這個(gè)類必須要先繼承自GridView，并且要重寫PrepareContainerForItemOverride方法。微軟提供的模板中又給出了兩個(gè)依賴屬性來幫助我們完成這種可變尺寸的GridView。下面我們來看看重載的PrepareContainerForItemOverride方法都做了些什么。
首先來看微軟官方給出的該方法的描述：
Prepares the specified element to display the specified item.
用特定的元素來顯示特定的項(xiàng)。
怎么理解？看代碼理解：
1 protected:
2 virtual void PrepareContainerForItemOverride(
3 DependencyObject^ element,
4 Object^ item
5 )
6
element： The element that's used to display the specified item.
item: The item to display.
即，用此element來表現(xiàn)該item，繼而顯示這個(gè)item。一般情況下，我們的GridView里面都會(huì)有N個(gè)Item，那么，該方法會(huì)執(zhí)行N遍，使每個(gè)Item都能被設(shè)定。即我們的GridView就是Container：
1 void VariableGridView::PrepareContainerForItemOverride(DependencyObject^ element, Platform::Object^ item)
2 {
3 GridView::PrepareContainerForItemOverride(element, item);
4 auto viewMode = (Data::DataItem^)(item);
5 UIElement^ uiElement = safe_cast<UIElement^>(element);
6
7 Binding^ colBinding = ref new Binding();
8 colBinding->Source = viewMode;
9 colBinding->Path = ref new PropertyPath(this->ItemColSpanPropertyPath);
10 BindingOperations::SetBinding(uiElement,VariableSizedWrapGrid::ColumnSpanProperty, colBinding);
11
12
13 Binding^ rowBinding = ref new Binding();
14 rowBinding->Source = viewMode;
15 rowBinding->Path = ref new PropertyPath(this->ItemRowSpanPropertyPath);
16 BindingOperations::SetBinding(uiElement,VariableSizedWrapGrid::RowSpanProperty, rowBinding);
17 }
第3行： 先調(diào)用父類方法進(jìn)行基礎(chǔ)操作（具體不清楚做什么，但是這一步必須要有，可以放在最前，也可以放在最后）。
第4行： 要顯示的Item。 我們的Item都是Data：：DataItem類型的，所以要進(jìn)行類型轉(zhuǎn)換。這里注意，WinRT中所有的類都是從Platform：：Object^ 繼承而來，我們可以用(DataItem^)(item)進(jìn)行轉(zhuǎn)換，也可以用safe_cast<DataItem^>(item)來進(jìn)行轉(zhuǎn)換。
第5行： 指定的element。這里轉(zhuǎn)換成UIElement類型。
7--10行：將綁定的source（源）設(shè)置為我們的item，綁定的path（路徑）設(shè)置為VariableSizedGridView的ItemColSpanPropertyPath。這里容易產(chǎn)生混淆：一般情況下，我們?cè)谶M(jìn)行數(shù)據(jù)綁定的時(shí)候，path一般是source的一個(gè)屬性，比如說，一般情況下應(yīng)該是
類似于這樣：colBinding->Source = viewMode; colBinding->Path = ref new PropertyPath(viewMode->propertyOfViewMode); 這里竟然設(shè)置成了另外一個(gè)類的屬性，所以之前我迷惑了很長(zhǎng)一段時(shí)間。但是如果你去XAML文件里面看一下的話，就知道它為什么這么做了。我們先不要著急看XAML文件，還有第10行。
Associates a
Binding with a target property on a target object. This method is the code equivalent to declaring a
{Binding} in markup.
將目標(biāo)對(duì)象的目標(biāo)屬性進(jìn)行綁定。
1
2 public:
3 static void SetBinding(
4 DependencyObject^ target,
5 DependencyProperty^ dp,
6 BindingBase^ binding
7 )
8
9
第10行的意思是說：將uiElment的VariableSizedWrapGrid::ColumnSpan屬性同該item的itemColSpanPropertyPath進(jìn)行綁定。但是item沒這個(gè)屬性。現(xiàn)在是時(shí)候來看看XAML文件了：
1 <common:VariableGridView
2 x:Name="itemGridView"
3 AutomationProperties.AutomationId="ItemGridView"
4 AutomationProperties.Name="Grouped Items"
5 Padding="0"
6 ItemsSource="{Binding Source={StaticResource groupedItemsViewSource}}"
7 ItemTemplateSelector="{StaticResource myDataTemplateSelector}"
8 SelectionMode="None"
9 IsSwipeEnabled="false"
10 IsItemClickEnabled="True"
11 ItemClick="ItemView_ItemClick"
12 ItemColSpanPropertyPath="ColumnSpan"
13 ItemRowSpanPropertyPath="RowSpan" Grid.Row="2"
14 Margin="30,20,20,10" ItemTemplate="{StaticResource BigDateTemplate}">
我們看到ItemColSpanPropertyPath被賦值成了ColumnSpan,而item中正好有這么個(gè)屬性：
1 namespace Data
2 {
3 [Windows::UI::Xaml::Bindable]
4 public ref class DataItem
5 {
6 //
7 //
8 property int RowSpan{ int get(); void set(int);}
9 property int ColumnSpan{ int get(); void set(int);}
10 //
11 //
12 };
13 }
那么一切都說的過去了，原來綁定的Source是DataItem，path是ColumnSpan。
那么這個(gè)重載的方法的最終目的就相當(dāng)于是這么一個(gè)語句：
1 <common:VariableGridView VariableSizedWrapGrid.ColumnSpan="{Binding Source={data::DataItem}, Path=ColumnSpan}"/>
即，在初始化DataItem的時(shí)候，只要設(shè)置了ColumnSpan這個(gè)值，就能使這個(gè)Item的列進(jìn)行相應(yīng)地改變。
其實(shí)整個(gè)過程非常之簡(jiǎn)單，我們的目的就只是上面的一個(gè)語句而已，為了達(dá)到這個(gè)目的，我們?cè)O(shè)置了兩個(gè)依賴屬性來接收字符串，并且重載PrepareContainerForItemOverride方法進(jìn)行綁定。大家可以通過示例代碼進(jìn)行領(lǐng)會(huì)。
OK，這一篇是補(bǔ)上周六的。盡量做到每天一篇，保質(zhì)保量。
下期提示：剛剛看過了微軟提供的模板，下一篇講述我們自己的方法。該方法同微軟的方法大同小異，但是，是網(wǎng)上的一位牛人自己寫的，他也是用C#寫出來，我把它改成C++版本。
posted on 2012-10-14 17:46
Dino-Tech 閱讀(2188)
評(píng)論(7) 編輯 收藏 引用