手把手玩轉win8開發系列課程（25）

①徹底支援metro 布局

1

<
page
2x:class
="metrogrocer.pages.detailpage"
3xmlns
=""4xmlns:x
=""5xmlns:local
="using:metrogrocer.pages"
6xmlns:d
=""7xmlns:mc
=""8mc:ignorable
="d"
>
9<
grid 
x:name
="gridlayout"
background
="#71c524"
>
10<
grid.rowdefinitions
>
11<
rowdefinition
/>
12<
rowdefinition
/>
13grid.rowdefinitions
>
14<
grid.columndefinitions
>
15<
columndefinition
/>
16<
columndefinition
/>
17grid.columndefinitions
>
18<
stackpanel 
x:name
="topleft"
background
="#3e790a"
>
19<
textblock 
x:name
="toplefttext"
20style=""
21text
="top-left"
/>
22stackpanel
>
23<
stackpanel 
x:name
="topright"
background
="#70a524"
grid.column
="1"
grid.row
="0"
>
24<
textblock 
x:name
="toprighttext"
25style=""
26text
="top-right"
/>
27stackpanel
>
2829
<
stackpanel 
x:name
="bottomleft"
background
="#1e3905"
grid.row
="1"
>
30<
textblock 
x:name
="bottomlefttext"
31style=""
text
="bottom-left"
/>
32stackpanel
>
33<
stackpanel 
x:name
="bottomright"
background
="#45860b"
grid.column
="1"
34grid.row
="1"
>
35<
textblock 
x:name
="bottomrighttext"
36style=""
37text
="bottom-right"
/>
38stackpanel
>
39grid
>
40page
>

1

<
page
2x:class
="metrogrocer.pages.detailpage"
3xmlns
=""4xmlns:x
=""5xmlns:local
="using:metrogrocer.pages"
6xmlns:d
=""7xmlns:mc
=""8mc:ignorable
="d"
>
9<
grid 
x:name
="gridlayout"
background
="#71c524"
>
10<
grid.rowdefinitions
>
11<
rowdefinition
/>
12<
rowdefinition
/>
13grid.rowdefinitions
>
14<
grid.columndefinitions
>
15<
columndefinition
/>
16<
columndefinition
/>
17grid.columndefinitions
>
18<
stackpanel 
x:name
="topleft"
background
="#3e790a"
>
19<
textblock 
x:name
="toplefttext"
20style=""
21text
="top-left"
/>
22stackpanel
>
23<
stackpanel 
x:name
="topright"
background
="#70a524"
grid.column
="1"
grid.row
="0"
>
24<
textblock 
x:name
="toprighttext"
25style=""
26text
="top-right"
/>
27stackpanel
>
2829
<
stackpanel 
x:name
="bottomleft"
background
="#1e3905"
grid.row
="1"
>
30<
textblock 
x:name
="bottomlefttext"
31style=""
text
="bottom-left"
/>
32stackpanel
>
33<
stackpanel 
x:name
="bottomright"
background
="#45860b"
grid.column
="1"
34grid.row
="1"
>
35<
textblock 
x:name
="bottomrighttext"
36style=""
37text
="bottom-right"
/>
38stackpanel
>
39grid
>
40page
>

損失的320

畫素的空間讓

應用程式

不會造成

破壞大多數程式美觀，這要使你沾滿了整個螢幕、很顯然，你要調整他的布局的方式，在接下來的篇幅中，我將講解的他的機制以及有所不同。

手把手玩轉win8開發系列課程（20）

這節，我們的任務很簡單。使其flyout使用者能夠完成一定動作。為使用者控制項編碼 上節，我說到過，使用者控制項是由源 檔案的。所以，homezipcodeflyout這個使用者控制項源 如下 1 using windows.ui.xaml 2 using windows.ui.xaml.contr...

手把手玩轉win8開發系列課程（24）

我們這節有兩個議題 建立另外的檢視 測試導航程式 1 建立另外的檢視 現在，我需要的做的事情就是新增另乙個頁面來完善這個程式。這個頁面名字叫做detailpage，他的源 如圖所示 1 page 2x class metrogrocer.pages.detailpage 3xmlns 4xmlns ...

手把手玩轉win8開發系列課程（28）

這節，我們討論兩個主題 打破檢視 使用瓦片和徽章來更好的使用者體驗 如果你把斷裂檢視呈現給使用者，你可以恢復到乙個更廣泛的布局時，與使用者互動的應用在某些方面。為了證明這個道理，我新增乙個按鈕到viewpage頁面上。下列的源 所示 1 3 4 7 8 unsnap 9 使用了unsnap方法，處理...