Maui 教學 – Maui AbsoluteLayout是一個可讓Programmer自訂Control位置的LAYOUT. 程式員只需透過在Controls 訂立x, y的Position, 就可把Controls定位.
何時用AbsoluteLayout
- 想做Floating Control: 例如做Floating Button, 加上Z-index後, 便可做到
- 想把Control固定在一個位置上, 用AbsoulteLayout可把Control的x, y固定令它們的位置不變
- 只用一種Device Screen: 有時間App只會用在一種Mobile Phone(如公司機), 不用因版面不同而要作對作出版面調整, 所以可用AbsoluteLayout把版面固定.
- 創意性的版面時使用, 有時版面可能會加一些Art的元素, 如線等元素, 我個人認為用AbsoluteLayout把版面固定會比較容易做.
AbsoluteLayout的好處
它的好處在於程式員可以完全自訂Controls 的位置. 這完全不受像其他的Layout有固定形式的限制, 限制了Controls排版的方法.
那現在就開始了, Let’s Code!
例子 |
<AbsoluteLayout Margin=”20″> <BoxView Color=”Red” AbsoluteLayout.LayoutBounds=”150, 0, 100, 100″/> <BoxView Color=”Yellow” AbsoluteLayout.LayoutBounds=”200, 50, 100, 100″/> <BoxView Color=”Blue” AbsoluteLayout.LayoutBounds=”250, 100, 100, 100″ /> <BoxView Color=”Green” AbsoluteLayout.LayoutBounds=”300, 150, 100, 100″/> <BoxView Color=”Orange” AbsoluteLayout.LayoutBounds=”350, 200, 100, 100″/> <BoxView Color=”Purple” AbsoluteLayout.LayoutBounds=”400, 250, 100, 100″/> </AbsoluteLayout> |
注意事項: 在每一個的CONTROL內, 加上: AbsoluteLayout.LayoutBounds(x, y, width, height); |
結果如下圖所示: |