Android AlertDialog(對話框)實例詳解

Posted on by

AlertDialog可以在當前的界面上顯示一個對話框，這個對話框是置頂於所有界面元素之上的，能夠屏蔽掉其他控件的交互能力，因此AlertDialog一般是用於提示一些非常重要的內容或者警告信息。

1.創建AlertDialog

首先，我們來瞭解一下AlertDialog的大體創建順序。與TextView、Button這些控件稍有不同，AlertDialog並不是初始化（findViewById）之後就直接調用各種方法瞭。仔細想想AlertDialog的使用場景， 它並不像TextView和Button那些控件似的一般都是固定在界面上，而是在某個時機才會觸發出來（比如用戶點擊瞭某個按鈕或者斷網瞭）。所以AlertDialog並不需要到佈局文件中創建，而是在代碼中通過構造器（AlertDialog.Builder）來構造標題、圖標和按鈕等內容的。

    1.創建構造器AlertDialog.Builder的對象；

    2.通過構造器對象調用setTitle、setMessage、setIcon等方法構造對話框的標題、信息和圖標等內容；

    3.根據需要調用setPositive/Negative/NeutralButton()方法設置正面按鈕、負面按鈕和中立按鈕；

    4.調用構造器對象的create方法創建AlertDialog對象；

    5.AlertDialog對象調用show方法，讓對話框在界面上顯示。

註：AlertDialog.Builder自己也有一個show方法，可以顯示對話框，所以上面的第4、第5步可以簡化為一步。

下面，我們就來創建幾種常用的AlertDialog吧。新建一個工程，在activity_main.xml佈局文件上放置五個按鈕，點擊按鈕就會有相應的對話框彈出。

1.1 佈局文件代碼如下：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout 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"
    android:orientation="vertical"
    tools:context="com.fd.alertdialog.MainActivity">
 
    <Button
        android:id="@+id/btn_normal_dialog"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="普通對話框" />
 
    <Button
        android:id="@+id/btn_item_dialog"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="普通列表對話框" />
 
    <Button
        android:id="@+id/btn_single_choice"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="單選對話框" />
 
    <Button
        android:id="@+id/btn_multi_choice"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="復選對話框" />
 
    <Button
        android:id="@+id/btn_custom_dialog"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:text="自定義對話框" />
 
</LinearLayout>

1.2 MainActivity的主要代碼如下所示：

package com.fd.alertdialog;
 
import android.content.DialogInterface;
import android.os.Bundle;
import android.support.v7.app.AlertDialog;
import android.support.v7.app.AppCompatActivity;
import android.text.TextUtils;
import android.util.Log;
import android.view.View;
import android.widget.Button;
import android.widget.EditText;
import android.widget.Toast;
 
import java.util.ArrayList;
import java.util.List;
 
public class MainActivity extends AppCompatActivity implements View.OnClickListener {
    public static String TAG = MainActivity.class.getSimpleName();
    private int chedkedItem = 0;
    private String name;
    private String pwd;
 
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
 
        bindView();
    }
 
    private void bindView() {
        Button btn_normal_dialog = (Button) findViewById(R.id.btn_normal_dialog);
        Button btn_item_dialog = (Button) findViewById(R.id.btn_item_dialog);
        Button btn_single_choice = (Button) findViewById(R.id.btn_single_choice);
        Button btn_multi_choice = (Button) findViewById(R.id.btn_multi_choice);
        Button btn_custom_dialog = (Button) findViewById(R.id.btn_custom_dialog);
        btn_normal_dialog.setOnClickListener(this);
        btn_item_dialog.setOnClickListener(this);
        btn_single_choice.setOnClickListener(this);
        btn_multi_choice.setOnClickListener(this);
        btn_custom_dialog.setOnClickListener(this);
    }
 
    @Override
    public void onClick(View v) {
        switch (v.getId()) {
            case R.id.btn_normal_dialog:
                tipDialog();                //提示對話框
                break;
            case R.id.btn_item_dialog:
                itemListDialog();           //列表對話框
                break;
            case R.id.btn_single_choice:
                singleChoiceDialog();       //單選對話框
                break;
            case R.id.btn_multi_choice: 
                multiChoiceDialog();        //多選對話框
                break;  
            case R.id.btn_custom_dialog:
                customDialog();             //自定義對話框
                break;
            default:
                break;
        }
    }
}

代碼比較簡單，這裡就不做詳細講解瞭。接下來看一下各個對話框的具體代碼。

2.普通提示對話框

提示對話框應該是最常見的AlertDialog瞭，其上主要是提示標題，消息主體，底部“取消”、“確定”等按鈕。

