wp7中的Grid布局方式

2021-06-08 00:24:16 字數 4154 閱讀 7156

wp7中grid布局類似html中的**,但是又不太一致!

為了測試新乙個3行3列的grid

方了方便,剔除掉其它xaml**

[c-sharp:collapse]view plain

copy

"layoutroot"

showgridlines=

"true"

>  

"r1"

>

"r2"

>

"r3"

>

"c1"

>

"c2"

>

"c3"

>  

行分別命名為r1,r2,r3

其中行用高度,列用寬度來指定大小,同html不同的是用*表示百分比,確切的說不叫百分比。

示例1,僅以行做示例:

[xhtml:collapse]view plain

copy

<

rowdefinition

x:name

="r1"

height

="40*"

>

rowdefinition

>

<

rowdefinition

x:name

="r2"

height

="40*"

>

rowdefinition

>

<

rowdefinition

x:name

="r3"

height

="40*"

>

rowdefinition

>

如果按百分比,三個行已經超過了100%,但是實際上sl是三個行平分的,可以想象成分成120份,每行佔40份,就是每行1/3。平均分配

示例2:

[xhtml:collapse]view plain

copy

<

rowdefinition

x:name

="r1"

height

="20*"

>

rowdefinition

>

<

rowdefinition

x:name

="r2"

height

="40*"

>

rowdefinition

>

<

rowdefinition

x:name

="r3"

>

rowdefinition

>

r3行佔20*嗎?實際上r1的高度是r3的20倍,r2的高度是r3的40倍,r2的高度是r1的2倍

示例3:

[xhtml:collapse]view plain

copy

<

rowdefinition

x:name

="r1"

height

="20*"

>

rowdefinition

>

<

rowdefinition

x:name

="r2"

height

="40*"

>

rowdefinition

>

<

rowdefinition

x:name

="r3"

height

="auto"

>

rowdefinition

>

r3根據裡面的控制項高度占用高度,餘下的r1和r2按比例分,即r2是r1高度的2倍

示例4:

[xhtml]view plain

copy

<

rowdefinition

x:name

="r1"

height

="20*"

>

rowdefinition

>

<

rowdefinition

x:name

="r2"

height

="40*"

>

rowdefinition

>

<

rowdefinition

x:name

="r3"

height

="auto"

maxheight

="100"

>

rowdefinition

>

如果對r3的高度指定為自動,則不會受min/maxheight高度的限制,只會受內部控制項高度影響

示例5:

[xhtml:collapse]view plain

copy

<

rowdefinition

x:name

="r1"

height

="20*"

>

rowdefinition

>

<

rowdefinition

x:name

="r2"

height

="40*"

>

rowdefinition

>

<

rowdefinition

x:name

="r3"

height

="50*"

maxheight

="200"

>

rowdefinition

>

此時r3的高度受min/maxheight高度控制,若50/(20+40+50)*總高度  > 200,則按200顯示,否則按50/(20+40+50)*總高度 顯示

示例6:

[xhtml:collapse]view plain

copy

<

rowdefinition

x:name

="r1"

height

="20*"

>

rowdefinition

>

<

rowdefinition

x:name

="r2"

height

="40*"

>

rowdefinition

>

<

rowdefinition

x:name

="r3"

height

="500"

maxheight

="200"

>

rowdefinition

>

此時r3的高度一直保持200,餘下的r1和r2按比例分配,即高度大於最大高按最大高度顯示,高度小於最小高度按最小高度顯示。

示例7:

[xhtml]view plain

copy

<

rowdefinition

x:name

="r1"

height

="100"

>

rowdefinition

>

<

rowdefinition

x:name

="r2"

height

="200"

>

rowdefinition

>

<

rowdefinition

x:name

="r3"

height

="50"

>

rowdefinition

>

各行按實際高度展示,若總寬度不等於350,預設r3高度適應(但是actualheight = 50)

wp7 如何在後台修改前台的grid的背景

最近做乙個專案,需要在後台支援修改前台背景。想了一下,去論壇提問了,有人給了解決方案。還是挺有意思的。記錄下來分享。首先,在前台給imagebrush命名乙個x name,方便後台呼叫。例如 layoutrootpivot pivotimage stretch fill 然後,在後台修改它的imag...

wp7使用C 通過後台動態生成Grid網格布局

一 建立相關物件,並定義grid中的列屬性 grid forwardandreply new grid 建立grid物件 forwardandreply.margin new thickness 0,10,0,5 forwardandreply.horizontalalignment horizon...

wp7 關於從MemmorySream中複製位元組流

剛剛發現乙個比較奇怪的現象,從stream複製資料到byte陣列後,發現byte的資料都還是預設值,見 從相簿中完成獲取影象 private void onphotochoosertaskcomplete object sender,photoresult e 後來才醒悟,原來ms拿完資料後,還要從...