Windows Phone布局管理

2022-05-05 22:06:19 字數 1269 閱讀 2132

布局管理是從乙個整體的角度去把握手機應用的介面設計。

grid是先指定。使用

grid.row

和grid.column

來指定它所在的行和列。

grid

布局來設計計算器的介面。

stackpanel為啟用

panel

的元素之一。設定

orientation

屬性可確定列表的方向。將多個

textblock

控制項放進

stackpanel

容器裡面可以產生根據空格自動折行的效果。

使用相對於canvas

區域的座標顯示定位子元素。後宣告的物件出現在最先宣告的物件的前面。

canvas

可以包含其他

canvas

物件。樞軸檢視的頁面是迴圈的。顯示在樞軸檢視頁面的控制項都放到pivotitem

中。在windows phone

手機上panorama

布局使用很普遍。其

buildaction

屬性一定要設定為

resource

。建議在全景檢視中最多不要加入超過4個

item

。下面舉例說明grid

布局。grid

為一行四列,背景為

header_bg.png

,實現**如下:

第一列為title.png

,第二列為文字「嗨翻校園」,第四列為影象

more_btn_normal.png

。實現**如下:

xmlns=""

xmlns:x=""

xmlns:phone="clr-namespace:microsoft.phone.controls;assembly=microsoft.phone"

xmlns:shell="clr-namespace:microsoft.phone.shell;assembly=microsoft.phone"

xmlns:d=""

xmlns:mc=""

mc:ignorable="d" d:designwidth="480" d:designheight="768"

fontfamily=""

fontsize=""

foreground=""

supportedorientations="portrait" orientation="portrait"

shell:systemtray.isvisible="true">

實現效果如圖:

windows phone 7 布局設計之隱藏元素

visibility屬性用於隱藏元素,例如 但是這樣會破壞布局,如果想要隱藏元素但同時希望該元素在布局中保留非0的大小 可以使用opacity屬性代替visibility屬性。例如 這樣做基本能滿足需求,但是有乙個潛在問題 textblock 仍然會相應觸控輸入。如果你希望該元素不顯示並且不相應觸控...

BB10 Cascades QML中的布局管理方式

在介面設計中,開發人員除了考慮除了元件自身的外觀以外,另乙個考慮的因素就是元件的位置。在qml中,元件擺放是通過布局管理方式實現的,其中包括兩個部分,乙個是 布局方式 用於指定乙個容器內各個子元件的布局方式,第二個是 布局屬性 用於指定本元件在容器中的擺放方式。在使用qml擺放元件的時候,對以上兩個...

Windows Phone正在死去

看起來有點標題黨。我本來想用的標題是windows phone正在變成下乙個zune。但是小範圍調查發現,果然沒幾個人還記得zune。windows phone真的處境不妙。現實情況就是 原以為坐穩了移動作業系統第三位置的windows phone,不僅沒能更進一步擴張,反而迅速邊緣化。不相信?來看...