/**
 * 提示對話框
 */
public void tipDialog() {
    AlertDialog.Builder builder = new AlertDialog.Builder(MainActivity.this);
    builder.setTitle("提示：");
    builder.setMessage("這是一個普通對話框，");
    builder.setIcon(R.mipmap.ic_launcher);
    builder.setCancelable(true);            //點擊對話框以外的區域是否讓對話框消失
 
    //設置正面按鈕
    builder.setPositiveButton("確定", new DialogInterface.OnClickListener() {
        @Override
        public void onClick(DialogInterface dialog, int which) {
            Toast.makeText(MainActivity.this, "你點擊瞭確定", Toast.LENGTH_SHORT).show();
            dialog.dismiss();
        }
    });
    //設置反面按鈕
    builder.setNegativeButton("取消", new DialogInterface.OnClickListener() {
        @Override
        public void onClick(DialogInterface dialog, int which) {
            Toast.makeText(MainActivity.this, "你點擊瞭取消", Toast.LENGTH_SHORT).show();
            dialog.dismiss();
        }
    });
    //設置中立按鈕
    builder.setNeutralButton("保密", new DialogInterface.OnClickListener() {
        @Override
        public void onClick(DialogInterface dialog, int which) {
            Toast.makeText(MainActivity.this, "你選擇瞭中立", Toast.LENGTH_SHORT).show();
            dialog.dismiss();
        }
    });
 
 
    AlertDialog dialog = builder.create();      //創建AlertDialog對象
    //對話框顯示的監聽事件
    dialog.setOnShowListener(new DialogInterface.OnShowListener() {
        @Override
        public void onShow(DialogInterface dialog) {
            Log.e(TAG, "對話框顯示瞭");
        }
    });
    //對話框消失的監聽事件
    dialog.setOnCancelListener(new DialogInterface.OnCancelListener() {
        @Override
        public void onCancel(DialogInterface dialog) {
            Log.e(TAG, "對話框消失瞭");
        }
    });
    dialog.show();                              //顯示對話框
}

具體介紹一下用到的方法吧： 

– setTitle：設置對話框的標題，比如“提示”、“警告”等； 

– setMessage：設置對話框要傳達的具體信息； 

– setIcon： 設置對話框的圖標； 

– setCancelable： 點擊對話框以外的區域是否讓對話框消失，默認為true； 

– setPositiveButton：設置正面按鈕，表示“積極”、“確認”的意思，第一個參數為按鈕上顯示的文字，下同； 

– setNegativeButton：設置反面按鈕，表示“消極”、“否認”、“取消”的意思； 

– setNeutralButton：設置中立按鈕； 

– setOnShowListener：對話框顯示時觸發的事件； 

– setOnCancelListener：對話框消失時觸發的事件。

當然，這些設置並不是非要不可，而是根據自己需要而定。比如標題、圖標這些就可要可不要。

效果如下圖所示：

你或許會有這樣的疑問：既然底部那些按鈕的文字和點擊事件的內容都是我們自己來寫的，那不是可以把正面按鈕的內容和反面按鈕的內容互換嗎？看看運行後的效果圖就會發現，反面按鈕是在正面按鈕的左邊的，所以考慮到用戶的操作習慣和代碼的語義，我們最好還是按照API來寫。

3.普通列表對話框

列表對話框的內容就是一列顯示內容，需要用到構造器的setItems方法，參數一是列表數據，參數二是點擊監聽接口，我們要實現這樣一個小功能，用戶在點擊某一項時彈出一個Toast提示選中項的內容。

代碼如下所示：

/**
 * 列表對話框
 */
private void itemListDialog() {
    AlertDialog.Builder builder = new AlertDialog.Builder(MainActivity.this);
    builder.setTitle("選擇你喜歡的課程：");
    builder.setCancelable(true);
    final String[] lesson = new String[]{"語文", "數學", "英語", "化學", "生物", "物理", "體育"};
    builder.setIcon(R.mipmap.ic_launcher);
    builder.setIcon(R.mipmap.tab_better_pressed)
            .setItems(lesson, new DialogInterface.OnClickListener() {
                @Override
                public void onClick(DialogInterface dialog, int which) {
                    Toast.makeText(getApplicationContext(), "你選擇瞭" + lesson[which], Toast.LENGTH_SHORT).show();
                }
            }).create();
    //設置正面按鈕
    builder.setPositiveButton("確定", new DialogInterface.OnClickListener() {
        @Override
        public void onClick(DialogInterface dialog, int which) {
            dialog.dismiss();
        }
    });
    //設置反面按鈕
    builder.setNegativeButton("取消", new DialogInterface.OnClickListener() {
        @Override
        public void onClick(DialogInterface dialog, int which) {
            dialog.dismiss();
        }
    });
    AlertDialog dialog = builder.create();     //創建AlertDialog對象
    dialog.show();                              //顯示對話框
}

