快捷導(dǎo)航

Android自定義彈出框dialog效果

更新時間：2017年06月22日 15:45:47 作者：灬布衣丶公爵丨

這篇文章主要為大家詳細(xì)介紹了Android自定義彈出框dialog效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下

項目要用到彈出框，還要和蘋果的樣式一樣(Android真是沒地位),所以就自己定義了一個，不是很像(主要是沒圖)，但是也還可以。

廢話不多說了，直接上代碼

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:padding="20dp"
 android:orientation="vertical">

 <LinearLayout
  android:layout_width="match_parent"
  android:layout_height="wrap_content"
  android:gravity="center_horizontal"
  android:background="@drawable/custom_dialog_background"
  android:orientation="vertical">

  <LinearLayout
   android:layout_width="match_parent"
   android:layout_height="wrap_content"
   android:gravity="center_horizontal"
   android:orientation="vertical">

   <TextView
    android:id="@+id/tv_title_custom_dialog"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginTop="20dp"
    android:text="提醒"
    android:textColor="#000"
    android:textSize="18dp" />

   <TextView
    android:id="@+id/tv_message_custom_dialog"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginTop="10dp"
    android:text="您確定要取消訂單嗎" />
  </LinearLayout>

  <View
   android:layout_width="match_parent"
   android:layout_height="0.5dp"
   android:layout_marginTop="20dp"
   android:background="#dfdfdf" />

  <LinearLayout
   android:layout_width="match_parent"
   android:layout_height="wrap_content"
   android:orientation="horizontal">

   <Button
    android:id="@+id/btn_negative_custom_dialog"
    android:layout_width="0dp"
    android:layout_height="wrap_content"
    android:layout_weight="1"
    android:background="@android:color/transparent"
    android:text="取消"
    android:textColor="@android:color/holo_blue_dark" />

   <View
    android:layout_width="0.5dp"
    android:layout_height="match_parent"
    android:background="#dfdfdf" />

   <Button
    android:id="@+id/btn_positive_custom_dialog"
    android:layout_width="0dp"
    android:layout_height="wrap_content"
    android:layout_weight="1"
    android:background="@android:color/transparent"
    android:text="確定"
    android:textColor="@android:color/holo_blue_dark" />
  </LinearLayout>
 </LinearLayout>
</LinearLayout>

2、集成dialog重寫了一下

package newair.com.storelibrary.ui.custom.widget;

import android.app.Dialog;
import android.content.Context;
import android.content.DialogInterface;
import android.graphics.Color;
import android.graphics.drawable.ColorDrawable;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.view.Window;
import android.view.WindowManager;
import android.widget.Button;
import android.widget.FrameLayout;
import android.widget.LinearLayout;
import android.widget.TextView;

import newair.com.storelibrary.R;

/**
 * Created by ouhimehime on 16/4/22.
 * ---------自定義提示框-----------
 */
public class CustomDialog extends Dialog {


 public CustomDialog(Context context) {
  super(context);
 }

 public CustomDialog(Context context, int themeResId) {
  super(context, themeResId);
 }

 protected CustomDialog(Context context, boolean cancelable, OnCancelListener cancelListener) {
  super(context, cancelable, cancelListener);
 }

 public static class Builder {
  private Context context;
  private String title; //標(biāo)題
  private String message;//提示消息
  private String negative_text;//消極的
  private String positive_text;//積極的
  private DialogInterface.OnClickListener negativeListener;//消極的監(jiān)聽
  private DialogInterface.OnClickListener positiveListener;//積極的監(jiān)聽

  public Builder(Context context) {
   this.context = context;
  }

  public Builder setTitle(String title) {
   if (title == null) {
    this.title = "提醒";
   }
   this.title = title;
   return this;
  }

  public Builder setMessage(String message) {
   if (message == null) {
    this.message = "您沒有填寫提示信息哦";
   }
   this.message = message;
   return this;
  }

  public Builder setNegativeButton(String negative_text, DialogInterface.OnClickListener negativeListener) {
   if (negative_text == null) {
    this.negative_text = "取消";
   }
   this.negative_text = negative_text;
   this.negativeListener = negativeListener;

   return this;
  }

  public Builder setPositionButton(String positive_text, DialogInterface.OnClickListener positiveListener) {
   if (positive_text == null) {
    this.positive_text = "確定";
   }
   this.positive_text = positive_text;
   this.positiveListener = positiveListener;

   return this;
  }

  private TextView tv_title_custom_dialog; //標(biāo)題
  private TextView tv_message_custom_dialog;//提示信息
  private Button btn_negative_custom_dialog;//消極
  private Button btn_positive_custom_dialog;//積極


  public CustomDialog create() {
   final CustomDialog dialog = new CustomDialog(context);
   View view = LayoutInflater.from(context).inflate(R.layout.dialog_custom_style_layout, null);
   dialog.requestWindowFeature(Window.FEATURE_NO_TITLE);//加上這一句，取消原來的標(biāo)題欄，沒加這句之前，發(fā)現(xiàn)在三星的手機(jī)上會有一條藍(lán)色的線
//   dialog.addContentView(view, new LinearLayout.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.MATCH_PARENT));
   dialog.setContentView(view, new LinearLayout.LayoutParams(ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.MATCH_PARENT));
   tv_title_custom_dialog = (TextView) view.findViewById(R.id.tv_title_custom_dialog);
   tv_message_custom_dialog = (TextView) view.findViewById(R.id.tv_message_custom_dialog);
   btn_negative_custom_dialog = (Button) view.findViewById(R.id.btn_negative_custom_dialog);
   btn_positive_custom_dialog = (Button) view.findViewById(R.id.btn_positive_custom_dialog);
   tv_title_custom_dialog.setText(title);
   tv_message_custom_dialog.setText(message);
   btn_negative_custom_dialog.setText(negative_text);
   btn_positive_custom_dialog.setText(positive_text);
   dialog.getWindow().setBackgroundDrawable(new ColorDrawable(Color.TRANSPARENT));
   btn_negative_custom_dialog.setOnClickListener(new View.OnClickListener() {
    @Override
    public void onClick(View v) {
     negativeListener.onClick(dialog, Dialog.BUTTON_NEGATIVE);
    }
   });
   btn_positive_custom_dialog.setOnClickListener(new View.OnClickListener() {
    @Override
    public void onClick(View v) {
     positiveListener.onClick(dialog, Dialog.BUTTON_POSITIVE);
    }
   });
   return dialog;
  }
 }
}

3、使用起來和系統(tǒng)的用法一樣

CustomDialog.Builder builder = new CustomDialog.Builder(this);
    builder.setTitle("購物提醒")
      .setMessage("我是提示信息，大家好好")
      .setNegativeButton("再看看", new DialogInterface.OnClickListener() {
       @Override
       public void onClick(DialogInterface dialog, int which) {
        dialog.dismiss();
        Toast.makeText(GoodsListActivity.this, "點擊了取消按鈕", Toast.LENGTH_SHORT).show();
       }
      })
      .setPositionButton("確定", new DialogInterface.OnClickListener() {
       @Override
       public void onClick(DialogInterface dialog, int which) {
        dialog.dismiss();
        Toast.makeText(GoodsListActivity.this, "點擊了確定按鈕", Toast.LENGTH_SHORT).show();
       }
      })
      .create()
      .show();

以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章: