一，創(chuàng)建一個(gè)新的 Android Studio 項(xiàng)目

????????打開 Android Studio，選擇 "Start a new Android Studio project"，然后填寫應(yīng)用程序名稱、包名和保存路徑等信息。接下來，選擇 "Phone and Tablet" 作為您的設(shè)備類型，然后選擇 "Empty Activity" 作為您的 Activity 模板。

二，打開 activity_main.xml 文件

????????在 Android Studio 中，布局文件用于指定應(yīng)用程序的用戶界面。打開 "res" 文件夾下的 "layout" 文件夾，找到名為 "activity_main.xml" 的文件。

三，添加 ImageView

????????在 RelativeLayout 布局中添加 ImageView 元素，用于顯示 QQ 的標(biāo)志。ImageView 元素具有一個(gè)名為 "src" 的屬性，用于指定應(yīng)用程序?qū)@示的圖像。在此示例中，我們將 "src" 屬性設(shè)置為名為 "qq_logo" 的 drawable 資源。

把這個(gè)命名為qq_logo，然后放在drawable文件夾里面。

<ImageView
    android:id="@+id/logo"
    android:layout_width="150dp"
    android:layout_height="150dp"
    android:layout_marginTop="80dp"
    android:layout_centerHorizontal="true"
    android:src="@drawable/qq_logo" />

四，添加 EditText

????????添加兩個(gè) EditText 元素，用于輸入用戶名和密碼。每個(gè) EditText 元素都有一個(gè)提示文本和一個(gè) padding 屬性，以增加文本的間距。

<EditText
    android:id="@+id/username"
    android:layout_width="280dp"
    android:layout_height="wrap_content"
    android:layout_marginTop="30dp"
    android:layout_below="@+id/logo"
    android:layout_centerHorizontal="true"
    android:hint="用戶名"
    android:padding="10dp"
    android:textSize="16sp" />

<EditText
    android:id="@+id/password"
    android:layout_width="280dp"
    android:layout_height="wrap_content"
    android:layout_marginTop="20dp"
    android:layout_below="@+id/username"
    android:layout_centerHorizontal="true"
    android:hint="密碼"
    android:inputType="textPassword"
    android:padding="10dp"
    android:textSize="16sp" />

五，添加Button

????????添加一個(gè) Button 元素，用于提交登錄信息。Button 元素具有一個(gè)背景顏色、文本和文本顏色屬性

<Button
    android:id="@+id/login_button"
    android:layout_width="280dp"
    android:layout_height="wrap_content"
    android:layout_marginTop="30dp"
    android:layout_below="@+id/password"
    android:layout_centerHorizontal="true"
    android:background="#00bfff"
    android:text="登錄"
    android:textColor="#ffffff"
    android:textSize="16sp" />

? 六，打開 MainActivity.java 文件

????????在 Android Studio 中，Java 文件用于指定應(yīng)用程序的邏輯。打開 "java" 文件夾下的 "MainActivity.java" 文件，并添加以下代碼：

import androidx.appcompat.app.AppCompatActivity;

import android.os.Bundle;
import android.text.TextUtils;
import android.view.View;
import android.widget.Button;
import android.widget.EditText;
import android.widget.Toast;

public class MainActivity extends AppCompatActivity {

    private EditText mUsernameEditText;
    private EditText mPasswordEditText;
    private Button mLoginButton;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        mUsernameEditText = findViewById(R.id.username);
        mPasswordEditText = findViewById(R.id.password);
        mLoginButton = findViewById(R.id.login_button);

        mLoginButton.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                String username = mUsernameEditText.getText().toString().trim();
                String password = mPasswordEditText.getText().toString().trim();

                if (TextUtils.isEmpty(username) || TextUtils.isEmpty(password)) {
                    Toast.makeText(MainActivity.this, "用戶名或密碼不能為空", Toast.LENGTH_SHORT).show();
                } else if (username.equals("admin") && password.equals("123456")) {
                    Toast.makeText(MainActivity.this, "登錄成功", Toast.LENGTH_SHORT).show();
                } else {
                    Toast.makeText(MainActivity.this, "用戶名或密碼不正確", Toast.LENGTH_SHORT).show();
                }
            }
        });
    }
}

在這個(gè) MainActivity.java 文件中，我們首先定義了三個(gè)成員變量，用于引用布局文件中的 EditText 和 Button 控件。

在 onCreate() 方法中，我們使用 findViewById() 方法將這些控件與 XML 中定義的 ID 關(guān)聯(lián)起來。

接下來，我們給登錄按鈕設(shè)置了一個(gè)點(diǎn)擊監(jiān)聽器，當(dāng)用戶點(diǎn)擊該按鈕時(shí)，程序會(huì)獲取用戶名和密碼的輸入文本，并進(jìn)行簡(jiǎn)單的判斷：文章來源地址http://www.zghlxwxcb.cn/news/detail-730507.html

• 如果用戶名或密碼為空，就彈出一個(gè) Toast 提示用戶；
• 如果用戶名和密碼都為 "admin" 和 "123456"，則登錄成功，并彈出一個(gè) Toast 提示用戶；
• 否則，用戶名或密碼不正確，也會(huì)彈出一個(gè) Toast 提示用戶。

?七，完整的 activity_main.xml 文件代碼

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity">

    <ImageView
        android:id="@+id/logo"
        android:layout_width="150dp"
        android:layout_height="150dp"
        android:layout_marginTop="80dp"
        android:layout_centerHorizontal="true"
        android:src="@drawable/qq_logo" />

    <EditText
        android:id="@+id/username"
        android:layout_width="280dp"
        android:layout_height="wrap_content"
        android:layout_marginTop="30dp"
        android:layout_below="@+id/logo"
        android:layout_centerHorizontal="true"
        android:hint="用戶名"
        android:padding="10dp"
        android:textSize="16sp" />

    <EditText
        android:id="@+id/password"
        android:layout_width="280dp"
        android:layout_height="wrap_content"
        android:layout_marginTop="20dp"
        android:layout_below="@+id/username"
        android:layout_centerHorizontal="true"
        android:hint="密碼"
        android:inputType="textPassword"
        android:padding="10dp"
        android:textSize="16sp" />

    <Button
        android:id="@+id/login_button"
        android:layout_width="280dp"
        android:layout_height="wrap_content"
        android:layout_marginTop="30dp"
        android:layout_below="@+id/password"
        android:layout_centerHorizontal="true"
        android:background="#00bfff"
        android:text="登錄"
        android:textColor="#ffffff"
        android:textSize="16sp" />

</RelativeLayout>

到了這里，關(guān)于在 Android Studio 中創(chuàng)建一個(gè)簡(jiǎn)單的 QQ 登錄界面的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！