能夠正確調整大小的窗體可以提高您的使用者介面的易用性。
此演練演示了如何建立當使用者調整窗體大小時按比例調整的布局。
tablelayoutpanel
本演練涉及以下任務：
完成這些操作後，窗體應如下所示：
注意
顯示的對話方塊和選單命令可能會與「幫助」中的描述不同，具體取決於您現用的設定或版本。
若要更改設定，請在「工具」選單上選擇「匯入和匯出設定」。
使用設定。
系統必備
若要完成本演練，您需要：
建立專案
第一步是建立應用程式專案。
使用此專案生成顯示資料輸入窗體的應用程式。
建立布局面板
下一步是建立包含可調整大小的布局的布局面板。
在「窗體設計器」中選擇窗體。
tablelayoutpanel
tablelayoutpanel
dock
fill。
columncount
rowcount
設定布局網格
下一步是指定布局網格。
columnstyles
rowstyles
tablelayoutpanel
如何：在 tablelayoutpanel 控制項中編輯行和列。
從「顯示」下拉框中選擇「列」。
sizetype
percent。
將「百分比」
numericupdown
label
選擇第二列。
sizetype
percent。
將「百分比」
numericupdown
textbox
選擇第三列。
sizetype
percent。
將「百分比」
numericupdown
label
選擇第四列。
sizetype
percent。
將「百分比」
numericupdown
textbox
從「顯示」下拉框中選擇「行」。
sizetype
absolute，並將「絕對」
numericupdown
sizetype
percent，並將「百分比」
numericupdown
單擊「確定」接受更改。
用控制項填充該布局
現在可以使用控制項填充布局了。
此資料輸入窗體是用於聯絡人資訊的，所以它有「名」字段、「姓」字段、「位址」字段、「**號碼」欄位和「備註」字段。
下面的列表顯示了建立這些控制項的順序：
「姓名」字段
「位址」字段
「**號碼」字段
「備註」字段
建立「姓名」字段
tablelayoutpanel
label
textbox
label
textbox
label
tablelayoutpanel
label
anchor
right。
autosize
true。
text
textbox
label
textbox
anchor
left、right。
label
label
anchor
right。
autosize
true。
text
textbox
textbox
anchor
left、right。
建立「位址」字段
「位址」字段占用第
二、三、四行。
欄位跨三列。
label
label
anchor
right。
autosize
true。
text
textbox
label
textbox
anchor
left、right。
將「columnspan」屬性的值設定為 3。
tablelayoutpanel
有關所提供的屬性的更多資訊，請參見擴充套件程式提供程式概述。
對第三行重複步驟 1 到 5。
label
text
label
label
anchor
right。
autosize
true。
text
textbox
label
textbox
anchor
left、right。
label
label
anchor
right。
autosize
true。
text
combobox
combobox
anchor
left。
formattingenabled
true。
建立「**號碼」字段
「**號碼」字段占用第五行。
maskedtextbox
label
label
anchor
right。
autosize
true。
text
maskedtextbox
maskedtextbox
anchor
left。
maskedtextbox
mask
在「輸入掩碼」對話方塊中選擇「**號碼」掩碼。
單擊「確定」。
對「家庭**號碼」字段重複步驟 1 到 5。
text
建立「備註」字段
最後乙個字段占用第六行。
它用於輸入備註並且允許任意形式的文字輸入。
label
label
anchor
top、right。
autosize
true。
text
richtextbox
將「columnspan」屬性的值設定為 3。
richtextbox
dock
fill。
完成布局網格設定
最後一步是完成布局網格設定。
autosize。
由於已在這些列中放置了控制項，因此在設計時這些列可見。
tablelayoutpanel
選擇「編輯行和列」開啟「列和行樣式」對話方塊。
如何：在 tablelayoutpanel 控制項中編輯行和列。
從「顯示」下拉框中選擇「列」。
sizetype
autosize。
單擊「確定」接受更改。
檢查點至此，可以執行應用程式以檢查窗體的動態布局。
注意
控制項將按比例調整大小以填充可用空間。
後續步驟
注意，您可以建立實現動態布局的窗體，使窗體適於本地化。
有關更多資訊，請參見演練：建立可根據本地化需要調整比例的布局。
基本的頁面設計元素布局比例
標誌圖案 位置統計結果 左上角84 右上角6 上方居中 6 其他位置 4 搜尋功能 位置統計結果 右上角35 左上角30 上方居中 14 中間居中 12 其他位置 12 導航模式 www.cppcns.com 位置統計結果 左導航柵格 30 選項卡 30 程式設計客棧 通過頁面頂端的鏈結 18 頁面...
螢幕的寬度 網格布局比例失效？元素預設寬度的鍋
以下內容是基於沒有設定一套相對較完整的用於reset html css預設樣式的一番吃力debug，當是乙個教訓啦 問題 響應式使用網格布局時，當螢幕縮小到一定寬度，網格比例便開始失去控制，內容開始溢位如下圖 手機號碼 css must fill原因分析 網格布局中包含的元素有其對應的預設最小寬度，...
Win7下的分割槽 調整大小的軟體
如果你買了一台新的只有乙個分割槽的電腦，或者當我們使用一段日子發現之前的分割槽不能滿足自己的需要時，我們最需要的就是一款可以支援xp vista等系統的無損分割槽軟體了。acronis disk director suite 已經可以完美地滿足我們所有的分割槽需求了，可惜它是一款商業軟體，比較高昂。...