前情提要：若要實現一個類似于Windows Store的界面的話，這個類必須要先繼承自GridView，并且要重寫PrepareContainerForItemOverride方法。微軟提供的模板中又給出了兩個依賴屬性來幫助我們完成這種可變尺寸的GridView。下面我們來看看重載的PrepareContainerForItemOverride方法都做了些什么。
首先來看微軟官方給出的該方法的描述：
Prepares the specified element to display the specified item.
用特定的元素來顯示特定的項。
怎么理解？看代碼理解：
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來表現該item，繼而顯示這個item。一般情況下，我們的GridView里面都會有N個Item，那么，該方法會執行N遍，使每個Item都能被設定。即我們的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行： 先調用父類方法進行基礎操作（具體不清楚做什么，但是這一步必須要有，可以放在最前，也可以放在最后）。
第4行： 要顯示的Item。 我們的Item都是Data：：DataItem類型的，所以要進行類型轉換。這里注意，WinRT中所有的類都是從Platform：：Object^ 繼承而來，我們可以用(DataItem^)(item)進行轉換，也可以用safe_cast<DataItem^>(item)來進行轉換。
第5行： 指定的element。這里轉換成UIElement類型。
7--10行：將綁定的source（源）設置為我們的item，綁定的path（路徑）設置為VariableSizedGridView的ItemColSpanPropertyPath。這里容易產生混淆：一般情況下，我們在進行數據綁定的時候，path一般是source的一個屬性，比如說，一般情況下應該是
類似于這樣：colBinding->Source = viewMode; colBinding->Path = ref new PropertyPath(viewMode->propertyOfViewMode); 這里竟然設置成了另外一個類的屬性，所以之前我迷惑了很長一段時間。但是如果你去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.
將目標對象的目標屬性進行綁定。
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進行綁定。但是item沒這個屬性。現在是時候來看看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中正好有這么個屬性：
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。
那么這個重載的方法的最終目的就相當于是這么一個語句：
1 <common:VariableGridView VariableSizedWrapGrid.ColumnSpan="{Binding Source={data::DataItem}, Path=ColumnSpan}"/>
即，在初始化DataItem的時候，只要設置了ColumnSpan這個值，就能使這個Item的列進行相應地改變。
其實整個過程非常之簡單，我們的目的就只是上面的一個語句而已，為了達到這個目的，我們設置了兩個依賴屬性來接收字符串，并且重載PrepareContainerForItemOverride方法進行綁定。大家可以通過示例代碼進行領會。
OK，這一篇是補上周六的。盡量做到每天一篇，保質保量。
下期提示：剛剛看過了微軟提供的模板，下一篇講述我們自己的方法。該方法同微軟的方法大同小異，但是，是網上的一位牛人自己寫的，他也是用C#寫出來，我把它改成C++版本。
posted on 2012-10-14 17:46
Dino-Tech 閱讀(2196)
評論(7) 編輯 收藏 引用