運行後的效果如下所示：

4.單選對話框

單選對話框的內容就是一個單項選擇列表，需要用到setSingleChoiceItems方法，參數一是列表數據，參數二是默認選中的item，參數三則是點擊監聽接口，我們要實現這樣一個小功能，用戶在選好某一項之後記下其選擇，下次點開對話框時就默認選中該項。

/**
 * 單選對話框
 */
public void singleChoiceDialog() {
    AlertDialog.Builder builder = new AlertDialog.Builder(MainActivity.this);
 
    builder.setTitle("你現在居住地是：");
    final String[] cities = {"北京", "上海", "廣州", "深圳", "杭州", "天津", "成都"};
 
    builder.setSingleChoiceItems(cities, chedkedItem, new DialogInterface.OnClickListener() {
        @Override
        public void onClick(DialogInterface dialog, int which) {
            Toast.makeText(getApplicationContext(), "你選擇瞭" + cities[which], Toast.LENGTH_SHORT).show();
            chedkedItem = which;
        }
    });
    builder.setPositiveButton("確認", new DialogInterface.OnClickListener() {
        @Override
        public void onClick(DialogInterface dialog, int which) {
            dialog.dismiss();
        }
    });
 
    builder.setNegativeButton("取消", new DialogInterface.OnClickListener() {
        @Override
        public void onClick(DialogInterface dialog, int which) {
            dialog.dismiss();
        }
    });
 
    AlertDialog dialog = builder.create();  //創建AlertDialog對象
    dialog.show();                           //顯示對話框
}

運行後的效果如下所示：

你可能會把checkedItem的賦值放在確定按鈕的點擊事件中，這一看似乎沒什麼問題，但是這樣是錯誤的！仔細閱讀谷歌的API文檔就知道瞭，setSingleChoiceItems 方法中實現的onClick方法中which表示的是當前選中的列表中的item下標，而setPositiveButton和setNegativeButton方法那裡的which表示的卻是按鈕的種類，正面按鈕中的which值是-1，反面按鈕的是-2，與列表的item是沒有關系的。

例子中的保存選中item的方法有問題的，當Activity被銷毀之後重新創建的話數據就會丟失，要想持久化保存的話要用sharedpreferences或者數據庫。

4、復選對話框

復選對話框是一個可以重復選中的列表，與單選對話框有點像，不過調用的是setMultiChoiceItems方法，而且多瞭一個佈爾值參數isChecked，表示當前點擊的item是否被選中。

我們創建一個集合，將點擊選中的item添加到集合中，取消勾選的話就從集合中移除，點擊確認按鈕後就將選中內容顯示出來。

/**
 * 復選對話框
 */
public void multiChoiceDialog() {
    AlertDialog.Builder builder = new AlertDialog.Builder(MainActivity.this);
    builder.setTitle("請選擇你喜歡的顏色：");
    final String[] colors = {"紅色", "橙色", "黃色", "綠色", "藍色", "靛色", "紫色"};
    final List<String> myColors = new ArrayList<>();
 
    builder.setMultiChoiceItems(colors, null, new DialogInterface.OnMultiChoiceClickListener() {
        @Override
        public void onClick(DialogInterface dialog, int which, boolean isChecked) {
            if (isChecked) {
                myColors.add(colors[which]);
            } else {
                myColors.remove(colors[which]);
            }
        }
    });
 
    builder.setPositiveButton("確認", new DialogInterface.OnClickListener() {
        @Override
        public void onClick(DialogInterface dialog, int which) {
            String result = "";
            for (String color : myColors) {
                result += color + "、";
            }
            Toast.makeText(getApplicationContext(), "你選擇瞭: " + result, Toast.LENGTH_SHORT).show();
            dialog.dismiss();
        }
    });
 
    builder.setNegativeButton("取消", new DialogInterface.OnClickListener() {
        @Override
        public void onClick(DialogInterface dialog, int which) {
            myColors.clear();
            dialog.dismiss();
        }
    });
    AlertDialog dialog = builder.create();      //創建AlertDialog對象
    dialog.show();                               //顯示對話框
}

運行後效果圖如下所示：

6、自定義登錄對話框

