2. 程式人生 > >Android 自定義AlertDialog

Android 自定義AlertDialog

阿新 • • 發佈：2018-11-12

這幾天看了一些關於Android UI的文件，看到這個控制元件的時候感覺，怎麼會有這麼醜，這麼難用的元件，不就是一個Alert嗎？好在這個元件給我們提供了一個可以將這個元件蓋頭換面的Api，便是setView，那就以重寫這個元件為核心對AlertDialog進行重寫吧，這裡我們實驗一種最常用的使用場景，先把實現效果貼圖吧

仿照IPhone做的效果，喬幫主的產品確實簡潔美觀

首先我們先來定義一下介面中的幾個引數

// 控制元件
private TextView tv_alertdialog_message_title, tv_alertdialog_message_message;
private
 
 Button btnPositive, btnNegative;
//  傳遞引數
private String title, message;
private String positiveText = "確定", negativeText = "取消";

說白了就是四個元件，接下來是繫結的事件了

// 定義確定、取消事件
public interface AlertDialogMessageListener {
    void positiveClick();
    void negativeClick();
}
// 定義一個介面物件，供呼叫者例項化
private AlertDialogMessageListener alertListener;

public
 
 AlertDialogMessageListener getAlertListener() {
    return alertListener;
}

接下來我們繪製一下我們自定義的介面

public void setAlertView() {
    // 佈局
    View view = (LinearLayout) LayoutInflater.from(getContext()).inflate(R.layout.alertdialog_message, null);
    // 標題
    tv_alertdialog_message_title = view.findViewById
 
(R.id.tv_alertdialog_message_title);
    tv_alertdialog_message_title.setText(title);
    // 資訊
    tv_alertdialog_message_message = view.findViewById(R.id.tv_alertdialog_message_message);
    tv_alertdialog_message_message.setText(message);
    // Positive 按鈕
    btnPositive = view.findViewById(R.id.bt_alertdialog_message_positive);
    btnPositive.setText(positiveText);
    btnPositive.setOnClickListener(this);
    // Negative 按鈕
    btnNegative = view.findViewById(R.id.bt_alertdialog_message_negative);
    btnNegative.setText(negativeText);
    btnNegative.setOnClickListener(this);
    // 透明背景
    Window window = getWindow();
    window.setBackgroundDrawable(new ColorDrawable(Color.TRANSPARENT));
    setView(view);
}

細心的同學發現，我在最後直接呼叫了setView()

核心程式碼已經完成接一下我們繼續優化，正如我們大家知道的那樣，除了setView()，我們還需要按照順序，依次執行 setCancelable()、setView()（必須在create之前執行）、create()、最後才能show()，那我們何不借助方法重寫將他們全部整合起來，這樣我們在呼叫的時候就簡潔很多了，如下

 @Override
 protected void onCreate(Bundle savedInstanceState) {
     // 配置自定義View（必須在onCreate之前，否則載入失敗）
     setAlertView();
     super.onCreate(savedInstanceState);
 }

@Override
public void show() {
    // 在Show方法中直接呼叫
    setCancelable(false);
    create();
    super.show();

    // 設定 AlertDialog的 寬高和位置
    Window dialogWindow = getWindow();
    WindowManager.LayoutParams layoutParams = dialogWindow.getAttributes();
    dialogWindow.setGravity(Gravity.CENTER);
    layoutParams.width = (int) (new Metrics(getContext()).screenWidth() * 0.75);
    // 當Window的Attributes改變時系統會呼叫此函式,可以直接呼叫以應用上面對視窗引數的更改,也可以用setAttributes
    dialogWindow.setAttributes(layoutParams);
}

@Override
public void onClick(View view) {
    switch (view.getId()) {
        case R.id.bt_alertdialog_message_positive:
            if (alertListener != null) {
                getAlertListener().positiveClick();
            }
            dismiss();
            break;
        case R.id.bt_alertdialog_message_negative:
            if (alertListener != null) {
                getAlertListener().negativeClick();
            }
            dismiss();
            break;
        default:
            break;
    }
}

