Silverlight 4 布局了解

2021-05-23 11:05:46 字數 1293 閱讀 2196

今天,熟悉下

silverlight

布局。silverlight

提供了多種布局控制項,但最常用的是:

canvasstackpanelgrid

canvas

你可以通過在

canvas

附加屬性來定位元素,也就是絕對座標來定位元素。

每個子物件都呈現在

canvas

區域中。通過指定

x(代表的是

canvas.left) 和y(

代表的是

canvas.top)

座標,可以控制物件在

canvas

中的定位。

注:由於絕對定位不考慮瀏覽器視窗的大小或瀏覽器大小調整,因此一般最好使用

grid

或stackpanel

作為容器

)例子:

下面演示如何定位與

canvas

的左側和頂部各相距

30畫素的按鈕。

**塊:

效果:在這裡還有個屬性要注意一下:附加屬性的

zindex

,設定其值可使控制項在另個控制項上或下。

這可能有助於像是遊戲開發或者高物理環境這樣對計算非常精確的場合。

stackpanel

stackpanel

支援用行或列進行布局(預設是垂直)。

在特定情形下,例如,要將一組物件排列在豎直或水平列表(例如,項的水平或豎直選單)中,

stackpanel

很有用。

例子:效果:

其中margin

屬性,設定控制項的外邊距,在上面的**中表示邊長為

30畫素的正方形外邊距為

5畫素。

grid

grid

控制項就像html中的table,不同的是,grid是先指定,後使用。通過和來定義grid的行和列,使用grid.row和grid.column兩個附加屬性指定子元素在grid中顯示的位置,這是一種非常靈活的布局方式。

例子:

效果:

注意按鈕上的附加屬性(

grid.column

、grid.row

)是如何告訴元素把自己定位在容器的哪個位置的。

布局的初步了解了,明天看下導航。距離又進了一步,

Silverlight 4 中的WebCam支援

在剛推出的silverlight 4 beta版中,終於支援了大家期待已久的webcam功能,底下是測試頁面 測試 但請注意,測試前需先安裝sl4 developer runtimes才能執行,webcam是建立網路服務應用程時相當需要的功能。整個程式的設計方式並不複雜,主要的 段如下 privat...

Silverlight 4 中的WebCam支援

在剛推出的silverlight 4 beta版中,終於支援了大家期待已久的webcam功能,底下是測試頁面 測試 但請注意,測試前需先安裝sl4 developer runtimes才能執行,webcam是建立網路服務應用程時相當需要的功能。整個程式的設計方式並不複雜,主要的 段如下 privat...

輕鬆建立Silverlight 4開發環境

在銀光中國網有一篇 輕鬆建立silverlight開發環境 文章,相信幫助了不少silverlight新手,不過該文章介紹的是silverlight 3開發環境,本篇將基於上文進行更新,幫助新人輕鬆建立silverlight 4開發環境。建立silverlight 4開發環境,微軟提供最簡單的方法是...