xaml - How is Windows 8/8.1 Start Screen made? -

i have make control , windows 8/8.1's start screen matches requirements dragging , dropping 1 column another, renaming columns, etc.

so, asking experienced minds here how screen made maybe hub coupled hubsection. not know so, please suggest on started with. currently, have managed replicate using gridview columns , inside gridview containing tiles.

create default probject called "grid app" (vs2013). you'll find grouped gridview headers inside. don't need additional gridview. looks this:

<gridview         x:name="itemgridview"         automationproperties.automationid="itemgridview"         automationproperties.name="grouped items"         grid.rowspan="2"         padding="60,100,40,20"         itemssource="{binding source={staticresource groupeditemsviewsource}}"         selectionmode="none"         isswipeenabled="false"         isitemclickenabled="true"         itemclick="itemview_itemclick">          <gridview.itemspanel>             <itemspaneltemplate>                 <virtualizingstackpanel orientation="horizontal"/>             </itemspaneltemplate>         </gridview.itemspanel>          <gridview.groupstyle>             <groupstyle>                 <groupstyle.headertemplate>                     <datatemplate>                         <grid margin="5,0,15,5">                             <grid.columndefinitions>                                 <columndefinition width="auto"/>                                 <columndefinition width="auto"/>                             </grid.columndefinitions>