android自定义弹出框样式的实现方法

前言:

做项目时,感觉android自带的弹出框样式比较丑,很多应用都是自己做的弹出框,这里也试着自己做了一个。

废话不说先上图片:

实现机制

1.先自定义一个弹出框的样式

2.自己实现CustomDialog类,继承自Dialog,实现里面方法,在里面加载自定义样式的弹出框;

3.使用时,与使用Dialog一样

具体代码

dialog_normal_layout.xml样式文件

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_width="fill_parent"
  android:layout_height="fill_parent"
  android:clickable="true"
  android:orientation="vertical"
  android:padding="20.0dip" >

  <LinearLayout
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:layout_gravity="center"
    android:background="@drawable/bg_bombbox"
    android:orientation="vertical" >

    <TextView
      android:id="@+id/title"
      style="@style/text_18_ffffff"
      android:layout_width="fill_parent"
      android:layout_height="40.0dip"
      android:gravity="center"
      android:text="@string/title_alert"
      android:visibility="visible" />

    <LinearLayout
      android:id="@+id/content"
      android:layout_width="fill_parent"
      android:layout_height="wrap_content"
      android:gravity="center" >

      <TextView
        android:id="@+id/message"
        style="@style/text_16_666666"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:gravity="left|center"
        android:lineSpacingMultiplier="1.5"
        android:minHeight="120.0dip"
        android:paddingBottom="15.0dip"
        android:paddingLeft="20.0dip"
        android:paddingRight="20.0dip"
        android:paddingTop="15.0dip" />
    </LinearLayout>

    <View
      android:layout_width="fill_parent"
      android:layout_height="1.0px"
      android:background="#ffd0d0d0" />

    <LinearLayout
      android:layout_width="fill_parent"
      android:layout_height="60.0dip"
      android:layout_gravity="bottom"
      android:background="@drawable/dialog_bottom_bg"
      android:gravity="center"
      android:orientation="horizontal" >

      <Button
        android:id="@+id/positiveButton"
        style="@style/text_15_ffffff_sdw"
        android:layout_width="114.0dip"
        android:layout_height="40.0dip"
        android:background="@drawable/btn_ok_selector"
        android:gravity="center"
        android:text="@string/ok" />

      <Button
        android:id="@+id/negativeButton"
        style="@style/text_15_666666_sdw"
        android:layout_width="114.0dip"
        android:layout_height="40.0dip"
        android:layout_marginLeft="20.0dip"
        android:background="@drawable/btn_cancel_selector"
        android:gravity="center"
        android:text="@string/cancel" />
    </LinearLayout>
  </LinearLayout>

</FrameLayout>

其中引用的样式文件styles.xml

<?xml version="1.0" encoding="utf-8"?>
<resources xmlns:android="http://schemas.android.com/apk/res/android">

  <style name="AppBaseTheme" parent="android:Theme.Light"></style>

  <style name="AppTheme" parent="AppBaseTheme"></style>

  <style name="text_18_ffffff">
    <item name="android:textSize">18.0dip</item>
    <item name="android:textColor">#ffffffff</item>
  </style>

  <style name="text_16_666666">
    <item name="android:textSize">16.0dip</item>
    <item name="android:textColor">#ff666666</item>
  </style>

  <style name="sdw_white">
    <item name="android:shadowColor">#7fffffff</item>
    <item name="android:shadowDx">0.0</item>
    <item name="android:shadowDy">0.65</item>
    <item name="android:shadowRadius">1.0</item>
  </style>

  <style name="sdw_79351b">
    <item name="android:shadowColor">#ff79351b</item>
    <item name="android:shadowDx">0.0</item>
    <item name="android:shadowDy">1.0</item>
    <item name="android:shadowRadius">1.0</item>
  </style>

  <style name="text_15_ffffff_sdw" parent="@style/sdw_79351b">
    <item name="android:textSize">15.0dip</item>
    <item name="android:textColor">#ffffffff</item>
  </style>

  <style name="text_15_666666_sdw" parent="@style/sdw_white">
    <item name="android:textSize">15.0dip</item>
    <item name="android:textColor">#ff666666</item>
  </style>

  <style name="Dialog" parent="android:style/Theme.Dialog">
    <item name="android:background">#00000000</item>
    <item name="android:windowBackground">@android:color/transparent</item>
    <item name="android:windowNoTitle">true</item>
    <item name="android:windowIsFloating">true</item>
  </style>

</resources>

自定义Dialog的实现类CustomDialog

package com.dyr.custom;

import android.app.Dialog;
import android.content.Context;
import android.content.DialogInterface;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup.LayoutParams;
import android.widget.Button;
import android.widget.LinearLayout;
import android.widget.TextView;

import com.dyr.view.R;

public class CustomDialog extends Dialog {

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

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

 public static class Builder {
 private Context context;
 private String title;
 private String message;
 private String positiveButtonText;
 private String negativeButtonText;
 private View contentView;
 private DialogInterface.OnClickListener positiveButtonClickListener;
 private DialogInterface.OnClickListener negativeButtonClickListener;

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

 public Builder setMessage(String message) {
  this.message = message;
  return this;
 }

 /**
  * Set the Dialog message from resource
  *
  * @param title
  * @return
  */
 public Builder setMessage(int message) {
  this.message = (String) context.getText(message);
  return this;
 }

 /**
  * Set the Dialog title from resource
  *
  * @param title
  * @return
  */
 public Builder setTitle(int title) {
  this.title = (String) context.getText(title);
  return this;
 }

 /**
  * Set the Dialog title from String
  *
  * @param title
  * @return
  */

 public Builder setTitle(String title) {
  this.title = title;
  return this;
 }

 public Builder setContentView(View v) {
  this.contentView = v;
  return this;
 }

 /**
  * Set the positive button resource and it's listener
  *
  * @param positiveButtonText
  * @return
  */
 public Builder setPositiveButton(int positiveButtonText,
  DialogInterface.OnClickListener listener) {
  this.positiveButtonText = (String) context
   .getText(positiveButtonText);
  this.positiveButtonClickListener = listener;
  return this;
 }

 public Builder setPositiveButton(String positiveButtonText,
  DialogInterface.OnClickListener listener) {
  this.positiveButtonText = positiveButtonText;
  this.positiveButtonClickListener = listener;
  return this;
 }

 public Builder setNegativeButton(int negativeButtonText,
  DialogInterface.OnClickListener listener) {
  this.negativeButtonText = (String) context
   .getText(negativeButtonText);
  this.negativeButtonClickListener = listener;
  return this;
 }

 public Builder setNegativeButton(String negativeButtonText,
  DialogInterface.OnClickListener listener) {
  this.negativeButtonText = negativeButtonText;
  this.negativeButtonClickListener = listener;
  return this;
 }

 public CustomDialog create() {
  LayoutInflater inflater = (LayoutInflater) context
   .getSystemService(Context.LAYOUT_INFLATER_SERVICE);
  // instantiate the dialog with the custom Theme
  final CustomDialog dialog = new CustomDialog(context,R.style.Dialog);
  View layout = inflater.inflate(R.layout.dialog_normal_layout, null);
  dialog.addContentView(layout, new LayoutParams(
   LayoutParams.FILL_PARENT, LayoutParams.WRAP_CONTENT));
  // set the dialog title
  ((TextView) layout.findViewById(R.id.title)).setText(title);
  // set the confirm button
  if (positiveButtonText != null) {
  ((Button) layout.findViewById(R.id.positiveButton))
   .setText(positiveButtonText);
  if (positiveButtonClickListener != null) {
   ((Button) layout.findViewById(R.id.positiveButton))
    .setOnClickListener(new View.OnClickListener() {
    public void onClick(View v) {
     positiveButtonClickListener.onClick(dialog,
      DialogInterface.BUTTON_POSITIVE);
    }
    });
  }
  } else {
  // if no confirm button just set the visibility to GONE
  layout.findViewById(R.id.positiveButton).setVisibility(
   View.GONE);
  }
  // set the cancel button
  if (negativeButtonText != null) {
  ((Button) layout.findViewById(R.id.negativeButton))
   .setText(negativeButtonText);
  if (negativeButtonClickListener != null) {
   ((Button) layout.findViewById(R.id.negativeButton))
    .setOnClickListener(new View.OnClickListener() {
    public void onClick(View v) {
     negativeButtonClickListener.onClick(dialog,
      DialogInterface.BUTTON_NEGATIVE);
    }
    });
  }
  } else {
  // if no confirm button just set the visibility to GONE
  layout.findViewById(R.id.negativeButton).setVisibility(
   View.GONE);
  }
  // set the content message
  if (message != null) {
  ((TextView) layout.findViewById(R.id.message)).setText(message);
  } else if (contentView != null) {
  // if no message set
  // add the contentView to the dialog body
  ((LinearLayout) layout.findViewById(R.id.content))
   .removeAllViews();
  ((LinearLayout) layout.findViewById(R.id.content))
   .addView(contentView, new LayoutParams(LayoutParams.FILL_PARENT,LayoutParams.FILL_PARENT));
  }
  dialog.setContentView(layout);
  return dialog;
 }
 }
}

使用代码