這樣封裝之後我們是這樣用的

//  alertDialogMessage = new AlertDialogMessage(this, "這是Component 元件", "名字為：AlertDialogMessage");
alertDialogMessage = new AlertDialogMessage(this, "這是Component 元件", "名字為：AlertDialogMessage", "走了哦", "留下吧");
alertDialogMessage.setAlertListener(this);
alertDialogMessage.show();

是不是很簡潔

對了，把遇到的問題給大家同步一下，遇到的話有個參考

1、設定圓角之後，四個角是白色填充色，解決方案如下：

// 透明背景
getWindow().setBackgroundDrawable(new ColorDrawable(Color.TRANSPARENT));

2、無法改變彈出框的寬高，解決方案如下：

// 設定 AlertDialog的 寬高和位置
Window dialogWindow = getWindow();
WindowManager.LayoutParams layoutParams = dialogWindow.getAttributes();
dialogWindow.setGravity(Gravity.CENTER);
layoutParams.width = (int) (new Metrics(getContext()).screenWidth() * 0.75);
// 當Window的Attributes改變時系統會呼叫此函式,可以直接呼叫以應用上面對視窗引數的更改,也可以用setAttributes
dialogWindow.setAttributes(layoutParams);

避免大家對有些地方產生誤解，我把這個元件的封裝程式碼全部貼出來吧

package com.mengft.mengft_ui.Compenent;

import android.app.AlertDialog;
import android.content.Context;
import android.graphics.Color;
import android.graphics.drawable.ColorDrawable;
import android.os.Bundle;
import android.view.Gravity;
import android.view.LayoutInflater;
import android.view.View;
import android.view.Window;
import android.view.WindowManager;
import android.widget.Button;
import android.widget.LinearLayout;
import android.widget.TextView;

import com.mengft.mengft_ui.R;
import com.mengft.mengft_ui.Utils.Metrics;

/**
 * Created by mengft on 2018/6/8.
 */

public class AlertDialogMessage extends AlertDialog implements View.OnClickListener {

    // 控制元件
    private TextView tv_alertdialog_message_title, tv_alertdialog_message_message;
    private Button btnPositive, btnNegative;
    //  傳遞引數
    private String title, message;
    private String positiveText = "確定", negativeText = "取消";
    // 定義確定、取消事件
    public interface AlertDialogMessageListener {
        void positiveClick();
        void negativeClick();
    }
    // 定義一個介面物件，供呼叫者例項化
    private AlertDialogMessageListener alertListener;

    public AlertDialogMessageListener getAlertListener() {
        return alertListener;
    }

    public void setAlertListener(AlertDialogMessageListener alertListener) {
        this.alertListener = alertListener;
    }

    // 傳遞Header引數
    public AlertDialogMessage(Context context, String title, String message) {
        super(context);
        this.title = title;
        this.message = message;
    }

    // 傳遞Header、Button引數
    public AlertDialogMessage(Context context, String title, String message, String positiveText, String negativeText) {
        super(context);
        this.title = title;
        this.message = message;
        this.positiveText = positiveText;
        this.negativeText = negativeText;
    }

