viewbox控制項說明:
viewbox元件的作用是拉伸或延展位於其中的元件,使之有更好的布局及視覺效果。
元件常用屬性:
viewbox可更改stretch屬性選擇子元素如何放入viewbox的可用空間,stretch的列舉如下:
fill:調整內容的大小以填充目標尺寸,不保留縱橫比;
none:內容保持其原始大小;
uniform:在保留內容原有縱橫比的同時調整內容的大小,以適合目標尺寸。
viewbox中的stretch屬性值預設為uniform;
uniformtofill:在保留內容原有縱橫比的同時調整內容的大小,以填充目標尺寸。 如果目標矩形的縱橫比不同於源矩形的縱橫比,則對源內容進行剪裁以適合目標尺寸;
canvas 控制項說明:
canvas為容器控制項,用於定位
可以把canvas比作乙個座標系,所有的元素通過設定座標來決定其在座標系中的位置.這個座標系的原點並不是在**,而是位於它的左上角.見下圖
canvas.top 設定元素距canvas頂部的距離
canvas.bottom 設定元素距canvas底部的距離
canvas.left 設定元素距canvas左邊界的距離
canvas.right 設定元素距canvas右邊界的距離
窗體**:
<
window x:class=
xmlns=
""xmlns:x=
""title=
"mainwindow" height=
"350" width=
"525"
>
<
viewbox stretch=
" fill"
>
<
canvas width=
" 525" height=
" 350"
>
<
button content=
"按鍵1" horizontalalignment=
"left" margin=
"28,23,0,0" verticalalignment=
"top" width=
"75"
/>
<
button content=
"按鍵2" horizontalalignment=
"left" margin=
"416,275,0,0" verticalalignment=
"top" width=
"75"
/>
<
/canvas>
<
/viewbox>
<
/grid>
<
/window>
部分解析:
由於viewbox的stretch屬性預設是uniform,所以我們要設定為fill,這樣能保正是填充滿窗體,canvas的寬度和高度必須設定,否則顯示不出來。這樣建立的窗體縮放時控制項會變形但是布局不會發生變化。
Winform控制項隨視窗等比例縮放
在建立winform視窗時,常常控制項不能隨視窗正確比例縮放。執行窗體如下 最大化後窗體 縮小後窗體 實現方法如下 在form1視窗下新增乙個panel工具,在父容器中停靠 然後在panel容器中放置我們需要的工具 新建乙個 nform 窗體類,繼承預設窗體類 form 而原來的 form1 for...
cad等比例縮放快捷鍵 cad等比例縮放快捷鍵
cad等比例縮放快捷鍵是s鍵c鍵。常用cad的快捷鍵還有取消前一步操作ctrl z 快速選擇alt tk 提取輪廓alt mup 重複執行上一步命令ctrl j 開啟特性對話方塊ctrl 1以及新建圖形檔案ctrl n等等。計算機輔助設計 computer aided design 指利用計算機及其...
css 一行自適應等比例布局
row item該樣式相容性較好,但是無法實現當裡面的列增多時比例也隨著變化,必須手動修改,當然你也可以使用乙個js來調整了。row item我們知道 可以根據內容進行劃分,css也有乙個樣式是display table來實現類似 的布局,不過不支援ie8以下瀏覽器。row item.row ite...