CustomDialog.Builder builder = new CustomDialog.Builder(this);
 builder.setMessage("这个就是自定义的提示框");
 builder.setTitle("提示");
 builder.setPositiveButton("确定", new DialogInterface.OnClickListener() {
  public void onClick(DialogInterface dialog, int which) {
  dialog.dismiss();
  //设置你的操作事项
  }
 });

 builder.setNegativeButton("取消",
  new android.content.DialogInterface.OnClickListener() {
   public void onClick(DialogInterface dialog, int which) {
   dialog.dismiss();
   }
  });

builder.create().show();

至此,自定义弹出框已经完成,是不是感觉很简单呢。

这里附上一个自定义弹出框的小项目代码下载地址:点击打开链接

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持我们。

(0)

相关推荐

  • Android仿微信网络加载弹出框

    本文实例为大家分享了Android仿微信网络加载弹出框的具体代码,供大家参考,具体内容如下 没有饿了么的动画效果好看,但是,特别适用,拿来就用! 看一下效果图 图片素材 好了,其实很简单,就是一个自定义Dialog的控件而已 1. 自定义view的style样式 <resources> <!-- Base application theme. --> <style name="AppTheme" parent="Theme.AppCompat.L

  • Android 多种简单的弹出框样式设置代码

    简介 这是一个基于AlertDialog和Dialog这两个类封装的多种弹出框样式,其中提供各种简单样式的弹出框使用说明.同时也可自定义弹出框. 项目地址:http://www.github.com/jjdxmashl/jjdxm_dialogui 特性 1.使用链式开发代码简洁明了 2.所有的弹出框样式都在DialogUIUtils这个类中完成,方便查阅方法 3.可以自定义弹出框字体样式 4.简单的类似加载框的样式可以支持两种主题更改默认白色和灰色 截图 demo下载 demo apk下载 D

  • Android实现可输入数据的弹出框

    之前一篇文章,介绍了如何定义从屏幕底部弹出PopupWindow即<Android Animation实战之屏幕底部弹出PopupWindow>,写完之后,突然想起之前写过自定义内容显示的弹出框,就随手写了两个实例,分享出来: 第一种实现方式:继承Dialog  1.1 线定义弹出框要显示的内容:create_user_dialog.xml <?xml version="1.0" encoding="utf-8"?> <LinearLa

  • Android实现蒙版弹出框效果

    本文实例为大家分享了Android蒙版弹出框效果的具体代码,供大家参考,具体内容如下 自定义 package cn.lxsdb.yyd.app.dialog; import cn.lxsdb.yyd.app.R; import cn.lxsdb.yyd.app.constants.AppIntent; import android.app.Dialog; import android.content.Context; import android.content.Intent; import a

  • Android使用popUpWindow带遮罩层的弹出框

    上次项目中实现了新功能,就一直想添加到博客里来着,惰性发作起来简直太可怕,不说了,跟着一起写吧,三步即可实现简单的弹出框功能,首先看效果-- 首先:主页面布局,触发控件一定要有,再有就是给根标签设置id <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:

  • Android自定义弹出框dialog效果

    项目要用到弹出框,还要和苹果的样式一样(Android真是没地位),所以就自己定义了一个,不是很像(主要是没图),但是也还可以. 废话不多说了,直接上代码 1.先看布局文件 <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_wi

  • Android自定义底部弹出框ButtomDialog

    本文实例为大家分享了Android自定义底部弹出框的具体代码,供大家参考,具体内容如下 先看看效果和你要的是否一样 一 .先来配置自定义控件需要的资源 1.在res文件夹下创建一个anim文件夹并创建两个slide_in_bottom.xml.slide_out_bottom.xml文件,负责弹框进出动画. <?xml version="1.0" encoding="utf-8"?> <set xmlns:android="http://

  • Android实现底部半透明弹出框PopUpWindow效果

    Android底部半透明弹出框PopUpWindow,供大家参考,具体内容如下 layout布局: <?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" androi

  • Android使用Dialog风格弹出框的Activity

    在Android中经常会遇到需要使用Dialog风格弹出框的activity,首先我们可能会首先想到的是在XML布局文件中设置android:layout_height="wrap_content"属性,让activity的高度自适应,显然这还不行,我们还需要为其DialogActivity设置自定义一个样式 <style name="dialogstyle"> <!--设置dialog的背景--> <item name="a

  • Android自定义view仿iOS弹出框效果

    本文实例为大家分享了Android自定义view仿iOS弹出框的具体代码,供大家参考,具体内容如下 运行效果图 自定义对话框的使用,仿照ios.从底部弹出,类似pop窗口.包括消息.图片.列表及对话框. 好了,用法都会,直接贴上代码 1.layout布局文件 view_actionsheet.xml <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="ht

随机推荐

其他