android 開發 實現一個自定義布局的AlertDialog對話框


   對話框有很多實現方法,最常見的是在一個點擊事件中代碼直接寫出對話框。如下:

package com.example.lenovo.mydemo2;

import android.content.DialogInterface;
import android.support.v7.app.AlertDialog;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;

public class MainActivity extends AppCompatActivity {
    private Button mButton;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        mButton = (Button)findViewById(R.id.button1);
        mButton.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                AlertDialog.Builder dialog = new AlertDialog.Builder(MainActivity.this);
                //對話框標題設置
                dialog.setTitle("這個是標題");
                //對話框內容設置
                dialog.setMessage("這個是內容");
                //對話框設置不可以用Back鍵退出
                dialog.setCancelable(false);
               // dialog.clone()
                /*
                三種Button
                Positive Button  正面按鍵
                Negative Button  負面按鍵
                Neutral Button   中性按鍵
                 */
                dialog.setPositiveButton("確定", new DialogInterface.OnClickListener() {
                    @Override
                    public void onClick(DialogInterface dialog, int which) {
                        //關閉對話框
                        dialog.dismiss();
                    }
                });
                dialog.setNegativeButton("取消", new DialogInterface.OnClickListener() {
                    @Override
                    public void onClick(DialogInterface dialog, int which) {
                        //關閉對話框
                        dialog.dismiss();

                    }
                });
                dialog.setNeutralButton("忽略", new DialogInterface.OnClickListener() {
                    @Override
                    public void onClick(DialogInterface dialog, int which) {
                        dialog.dismiss();
       :             }
                });
                //不要忘記了給對話框添加顯示。
                dialog.show();
            }
        });
    }
}

運行效果:



以上就是直接在代碼上實現對話框,但是這樣實現對話框有一個缺點,那就是真心不好看,在實際項目中對話框與項目的主題不配套,所以我們就需要自定義實現對話框布局了:

1.我們首先需要寫一個在對話框后點擊效果的背景布局圖片:

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item
        android:state_pressed="false">
        <color android:color="@color/colorWhite"/>
    </item>
    <item
        android:state_pressed="true">
        <color android:color="@color/colorWhiteGray"/>
    </item>
</selector>

2.然后需要寫一個用於對話框的布局:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="wrap_content">
    <LinearLayout
        android:orientation="vertical"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:padding="10dp">
    <LinearLayout
        android:orientation="horizontal"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="10dp">
        <ImageView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/ic_woman_default"/>
         <TextView
             android:layout_width="match_parent"
             android:layout_height="wrap_content"
             android:text="選擇添加方式"
             android:textSize="@dimen/BigTextSize"
             android:textColor="@color/colorBlue"
             android:layout_gravity="center"
             android:layout_marginLeft="10dp"/>
    </LinearLayout>
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="1px"
        android:background="@color/colorBlue"
        android:layout_margin="10dp">
    </LinearLayout>
     <LinearLayout
         android:id="@+id/PersonalDataModification_Dialog_CameraButton"
         android:orientation="horizontal"
         android:layout_width="match_parent"
         android:layout_height="wrap_content"
         android:background="@drawable/button_background_white_change_gray">
         <ImageView
             android:layout_width="wrap_content"
             android:layout_height="wrap_content"
             android:src="@mipmap/ic_camera"/>
         <TextView
             android:layout_width="wrap_content"
             android:layout_height="wrap_content"
             android:text="拍攝照片"
             android:textSize="@dimen/BigTextSize"
             android:textColor="@color/colorBlue"
             android:layout_gravity="center"
             android:layout_marginLeft="20dp"
             />
     </LinearLayout>
        <LinearLayout
            android:id="@+id/PersonalDataModification_Dialog_GalleryButton"
            android:orientation="horizontal"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:background="@drawable/button_background_white_change_gray">
            <ImageView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:src="@mipmap/ic_gallery"/>
            <TextView
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:text="在相冊中選擇"
                android:textColor="@color/colorBlue"
                android:textSize="@dimen/BigTextSize"
                android:layout_gravity="center"
                android:layout_marginLeft="20dp"/>
        </LinearLayout>
    </LinearLayout>

</LinearLayout>

效果圖:


3.下面是實現對話框的Java代碼部分:

   public void dialogueBox(){
        AlertDialog.Builder dialog = new AlertDialog.Builder(PersonalDataModification.this);
        View view = LayoutInflater.from(this.getBaseContext()).inflate(R.layout.dialog_layout,null,false);
        dialog.setView(view);
        mDialog_CameraButton = (LinearLayout)view.findViewById(R.id.PersonalDataModification_Dialog_CameraButton);
        mDialog_GalleryButton = (LinearLayout)view.findViewById(R.id.PersonalDataModification_Dialog_GalleryButton);
        mDialog_CameraButton.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                Toast.makeText(PersonalDataModification.this,"點了進入相機",Toast.LENGTH_SHORT).show();
            }
        });
        mDialog_GalleryButton.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                Toast.makeText(PersonalDataModification.this,"點了進入相冊",Toast.LENGTH_SHORT).show();
            }
        });
        dialog.show();
    }

將上面的方法添加到一個點擊事件中,就可以實現對話框了。下面我們來看看運行效果:



免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM