Win8 Store 退件區 - 預設範本的 Snap view 問題

如何避免 Win8 預設範本的 Snap view 被退件

被退件的理由

從上個月接獲報案說:我們明明就已經用 VS 2012 中的範本了 但還是被 Store 審查退件

但為什麼還是會被退?後來我們進一步詢問後是因為 Snap View  的 Title 上面留了太多的空間

後來我們比對了其他有符合規範的 KK box 進行比對 ,但在 UI 規範中卻沒有提到這一點應該要留多少?

但沒辦法依審查的為主

 

image

 

確認範本問題

 

為了確認問題的情況,開啟了 Blend 確認

image

Full Screen 中沒有問題,140 的高度。字的位置也正確

 

image

但切換到 Snap view 時就看到字有縮小,但還往下了

 

image

進一步確認發現原來arc 是釘在下面,而且 140 的高度也沒有因為 Snap view 而切換

 

更慘的是 Title 只要調整了,就會影響到 Full Screen 的位置。放大縮小都會有影響

 

 

利用視覺狀態修正問題

 

這時只要利用 Blend 的「視覺狀態」進行調整就可以了

 

視覺狀態最主要就是避免我們調整了 「Snap view」的內容會影響到其他 Layout 的呈現

 

只要在裝置中選擇 指定的 view ,這裡是選 Snap view ,按下「啟用狀態錄製」

 

image
這時畫面中就可以看到 Snapped 狀態錄製已開啟,而且會有紅色的框框出現 ( 代表正在錄製 )

 

image

(調整完的內容)

 

可以被錄製的在左下「物件與時間軸」中會出現「錄影 icon 」反之其他的修改都會全部影響

 

因為 Root 底下的 Grid 沒有在錄製項目中,所以 140 標線就必須要拿掉。全程用 絕對位置來定

 

將 Title Grid 縮小到 100 ,下面的 itemListView 也往上拉齊後。

 

image

你看!是不是就解決了呢! Smile 

 

什麼?還是想直接修改 XAML code ??呃~~~~~   請自行拿捏吧!

image

改版後的樣式