windows store apps - GridView and Virtualizing Stackpanel to display a grid of items -
i trying create grid containing elements such as
| 1 | 4 | 7 | | 2 | 5 | 8 | ===> extend | 3 | 6 | 9 |
since data large, need use ui virtualization , see in example virtualizingstackpanel
here how have setup gridview in xaml . problem following code creates horizontal row of single element (which makes sense given stack panel).
| 1 | 2 | 3 | 4 | ..... <gridview x:name="itemgridview" automationproperties.automationid="itemsgridview" automationproperties.name="items" tabindex="1" grid.rowspan="3" padding="116,136,116,46" itemssource="{binding source={staticresource itemsviewsource}}" itemtemplateselector="{staticresource cellstyleselector}" itemclick="itemview_itemclick" isitemclickenabled="true" selectionmode="extended" selectionchanged="itemview_selectionchanged" isswipeenabled="true"> <gridview.itemspanel> <itemspaneltemplate> <virtualizingstackpanel orientation="horizontal"/> </itemspaneltemplate> </gridview.itemspanel> </gridview>
how 1 go making display grid extends horizontally using virtualizingstackpanel? have no groups in data examples show virtualizingstackpanel show ? new @ windows store app dev (mostly have been on ios , android ) appreciate code sample or resources.
thank you
i think doing ui virtualization implementing data source interface isupportincrementalloading
. try wrapgrid
, , set maximumrowsorcolumns
.
<gridview x:name="itemgridview" automationproperties.automationid="itemsgridview" automationproperties.name="items" tabindex="1" grid.rowspan="3" padding="116,136,116,46" itemssource="{binding source={staticresource itemsviewsource}}" itemtemplateselector="{staticresource cellstyleselector}" itemclick="itemview_itemclick" isitemclickenabled="true" selectionmode="extended" selectionchanged="itemview_selectionchanged" isswipeenabled="true"> <gridview.itemspanel> <itemspaneltemplate> <wrapgrid maximumrowsorcolumns="3" orientation="horizontal"/> </itemspaneltemplate> </gridview.itemspanel> </gridview>
Comments
Post a Comment