溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》
您好，登錄后才能下訂單哦！
不懂Android Studio如何實現(xiàn)簡單的QQ登錄界面？？其實想解決這個問題也不難，下面讓小編帶著大家一起學習怎么去解決，希望大家閱讀完這篇文章后大所收獲。
一、項目概述
QQ是我們?nèi)粘Ｉ钍褂米疃嗟能浖?，包含登錄界面和進入后的聊天界面、好友列表界面和空間動態(tài)界面等。登錄界面的制作比較簡單，主要考驗布局的使用，是實現(xiàn)QQ項目的第一步?，F(xiàn)在APP開發(fā)的首要工作都是實現(xiàn)登錄頁面，所以學會了QQ登錄界面對以后的軟件開發(fā)有著很重要的作用。
二、開發(fā)環(huán)境
三、詳細設(shè)計
1、頭像設(shè)計
首先在layout文件里面選擇了RelativeLayout（相對布局）作為整個頁面的布局。
在頂端放置了一個ImageView控件，寬度和高度設(shè)置的都是70dp，水平居中設(shè)置為true。
然后使頭像在整個頁面下調(diào)一點，不要緊貼著頂端，所以layout_marginTop設(shè)置為40dp。
最后選擇drawable文件夾中的head文件作為頭像。代碼如下：
<ImageView
android:id='@+id/iv'
android:layout_width="70dp"
android:layout_height="70dp"
android:layout_centerHorizontal="true"
android:layout_marginTop="40dp"
android:background="@drawable/head"/>2、賬號輸入框
利用LinearLayout（線性布局）作為賬號輸入框的外層布局，orientation設(shè)置的為水平排列。
放置了一個TextView控件，寬度和高度設(shè)置的wrap_content，即適應內(nèi)容大小，顯示文本“賬號”。
緊接著放置一個EditText控件，用于輸入賬號內(nèi)容，使用layout_toRightOf屬性定位于賬號的右側(cè)。
<LinearLayout
android:id="@+id/number_11"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_below="@id/iv"
android:layout_centerVertical="true"
android:layout_marginBottom="5dp"
android:layout_marginLeft="10dp"
android:layout_marginRight="10dp"
android:layout_marginTop="15dp"
android:background="#ffffff"
android:orientation="horizontal">
<TextView
android:id="@+id/tv_number"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:padding="10dp"
android:text="賬號:"
android:textColor="#000"
android:textSize="20sp" />
<EditText
android:id="@+id/et_number"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_toRightOf="@id/tv_number"
android:layout_marginLeft="5dp"
android:background="@null"
android:inputType="text"
android:padding="10dp" />
</LinearLayout>3、密碼輸入框
最外層依舊是LinearLayout（線性布局），整體放置在上一個LinearLayout的下面，控件排列依然為horizontal（水平）。
放置一個TextView文本顯示框，文本內(nèi)容是“密碼”，文本顏色為黑色，文本大小為20sp。
再放置一個EditText文本輸入框，inputType設(shè)置為textPassword，輸入時候會隱藏輸入內(nèi)容，使用*** 代替。
<LinearLayout
android:id="@+id/password_11"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_below="@+id/number_11"
android:layout_centerVertical="true"
android:layout_marginLeft="10dp"
android:layout_marginRight="10dp"
android:background="#ffffff"
android:orientation="horizontal">
<TextView
android:id="@+id/tv_password"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:padding="10dp"
android:text="密碼:"
android:textColor="#000"
android:textSize="20sp" />
<EditText
android:id="@+id/et_password"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginLeft="5dp"
android:layout_toRightOf="@id/tv_password"
android:background="@null"
android:inputType="textPassword"
android:padding="10dp"/>
</LinearLayout>4、登錄按鈕
在賬號密碼框下方放置一個Button控件，文本內(nèi)容為“登錄”，文本顏色為藍色。
<Button
android:id="@+id/btn_login"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginTop="38dp"
android:background="#3C8DC4"
android:text="登錄"
android:textColor="#ffffff"
android:textSize="20sp"
android:layout_below="@+id/password_11"
android:layout_alignParentLeft="true"
android:layout_alignParentStart="true"/>5、按鈕點擊事件
在MainActivity里面先聲明了btn這個變量，并與剛剛設(shè)置的登錄按鈕進行綁定。
然后使用了setOnClickListener按鈕點擊事件監(jiān)聽器，在監(jiān)聽器里面聲明了onClick方法，在里面聲明了dialog變量，即顯示對話框。
setTitle（ ）設(shè)置了對話框的標題為“賬號或密碼不能為空”，setIcon（ ）設(shè)置了對話框標題圖標，setMessage( )設(shè)置對話框的提示信息為"請輸入賬號和密碼" 。
最后添加了"確定"按鈕和“取消”按鈕，點擊按鈕都會調(diào)用dialog.dismiss()方法關(guān)閉對話框。
public class MainActivity extends AppCompatActivity {
public Button btn;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
btn = (Button) findViewById(R.id.btn_login);//綁定登錄按鈕
btn.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
android.app.AlertDialog dialog;
android.app.AlertDialog.Builder builder = new AlertDialog.Builder(MainActivity.this)
.setTitle("賬號或密碼不能為空") //設(shè)置對話框的標題
.setIcon(R.mipmap.ic_launcher) //設(shè)置對話框標題圖標
.setMessage("請輸入賬號和密碼") //設(shè)置對話框的提示信息
//添加"確定"按鈕
.setPositiveButton("確定", new DialogInterface.OnClickListener() {
@Override
public void onClick(DialogInterface dialog, int which) {
dialog.dismiss(); //關(guān)閉對話框
MainActivity.this.finish(); //關(guān)閉MainActivity
}
})
//添加“取消”按鈕
.setNegativeButton("取消", new DialogInterface.OnClickListener() {
@Override
public void onClick(DialogInterface dialog, int which) {
dialog.dismiss(); //關(guān)閉對話框
}
});
dialog = builder.create();
dialog.show();
}
});
}
}四、項目效果
1、用模擬器運行。
2、輸入賬號不輸入密碼，點擊登錄按鈕會顯示提醒對話框。
3、輸入賬號和密碼。
五、項目總結(jié)
本次項目屬于比較基礎(chǔ)的內(nèi)容，希望初學者通過這次項目熟練掌握界面布局和控件的使用，為以后的項目開發(fā)打下堅實的基礎(chǔ)。
感謝你能夠認真閱讀完這篇文章，希望小編分享Android Studio如何實現(xiàn)簡單的QQ登錄界面？內(nèi)容對大家有幫助，同時也希望大家多多支持億速云，關(guān)注億速云行業(yè)資訊頻道，遇到問題就找億速云，詳細的解決方法等著你來學習!
免責聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進行舉報，并提供相關(guān)證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權(quán)內(nèi)容。
億速云公眾號
手機網(wǎng)站二維碼