wpf研究之道 grid控制項

2022-10-11 04:42:09 字數 1986 閱讀 7092

想要說些什麼,卻不知道從哪開始。」形而上謂之道,形而下謂之器」。與其坐而論道,不如腳踏實地,從最實用的地方開始。

我們先來看看wpf中的grid控制項。grid控制項是個網格的布局控制項,類似於網頁中的table。我們看看乙個例子:

1

"condtiongrid

" height="

130">23

4567

891011

1213

141516"

資料庫表中文名稱:

"/>17"

1wrap

" text="

" x:name="

txttableshowname

"/>18"

搜尋框預設顯示:

" grid.column="

2"/>19"

3wrap

" text="

" x:name="

txtsearchdefaultshowname

"/>20"

" grid.row="

1"/>21"

1" grid.column="

1wrap

" text="

" x:name="

txtpageindextitle

"/>22"

自定義字段:

" grid.row="

1" grid.column="

2"/>23"

1" grid.column="

3wrap

" text="

" x:name="

txtselfdefinefield

"/>24"

自定義字段描述:

" grid.row="

2"/>25"

2" grid.column="

1wrap

" text="

" x:name="

txtselfdescribe

"/>

2627

執行後:

這是乙個常規的grid的用法,它定義了乙個3行4列的**。也許你看到這裡,覺得這個比較簡單有什麼好說的。如今的web設計,講求響應式設計,grid也可以做到響應式。啥是響應式?我覺得我們的頁面能夠適應不同的解析度的裝置,而不會導致頁面布局的亂套。我們看看grid如何做到這一點?

修改我們上面的**:

1

"condtiongrid

" height="

130">23

"auto

">4"

1.5*

">5"

2*">67

891011

1213

14

執行後:

圖1

圖2第一列,我們定義為auto,自動寬度,其實是按內容的最小寬度來計算的。

第二列,1.5*,第三列,2*,第四列,沒有定義寬度,其實,預設值為1*。

這些帶*的寬度定義,wpf在繪製介面的時候,會按比例計算當前列的寬度。假設當前螢幕寬度為w,第一列的寬度為x,剩餘寬度:z=w-x,那麼第二列的寬度計算為:z*1.5/(1.5+2+1),剩下列的寬度計算同理。圖1和圖2,是不同螢幕下的執行結果。

有人看到這裡會覺得,這個也是比較簡單的。「道生一,一生二,二生三,三生萬物。」,所謂複雜的東西都是從最簡單的開始,本質的東西永遠都是最簡單的,但不明了。如果需求比較複雜的話,grid也就變複雜了,因為它可以巢狀使用。

好了,grid的控制項的布局,我就點到為止。

Grid 控制項基本設定

int ncol 0 m grid.setcols 7 設定列數 m grid.setfixedcols 1 設定固定列數 從左開始 m grid.setfixedrows 1 設定固定行數 從上開始 m flexgrid.setrowheight 2,300 設定行號為2的行高為300 m gri...

WPF控制項

什麼是控制項?控制項是指資料和方法的封裝,而且控制項有自己的方法和屬性。wpf設計ui語言是xaml,它能將使用者資料處理完成後展示出來。我們可以把控制項想像成乙個控制項是乙個容器,容器裡面的內容就是控制項的內容。控制項的內容可以直接是資料,也可以是控制項。wpf中也有預設不能看到的控制項,如doc...

WPF控制項

控制項是指對資料和方法的封裝。控制項可以有自己的屬性和方法,其中屬性是控制項資料的 簡單訪問者,方法則是控制項的一些簡單而可見的功能 控制項建立過程包括設計 開發 除錯 就是所謂的3ds開發流程,即design develop debug 工作,然後是控制項的使用。開發 者應該掌握的三項主要內容是 ...