製作UI介面時,你是否想過如何實現像是大多數的網頁一樣,將功能表或是導覽列放在固定的位置,只有主區塊變更成想要的內容的內容呢?其實並不難只要製作兩個表單,並運用panel這個元件,寫上方法就可以了!
詳細步驟如下:
- 母表單介面
首先設定介面,左邊依照你需要切換的表單數設計按鈕列表,右邊放置一個panel,用來顯示子表單。
2. 子表單介面:
(依照需求自行設計)ChildForm的大小要跟上面設定的panel大小一致,並將 "FormBorderStyle設為None"(意思是沒有預設的邊框)。
3. 母表單程式:
private Form activeForm = null;
openChildForm(Form childForm)
{
if (activeForm != null) activeForm.Close();
activeForm = childForm;
childForm.TopLevel = false;
childForm.FormBorderStyle = FormBorderStyle.None;
childForm.Dock = DockStyle.Fill; panelChildForm.Controls.Add(childForm);
panelChildForm.Tag = childForm;
childForm.BringToFront();
childForm.Show();
}
private void btnFood_Click(object sender, EventArgs e)
{
openChildForm(new FormOrderFood());
}
完成後按下按鈕就可以切換表單了(ˊˇˋ)是不是很簡單啊~