有時候，隻顯示簡單的標題和信息是滿足不瞭我們的要求，比如我們要實現一個登錄對話框的話，那就需要在對話框上放置EditText輸入框瞭。AlertDialog早就為我們準備好瞭setView方法，隻要往裡面放進我們需要的對話框的View對象就可以瞭。

6.1自定義登錄對話框的佈局文件

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">
 
    <TextView
        android:id="@+id/textView"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="#169ee5"
        android:gravity="center"
        android:text="請先登錄"
        android:textColor="@android:color/white"
        android:textSize="20sp" />
 
    <EditText
        android:id="@+id/et_name"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:hint="請輸入你的賬戶名："
        android:textSize="18sp" />
 
    <EditText
        android:id="@+id/et_pwd"
        android:inputType="textPassword"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:hint="請輸入密碼:"
        android:textSize="18sp" />
 
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginBottom="5dp"
        android:orientation="horizontal"
        android:paddingLeft="5dp"
        android:paddingRight="5dp">
 
        <Button
            android:id="@+id/btn_cancel"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginRight="10dp"
            android:layout_weight="1"
            android:background="#169ee5"
            android:text="取消"
            android:textColor="@android:color/white"
            android:textSize="16sp" />
 
        <Button
            android:id="@+id/btn_login"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:background="#169ee5"
            android:text="登錄"
            android:textColor="@android:color/white"
            android:textSize="16sp" />
    </LinearLayout>
</LinearLayout>

6.2 自定義對話框的代碼邏輯

setView方法是通過AlertDialog的對象調用的，所以這裡的代碼順序會稍有不同：我們要先創建AlertDialog對象和View對象，然後再去初始化對話框中的控件。

/**
 * 自定義登錄對話框
 */
public void customDialog() {
    AlertDialog.Builder builder = new AlertDialog.Builder(MainActivity.this);
    final AlertDialog dialog = builder.create();
    View dialogView = View.inflate(MainActivity.this, R.layout.activity_custom, null);
    dialog.setView(dialogView);
    dialog.show();
 
    final EditText et_name = dialogView.findViewById(R.id.et_name);
    final EditText et_pwd = dialogView.findViewById(R.id.et_pwd);
 
    final Button btn_login = dialogView.findViewById(R.id.btn_login);
    final Button btn_cancel = dialogView.findViewById(R.id.btn_cancel);
 
    btn_login.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View view) {
            name = et_name.getText().toString();
            pwd = et_pwd.getText().toString();
            if (TextUtils.isEmpty(name) || TextUtils.isEmpty(pwd)) {
                Toast.makeText(MainActivity.this, "用戶名或密碼不能為空!", Toast.LENGTH_SHORT).show();
                return;
            }
            Toast.makeText(MainActivity.this, "用戶名：" + name + "\n" + "用戶密碼：" + pwd, Toast.LENGTH_SHORT).show();
            dialog.dismiss();
        }
    });
 
    btn_cancel.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View view) {
            dialog.dismiss();
        }
    });
}

運行後的效果圖如下所示：

7.自定義對話框需要註意問題

7.1 系統dialog的寬度默認是固定的，即使你自定義佈局怎麼修改寬度也不起作用，高度可根據佈局自動調節。如果想修改彈出窗體大小，可以使用下面這段代碼來實現改變對話框的寬高。這段代碼必須在dialog.show()方法之後調用才有效。

//此處設置位置窗體大小，
dialog.getWindow().setLayout(width,height);

創建新的佈局文件activity_layout.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">
 
    <TextView
        android:id="@+id/textView"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="#169ee5"
        android:gravity="center"
        android:text="請先登錄"
        android:textColor="@android:color/white"
        android:textSize="20sp" />
    <TextView
        android:id="@+id/textView4"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="#169ee5"
        android:gravity="center"
        android:text="請先登錄"
        android:textColor="@android:color/white"
        android:textSize="20sp" />
    <TextView
        android:id="@+id/textView3"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="#169ee5"
        android:gravity="center"
        android:text="請先登錄"
        android:textColor="@android:color/white"
        android:textSize="20sp" />
    <TextView
        android:id="@+id/textView2"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="#169ee5"
        android:gravity="center"
        android:text="請先登錄"
        android:textColor="@android:color/white"
        android:textSize="20sp" />
    <TextView
        android:id="@+id/textView1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="#169ee5"
        android:gravity="center"
        android:text="請先登錄"
        android:textColor="@android:color/white"
        android:textSize="20sp" />
 
    <EditText
        android:id="@+id/et_name"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:hint="請輸入你的賬戶名："
        android:textSize="18sp" />
 
    <EditText
        android:id="@+id/et_pwd"
        android:inputType="textPassword"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:hint="請輸入密碼:"
        android:textSize="18sp" />
 
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginBottom="5dp"
        android:orientation="horizontal"
        android:paddingLeft="5dp"
        android:paddingRight="5dp">
 
        <Button
            android:id="@+id/btn_cancel"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginRight="10dp"
            android:layout_weight="1"
            android:background="#169ee5"
            android:text="取消"
            android:textColor="@android:color/white"
            android:textSize="16sp" />
 
        <Button
            android:id="@+id/btn_login"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:background="#169ee5"
            android:text="登錄"
            android:textColor="@android:color/white"
            android:textSize="16sp" />
    </LinearLayout>
