visual-c-20xx之設(shè)計(jì)qq用戶登錄界面(編輯修改稿)
2025-09-01 01:43 本頁面
【文章內(nèi)容簡介】 示。圖24 Label控件（2）雙擊Label控件，這時(shí)可以看到窗體“Form1”中出現(xiàn)了一個(gè)名為“Label1”的控件，如圖25所示。圖25 添加了1個(gè)Label控件的窗體（3）接下來再次雙擊Label控件，同樣這時(shí)可以在窗體中看到一個(gè)名為“Label2”的控件。 繪制控件通過雙擊工具箱中的控件來給窗體添加控件的步驟如下：說明：這里以給“Wele”項(xiàng)目的“Form1”窗體添加兩個(gè)TextBox（文本框）控件和兩個(gè)Button（按鈕）控件為例。（1）在工具箱的【公共控件】列表中找到并單擊TextBox控件。（2）然后在窗體上按下鼠標(biāo)左鍵，并拖動(dòng)至合適的大小，松開鼠標(biāo)后，可以看到窗體上出現(xiàn)了TextBox控件，這時(shí)的窗體如圖26所示。圖26 添加TextBox控件（3）接下來按照同樣的方法再給窗體繪制一個(gè)TextBox控件和兩個(gè)Button控件，如圖27所示。圖27 繪制控件然后，這樣的用戶界面并不美觀，下一節(jié)將介紹使用【格式】菜單調(diào)整控件的大小和位置，從而達(dá)到美化用戶界面的目的。 使用【格式】菜單在第1章介紹Visual C 2008的開發(fā)環(huán)境時(shí)，細(xì)心的讀者也許已經(jīng)發(fā)現(xiàn)，Visual C 2008開發(fā)環(huán)境的菜單是動(dòng)態(tài)的，例如當(dāng)前頁面為【起始頁】，或者是窗體設(shè)計(jì)器、又或者是代碼編輯窗口時(shí)，Visual C 2008開發(fā)環(huán)境所給出的菜單不是完全一樣的?！靖袷健坎藛蝿t是針對用戶界面設(shè)計(jì)的，換句話說，只有當(dāng)當(dāng)前窗口為窗體設(shè)計(jì)器窗口時(shí)才會(huì)顯示【格式】菜單，單擊該菜單展開其菜單項(xiàng)，如圖28所示。圖28 【格式】菜單每一個(gè)菜單項(xiàng)又有一些子菜單項(xiàng)，這些菜單項(xiàng)的功能和作用讀者可以通過其標(biāo)題簡單推測出來，這里就不做詳細(xì)介紹。接下來介紹使用【格式】菜單的部分工具美化上一節(jié)介紹的Form1窗體用戶界面的方法和步驟。（1）首先單擊選中第一個(gè)TextBox控件，然后按住鼠標(biāo)【Ctrl】鍵不放，再用鼠標(biāo)選中第二個(gè)TextBox控件，選中后如圖29所示。圖29 選中兩個(gè)TextBox控件說明：從圖29可以看到，第一個(gè)TextBox控件的外框左右兩端各有一個(gè)空心的正方形圖案，而第二個(gè)TextBox控件左右兩端的方塊圖案則是實(shí)心的，表明以后所有的使用【格式】菜單的調(diào)整都是以第一個(gè)TextBox控件為基準(zhǔn)的，即以左右兩端顯示空心方塊圖案的控件為基準(zhǔn)。（2）接下來使用【格式】→【對齊】→【左對齊】菜單命令，則可以看到第二個(gè)TextBox控件的左邊緣與第一個(gè)TextBox控件的左邊緣處于同一垂直線上，并且被調(diào)整的是第二個(gè)TextBox控件。表明調(diào)整是以第一個(gè)TextBox控件為基準(zhǔn)的。（3）接下來再使用【格式】→【使大小相同】→【寬度】菜單命令，調(diào)整兩個(gè)TextBox控件的寬度一致，調(diào)整后如圖210所示。圖210 調(diào)整文本框的位置和寬度（4）用鼠標(biāo)選中Label1控件，使用拖拽的方法將其移動(dòng)到第一個(gè)TextBox控件的左邊，不放開鼠標(biāo)左鍵微調(diào)Label1的位置，可以看到Label1控件和TextBox控件的位置有如圖211所示的三種情況。圖211 調(diào)整Label1控件位置的三種情況說明：Visual C 2008會(huì)自動(dòng)提供輪廓線來幫助用戶設(shè)置控件的對齊方式，上面出現(xiàn)的三種情況是由于兩者高度不一致的情況而產(chǎn)生的。第1種情況表明Label1控件與TextBox控件的對齊方式為頂端對齊；第2種情況表明Label1控件與TextBox控件的對齊方式為中間對齊；而第3種情況表明Label1控件與TextBox控件的對齊方式為底部對齊。在這里使用第二種對齊方式。（4）按照同樣的方法將Label2移動(dòng)到第二個(gè)TextBox控件的左邊，并使得Label1與Label的左邊緣對齊，如圖212所示。圖212 調(diào)整標(biāo)簽的位置（5）選擇Button1控件，使用輪廓線將Button1控件的左邊緣與Label1和Label2控件的左邊緣對齊。（5）然后選擇Button1和Button2控件，分別使用【格式】→【使大小相同】→【寬度】和【格式】→【使大小相同】→【高度】菜單命令，調(diào)整兩者的寬度和高度一致（6）最后使用輪廓線分別設(shè)置Button1控件的左邊緣與Label1和Label2控件的左邊緣對齊、Button2控件的右邊緣與TextBox1和TextBox2控件的右邊緣對齊，并使得Button1和Button2控件的高度位置一致，調(diào)整后的最終效果如圖213所示。圖213 調(diào)整后的最終效果然后，圖213看到的往往不是用戶希望的用戶界面最終設(shè)計(jì)效果，例如要將Form1設(shè)計(jì)成一個(gè)登錄窗體，就應(yīng)當(dāng)修改窗體Form1以及其中控件的一些屬性，以達(dá)到更好的顯示效果，下一節(jié)將介紹如何修改這些屬性。 修改對象的屬性本節(jié)將介紹如何設(shè)置“Wele”項(xiàng)目Form1窗體中各控件的屬性，這些控件的屬性及
畢業(yè)設(shè)計(jì)相關(guān)推薦
鄂ICP備17016276號(hào)-1