【移動(dòng)應(yīng)用開(kāi)發(fā)技術(shù)】Android Studio如何實(shí)現(xiàn)簡(jiǎn)單的QQ登錄界面

【移動(dòng)應(yīng)用開(kāi)發(fā)技術(shù)】AndroidStudio如何實(shí)現(xiàn)簡(jiǎn)單的QQ登錄界面？

不懂AndroidStudio如何實(shí)現(xiàn)簡(jiǎn)單的QQ登錄界面？？其實(shí)想解決這個(gè)問(wèn)題也不難，下面讓在下帶著大家一起學(xué)習(xí)怎么去解決，希望大家閱讀完這篇文章后大所收獲。一、項(xiàng)目概述QQ是我們?nèi)粘Ｉ钍褂米疃嗟能浖?，包含登錄界面和進(jìn)入后的聊天界面、好友列表界面和空間動(dòng)態(tài)界面等。登錄界面的制作比較簡(jiǎn)單，主要考驗(yàn)布局的使用，是實(shí)現(xiàn)QQ項(xiàng)目的第一步?，F(xiàn)在APP開(kāi)發(fā)的首要工作都是實(shí)現(xiàn)登錄頁(yè)面，所以學(xué)會(huì)了QQ登錄界面對(duì)以后的軟件開(kāi)發(fā)有著很重要的作用。二、開(kāi)發(fā)環(huán)境三、詳細(xì)設(shè)計(jì)1、頭像設(shè)計(jì)首先在layout文件里面選擇了RelativeLayout（相對(duì)布局）作為整個(gè)頁(yè)面的布局。在頂端放置了一個(gè)ImageView控件，寬度和高度設(shè)置的都是70dp，水平居中設(shè)置為true。然后使頭像在整個(gè)頁(yè)面下調(diào)一點(diǎn)，不要緊貼著頂端，所以layout_marginTop設(shè)置為40dp。最后選擇drawable文件夾中的head文件作為頭像。代碼如下：2、賬號(hào)輸入框利用LinearLayout（線性布局）作為賬號(hào)輸入框的外層布局，orientation設(shè)置的為水平排列。放置了一個(gè)TextView控件，寬度和高度設(shè)置的wrap_content，即適應(yīng)內(nèi)容大小，顯示文本“賬號(hào)”。緊接著放置一個(gè)EditText控件，用于輸入賬號(hào)內(nèi)容，使用layout_toRightOf屬性定位于賬號(hào)的右側(cè)。3、密碼輸入框最外層依舊是LinearLayout（線性布局），整體放置在上一個(gè)LinearLayout的下面，控件排列依然為horizontal（水平）。放置一個(gè)TextView文本顯示框，文本內(nèi)容是“密碼”，文本顏色為黑色，文本大小為20sp。再放置一個(gè)EditText文本輸入框，inputType設(shè)置為textPassword，輸入時(shí)候會(huì)隱藏輸入內(nèi)容，使用***代替。4、登錄按鈕在賬號(hào)密碼框下方放置一個(gè)Button控件，文本內(nèi)容為“登錄”，文本顏色為藍(lán)色。5、按鈕點(diǎn)擊事件在MainActivity里面先聲明了btn這個(gè)變量，并與剛剛設(shè)置的登錄按鈕進(jìn)行綁定。然后使用了setOnClickListener按鈕點(diǎn)擊事件監(jiān)聽(tīng)器，在監(jiān)聽(tīng)器里面聲明了onClick方法，在里面聲明了dialog變量，即顯示對(duì)話框。setTitle（）設(shè)置了對(duì)話框的標(biāo)題為“賬號(hào)或密碼不能為空”，setIcon（）設(shè)置了對(duì)話框標(biāo)題圖標(biāo)，setMessage()設(shè)置對(duì)話框的提示信息為"請(qǐng)輸入賬號(hào)和密碼"。最后添加了"確定"按鈕和“取消”按鈕，點(diǎn)擊按鈕都會(huì)調(diào)用dialog.dismiss()方法關(guān)閉對(duì)話框。四、項(xiàng)目效果1、用模擬器運(yùn)行。2、輸入賬號(hào)不輸入密碼，點(diǎn)擊登錄按鈕會(huì)顯示提醒對(duì)話框。3、輸入賬號(hào)和密碼。五