</LinearLayout>

代碼邏輯和6.2的代碼邏輯差不多，隻是多瞭設置對話框寬度的調用 。

/**
 * 修改對話框顯示的寬度
 */
public void customDialogDisplay() {
    AlertDialog.Builder builder = new AlertDialog.Builder(MainActivity.this);
    final AlertDialog dialog = builder.create();
    View dialogView = View.inflate(MainActivity.this, R.layout.activity_layout, null);
    dialog.setView(dialogView);
    dialog.show();
    dialog.getWindow().setLayout(ScreenUtils.getScreenWidth(this)/4*3, LinearLayout.LayoutParams.WRAP_CONTENT);
 
    final EditText et_name = dialogView.findViewById(R.id.et_name);
    final EditText et_pwd = dialogView.findViewById(R.id.et_pwd);
 
    final Button btn_login = dialogView.findViewById(R.id.btn_login);
    final Button btn_cancel = dialogView.findViewById(R.id.btn_cancel);
 
    btn_login.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View view) {
            name = et_name.getText().toString();
            pwd = et_pwd.getText().toString();
            if (TextUtils.isEmpty(name) || TextUtils.isEmpty(pwd)) {
                Toast.makeText(MainActivity.this, "用戶名或密碼不能為空!", Toast.LENGTH_SHORT).show();
                return;
            }
            Toast.makeText(MainActivity.this, "用戶名：" + name + "\n" + "用戶密碼：" + pwd, Toast.LENGTH_SHORT).show();
            dialog.dismiss();
        }
    });
 
    btn_cancel.setOnClickListener(new View.OnClickListener() {
        @Override
        public void onClick(View view) {
            dialog.dismiss();
        }
    });
 
}

ScreenUtils工具類代碼

public class ScreenUtils {
 
    /**
     * 獲取屏幕高度(px)
     */
    public static int getScreenHeight(Context context) {
        return context.getResources().getDisplayMetrics().heightPixels;
    }
    /**
     * 獲取屏幕寬度(px)
     */
    public static int getScreenWidth(Context context) {
        return context.getResources().getDisplayMetrics().widthPixels;
    }
 
}

效果圖：

7.2 改變Android Dialog彈出後的Activity背景亮度：

在代碼中修改.lp.alpha大小，值的大小可根據自己要求設置。

// 設置屏幕背景變暗
private void setScreenBgDarken() {
    WindowManager.LayoutParams lp = getWindow().getAttributes();
    lp.alpha = 0.5f;
    lp.dimAmount = 0.5f;
    getWindow().setAttributes(lp);
}
// 設置屏幕背景變亮
private void setScreenBgLight() {
        WindowManager.LayoutParams lp = getWindow().getAttributes();
    lp.alpha = 1.0f;
    lp.dimAmount = 1.0f;
    getWindow().setAttributes(lp);
}

7.3 如何控制彈窗彈出的位置：

一般都是在屏幕正中間彈出默認，但也可以控制從別的地方彈出，比如從底部彈出，可以這樣寫

private void popFromBottom(Dialog dialog) {
    Window win = dialog.getWindow();
    win.setGravity(Gravity.BOTTOM);   // 這裡控制彈出的位置
    win.getDecorView().setPadding(0, 0, 0, 0);
    WindowManager.LayoutParams lp = win.getAttributes();
    lp.width = WindowManager.LayoutParams.MATCH_PARENT;
    lp.height = WindowManager.LayoutParams.WRAP_CONTENT;
    dialog.getWindow().setBackgroundDrawable(null);
    win.setAttributes(lp);
}

8.代碼下載地址

https://github.com/streate/AlertDialogDemo

總結

到此這篇關於Android AlertDialog(對話框)的文章就介紹到這瞭,更多相關Android AlertDialog(對話框)詳解內容請搜索WalkonNet以前的文章或繼續瀏覽下面的相關文章希望大傢以後多多支持WalkonNet！

推薦閱讀：