    /**
     * 配置自定義 View
     */
    public void setAlertView() {
        // 佈局
        View view = (LinearLayout) LayoutInflater.from(getContext()).inflate(R.layout.alertdialog_message, null);
        // 標題
        tv_alertdialog_message_title = view.findViewById(R.id.tv_alertdialog_message_title);
        tv_alertdialog_message_title.setText(title);
        // 資訊
        tv_alertdialog_message_message = view.findViewById(R.id.tv_alertdialog_message_message);
        tv_alertdialog_message_message.setText(message);
        // Positive 按鈕
        btnPositive = view.findViewById(R.id.bt_alertdialog_message_positive);
        btnPositive.setText(positiveText);
        btnPositive.setOnClickListener(this);
        // Negative 按鈕
        btnNegative = view.findViewById(R.id.bt_alertdialog_message_negative);
        btnNegative.setText(negativeText);
        btnNegative.setOnClickListener(this);
        // 透明背景
        getWindow().setBackgroundDrawable(new ColorDrawable(Color.TRANSPARENT));
        setView(view);
    }

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        // 配置自定義View（必須在onCreate之前，否則載入失敗）
        setAlertView();
        super.onCreate(savedInstanceState);
    }

    @Override
    public void show() {
        // 在Show方法中直接呼叫
        setCancelable(false);
        create();
        super.show();

        // 設定 AlertDialog的 寬高和位置
        Window dialogWindow = getWindow();
        WindowManager.LayoutParams layoutParams = dialogWindow.getAttributes();
        dialogWindow.setGravity(Gravity.CENTER);
        layoutParams.width = (int) (new Metrics(getContext()).screenWidth() * 0.75);
        // 當Window的Attributes改變時系統會呼叫此函式,可以直接呼叫以應用上面對視窗引數的更改,也可以用setAttributes
        dialogWindow.setAttributes(layoutParams);
    }

    @Override
    public void onClick(View view) {
        switch (view.getId()) {
            case R.id.bt_alertdialog_message_positive:
                if (alertListener != null) {
                    getAlertListener().positiveClick();
                }
                dismiss();
                break;
            case R.id.bt_alertdialog_message_negative:
                if (alertListener != null) {
                    getAlertListener().negativeClick();
                }
                dismiss();
                break;
            default:
                break;
        }
    }
}

相關推薦

Android 自定義AlertDialog

這幾天看了一些關於Android UI的文件，看到這個控制元件的時候感覺，怎麼會有這麼醜，這麼難用的元件，不就是一個Alert嗎？好在這個元件給我們提供了一個可以將這個元件蓋頭換面的Api，便是setView，那就以重寫這個元件為核心對AlertDialog進行重寫吧，這裡我們實驗一種最

Android 自定義AlertDialog--備忘

我們可以通過繼承原生的Dialog來實現自定義的Dialog。 本文的自定義Dialog和原生的AlertDialog的建立方式類似，通過一個靜態Builder類來設定Dialog的圖示、標題、內容和按鈕。 佈局檔案程式碼： （注意這裡的根佈局的寬高如果用match_parent或者設定為具體的數值都和

Android 自定義AlertDialog 去黑邊終極解決方案（親測有效！）

問題：自定義AlertDialog出現黑邊 執行程式碼段： View view = View.inflate(context, R.layout.dialog_common, null);

Android自定義AlertDialog對話方塊並回傳Activity引數

需求 開發過程總會想要自己設計的對話方塊，有時候還需要在activity獲取對話方塊的一些操作結果。 思路 1.自定義對話方塊，並繼承AlertDialog 2.在自定義對話方塊中，定義一個介面，並宣告一個方法，將操作結果作為方法引數 3.在act

Android 自定義AlertDialog提交表單

Android在前端的設計中，有些時候我們需要提交一些資料或表單的時候，由於資料量不是很大，我們沒有必要建立一個全新的Activity來提交很少的資料，這樣會顯得很單調，也浪費資源，其實不只是Android中這樣，網頁設計也會大量利用彈窗式對話方塊來提交一些資料。這個時候我

自定義AlertDialog在android-7.0上距離螢幕邊界margin無法消除問題

專案中用到拍照選擇圖片功能，選擇圖片彈窗用的是自定義AlertDialog。這個沒什麼難度。UI要求 對話方塊寬度鋪滿，底部在螢幕底部，無margin和padding。這個是實現起來挺簡單的。想著佈局裡邊不加margin和padding不久ok了        但是在自己手

Android 自定義控件之繼承ViewGroup創建新容器

多個 osi count() arc ron min ole tro 定位 歡迎大家來學習本節內容，前幾節我們已經學習了其他幾種自定義控件，分別是Andriod 自定義控件之音頻條及 Andriod 自定義控件之創建可以復用的組合控件還沒有學習的同學請先去學習下，因為本節將

Android自定義相機超詳細講解

了解 catch 實現 4.4 required form 需要 eset 自己 Android自定義相機超詳細講解 轉載請標明出處： http://blog.csdn.net/vinicolor/article/details/49642861； 由於網上關於Andr

Android 自定義View

wid declare created odi lex getwidth 實現 tdi led 　　最近在看鴻洋大神的博客，在看到自定義部分View部分時，想到之前案子中經常會要用到"圖片 + 文字"這類控件，如下圖所示： 之前的做法是在布局文件中，將一個Imag

Android 自定義控件之 日期選擇控件

gin pri 選中 att files ger bottom null count() 效果如下: 調用的代碼: @OnClick(R.id.btn0) public void btn0() { final AlertDialog dialog

android 自定義控件之簡單的loading框

void stroke color mat pri htm img 溫習 時機 　　好吧，久不動android，感覺自己已經快是條鹹魚了，趁著這周的開發任務已完成，下周的開發計劃未下來之際，來溫習一下android的自定義控件，於是就有了下面這個醜陋的玩意 　　 　　實現起

aNDROID自定義進度條顏色

定義 hao123 自定義進度條 com list andro 顏色 androi baidu DIaLOGFRaGMENT%E9%97%AE%E9%A2%98%E6%B1%82%E8%A7%A3 http://music.baidu.com/songlist/49564

aNDROID自定義長點擊事件

list android aid 點擊事件 .com baidu andro oid lis %E6%8E%A8%E8%8D%90%E6%9A%82%E6%97%B6%E4%B8%8D%E8%A6%81%E5%8D%87%E7%BA%A7aDT22 http://musi

Android自定義view詳解

this boolean mar 處理 都是 並且 jdk text 命名 從繼承開始 懂點面向對象語言知識的都知道：封裝，繼承和多態，這是面向對象的三個基本特征，所以在自定義View的時候，最簡單的方法就是繼承現有的View 通過上面這段代碼，我定義了一個Ske

Android -- 自定義view實現keep歡迎頁倒計時效果

super onfinish -m use new getc awt ttr alt 1，最近打開keep的app的時候，發現它的歡迎頁面的倒計時效果還不錯，所以打算自己來寫寫，然後就有了這篇文章。 2，還是老規矩，先看一下我們今天實現的效果 　　相較於我們常見的倒計時

Android自定義View效果目錄

class 重寫 自定義 textview 居中 url 冒泡 and 雷達圖 1、絢麗的loading動效的實現 2、Android自定義View：進度條+冒泡文本 3、Android雷達圖（蜘蛛網圖） 4、Android文本閃爍 5、Android繪制圓形進度條 6、重

Android自定義View——實現水波紋效果類似剩余流量球

string 三個點 pre ber block span 初始化 move 理解 最近突然手癢就想搞個貝塞爾曲線做個水波紋效果玩玩，終於功夫不負有心人最後實現了想要的效果，一起來看下吧： 效果圖鎮樓 一：先一步一步來分解一下實現的過程 需要繪制一個正弦曲線(sin

Android 自定義控件——圖片剪裁

ets nis anti none span out pro int() mat 如圖： 思路：在一個自定義View上繪制一張圖片（參照前面提到的另一篇文章），在該自定義View上繪制一個自定義的FloatDrawable，也就是圖中的浮層。繪制圖片和FloatDra

android 自定義dialog的實現方法

listener params .get animator miss nim style wrap 參數 最近一直在做 java 相關的東西， 雖然一直在看 Android 但感覺有點留於理論，總這樣畢竟不行，寫的多不一定懂得多，但要想懂得多就一定要寫的多，於是今天動手寫了

Android 自定義組件 事件處理

items int ems set rect 獲取 控件 pan highlight 以點擊事件為例： 覆寫方法： public boolean dispatchTouchEvent(MotionEvent event); 可以從MotionEvent 獲取事件坐標，