雷火平台-中国知名电竞赛事平台

聯(lián)系我們 face+ 關(guān)于 服務(wù) 案例
首頁 案例 服務(wù) 關(guān)于 face+

vs用戶登錄界面設(shè)計(jì)步驟有哪些?

Time: 2020-01-07


很多人都想自己做一個(gè)登錄界面,但是不是一個(gè)容易的事,需要知道它的步驟,那么,vs用戶登錄界面設(shè)計(jì)步驟有哪些,這是很多人都想知道的,接下來就讓小編來告訴大家這個(gè)問題吧。


vs用戶登錄界面設(shè)計(jì)案例介紹

設(shè)計(jì)步驟如下:
  打開Visual Studio工具,工具界面如下(沒有使用過編程的朋友們可以看看):
  打開【文件】---【新建】---【項(xiàng)目】
  在出現(xiàn)的框中在框里選擇window C# 再選擇windows窗體應(yīng)用程序,在名稱里輸入:MyStudentSys,這個(gè)名字自己可以根據(jù)需要起,盡量要有意義,下面的位置是自己保存項(xiàng)目文件的的目錄。
  點(diǎn)擊確定后就出現(xiàn)了,第一個(gè)窗體程序,我們就是在這個(gè)窗體里實(shí)現(xiàn)登錄功能和制作美麗的登錄界面,第一個(gè)form程序form1窗體:
  往上添加我們自己需要的東西,首先我們修改下這個(gè)窗體的名稱改為:學(xué)生管理系統(tǒng)登錄(修改的具體步驟在圖下面),再添加個(gè)Icon圖片,就是標(biāo)題前面的圖片,修改之前需要打開form1窗體的屬性,步驟:右鍵點(diǎn)擊,點(diǎn)擊屬性,就會(huì)出現(xiàn)屬性框,看到這個(gè)框就找到了,窗體程序的屬性,我們很多地方要使用這里,修改標(biāo)題的步驟,找到Text屬性就是上面圖片藍(lán)色的部分,把form1改為:學(xué)生管理系統(tǒng)登錄。找到Icon 在其后點(diǎn)擊,選擇我們事先準(zhǔn)備好的ICON圖片(非必須,軟件默認(rèn)的也有,為了美觀自己可以添加修改)修改好后我們就實(shí)現(xiàn)了界面。
  

2.png

(圖片來自網(wǎng)絡(luò))


好了簡單的界面就這做好了,剩下就是添加我們需要的東西了,并且實(shí)現(xiàn)登錄功能,這需要使用控件,在軟件左邊打開工具箱,如果找不到,就點(diǎn)擊軟件視圖,找到工具箱,點(diǎn)擊就可以出現(xiàn)了。我們主要使用這幾個(gè)控件 button(按鈕控件),label(標(biāo)簽),textbox(文本框),combobox(組合框)這些控件在工具箱可以找到工具箱。
  點(diǎn)擊選擇label(標(biāo)簽)把他拖到form1窗體里合適的位置,然后在屬性框里找到txet在其后把label1修改為:登錄名,同理再拖2個(gè)標(biāo)簽控件,分明把Text屬性值修改為: 密碼,登錄類型,再在工具箱里拖兩個(gè)textbox到form1窗體合適的位置,同理再拖combobox空間到窗體里,最后實(shí)現(xiàn)如下的效果,如果沒有實(shí)現(xiàn)就在工具箱里看看選擇的控件對不對,別忘了把標(biāo)簽(label)的TEXT屬性值改為漢字,還有buttn 按鈕的控件Text也要改為漢字,即登錄和取消。如果標(biāo)簽(label)有背景顏色,找到backcolor屬性修改為無色,控件的大小自己可以拖動(dòng),設(shè)為自己看著合適美觀的效果,最后修改顯示的效果。
  

ios-login-screen-user-interface-design.png

(圖片來自網(wǎng)絡(luò))


是不是發(fā)現(xiàn)和最上面做好的相比沒有標(biāo)題,我們可以再從工具箱里托一個(gè)label 表填,在Text屬性里輸入:高校學(xué)生管理系統(tǒng), 把文字設(shè)為大一點(diǎn),設(shè)置字體可以找到屬性font 點(diǎn)擊選擇相應(yīng)的大小和字體類型,最后實(shí)現(xiàn)效果:
  界面做好了,點(diǎn)擊軟件的運(yùn)行調(diào)試按鈕看看效果:軟件運(yùn)行按鈕:運(yùn)行后,看看是不是彈出一個(gè)登錄框,但是你點(diǎn)擊登錄是不是沒有反應(yīng),別急,現(xiàn)在還沒有給窗體寫事件,運(yùn)行結(jié)果。
  

vs用戶登錄界面設(shè)計(jì)步驟有哪些?今天小編就給大家介紹這么多了,這些步驟大家都弄明白了吧,大家可以嘗試做做哦。

合作咨詢

上海(總部)

上海市浦東新區(qū)郭守敬路498號(hào)22號(hào)樓
021-61057328
service@faceui.com

辦公地址地圖

北京

北京市東城區(qū)后永康17號(hào)A座
010-64015620
service@faceui.com

辦公地址地圖

成都

四川省成都市錦江區(qū)東大街牛王廟段100號(hào)
028-62790929
service@faceui.com

辦公地址地圖
首頁 | 案例 | 服務(wù) | 關(guān)于 | face+ | 智見

Copyright ? 2009-2022 FaceUI design. All rights reserved


滬ICP備13044459號(hào)-5

上海辦公地點(diǎn)地圖
北京辦公地點(diǎn)地圖
深圳辦公地點(diǎn)地圖
在微信中搜索faceui
或保存二維碼在微信中打開