[C#學(xué)習(xí)筆記18]項(xiàng)目UI設(shè)計(jì)總體要求和基于無(wú)邊框設(shè)計(jì)登錄窗體的技巧
一、項(xiàng)目UI尺寸的說(shuō)明
1、總體尺寸：若客戶有要求，按照要求做；否則需要調(diào)研客戶對(duì)軟件的使用環(huán)境
????常見(jiàn)尺寸：1500*1000（900）? 1300*（高度可以根據(jù)界面具體情況來(lái)定）
????建議比例：4：3? ? ? ? ? ? 16：10
2、總體風(fēng)格：無(wú)邊框，扁平化設(shè)計(jì)（簡(jiǎn)約時(shí)尚），通常由美工配合做得更好。
二、設(shè)計(jì)登陸界面窗體
窗體屬性：
????FormBorderStyle：None? ? ——? ?無(wú)邊框
????Size? ? Width：393? ? ? Height：260?? ??——? ?尺寸
????StartPosition：CenterScreen? ??——? ?屏幕中心位置
?????icon：略? ? ? ? ? ? ? ? ? ? ? ? ——? 根據(jù)需要選擇對(duì)應(yīng)的圖標(biāo)
? ? BackgroundImage：略???——??根據(jù)需要選擇對(duì)應(yīng)的背景圖片
lable屬性：
????Text：管理員賬號(hào)、密碼：???——? 文本內(nèi)容
????BackColor：xx,xx,xx???——??根據(jù)背景圖片使用顏色提取工具提取顏色復(fù)制到編輯框中
????Font：略???——??根據(jù)需要調(diào)整字體
TextBox屬性：
????BorderStyle：FixedSingle???——? 單一邊框
????UseSystemPasswordChar:False???——? 密碼顯示暗碼
CheckBox屬性：
????Text：記住密碼
botton屬性：
????Text：登錄系統(tǒng)
????FlatStyle：Flat???——? 邊框
????FlatAppearance：BorderColor：Whilte?——? 邊框顏色白色
????Font：ForeColor：White?——? 字體前景色白色
窗體可移動(dòng)添加代碼如下：
定義一個(gè)位置信息Point用于存儲(chǔ)鼠標(biāo)位置
private?Point mPoint;
給窗體等控件增加MouseDown和MouseMove事件
????????/// <summary>
? ? ? ? /// 鼠標(biāo)按下
? ? ? ? /// </summary>
? ? ? ? /// <param name="sender"></param>
? ? ? ? /// <param name="e"></param>
? ? ? ? private void panel1_MouseDown(object sender, MouseEventArgs e)
? ? ? ? {
? ? ? ? ? ? mPoint = new Point(e.X, e.Y);
? ? ? ? }
? ? ? ? /// <summary>
? ? ? ? /// 鼠標(biāo)移動(dòng)
? ? ? ? /// </summary>
? ? ? ? /// <param name="sender"></param>
? ? ? ? /// <param name="e"></param>
? ? ? ? private void panel1_MouseMove(object sender, MouseEventArgs e)
? ? ? ? {
? ? ? ? ? ? if (e.Button == MouseButtons.Left)
? ? ? ? ? ? {
? ? ? ? ? ? ? ? this.Location = new Point(this.Location.X + e.X - mPoint.X, this.Location.Y + e.Y - mPoint.Y);
? ? ? ? ? ? }
? ? ? ? }
窗口右上角添加關(guān)閉按鈕屬性：略
????
????
????
????
????
????
????
