想要說些什麼,卻不知道從哪開始。」形而上謂之道,形而下謂之器」。與其坐而論道,不如腳踏實地,從最實用的地方開始。
我們先來看看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 工作,然後是控制項的使用。開發 者應該掌握的三項主要內容是 ...