Android 自定义一套 Dialog通用提示框 (代码库)

做Android开发五年了,期间做做停停(去做后台开发,服务器管理),当回来做Android的时候,发现很生疏,好些控件以前写得很顺手,现在好像忘记些什么了,总要打开这个项目,打开那个项目,有时未必还找得到。

总结起来,还是源于没有好好做一个属于自己的代码库,把平时开发项目中一些自定义的控件,或一些耦合性很低的模块封装起来,或者平时比较少写博客。如果你是一个刚学会开发的程序猿,或者是有过好几年开发经验的大鸟,也该开始整理整理自己的代码,这也不枉此生敲代码的岁月,同时在面试中,也会给你带来不少印象分喔。所以,我也开始准备自己的代码库,放在github 或者微博上,希望可以跟各位大神多交流。下面我先放一到两个自定义控件。

自定义一套 Dialog通用提示框:

上诉提示框都是一种类型,当然有可能你不大满意,或者与你们设计师的要求的风格不一致,没关系,你只要进去修改一下dialog 的布局就可以了。当然,我希望在自定义这些控件的时候,能用xml 来渲染的,尽量不要用图片去做背景之类的。每个app 的提示框风格其实大体一致的,不会每个页面的提示框都不一样,如果真的变化太大,我们就重新自定义一个dialog即可。其它的只需设置一下信息即可:

new CommomDialog(mContext, R.style.dialog, "您确定删除此信息?", new CommomDialog.OnCloseListener() {
  @Override
  public void onClick(boolean confirm) {
    if(confirm){
        Toast.makeText(this,"点击确定", Toast.LENGTH_SHORT).show();
        dialog.dismiss();
     }
  }
})
    .setTitle("提示").show();

我们先看 CommomDialog 类, 这个类定义的时候,里面的方法尽量做成链式的,方便后期调用

public class CommomDialog extends Dialog implements View.OnClickListener{
  private TextView contentTxt;
  private TextView titleTxt;
  private TextView submitTxt;
  private TextView cancelTxt;
  private Context mContext;
  private String content;
  private OnCloseListener listener;
  private String positiveName;
  private String negativeName;
  private String title;
  public CommomDialog(Context context) {
    super(context);
    this.mContext = context;
  }
  public CommomDialog(Context context, int themeResId, String content) {
    super(context, themeResId);
    this.mContext = context;
    this.content = content;
  }
  public CommomDialog(Context context, int themeResId, String content, OnCloseListener listener) {
    super(context, themeResId);
    this.mContext = context;
    this.content = content;
    this.listener = listener;
  }
  protected CommomDialog(Context context, boolean cancelable, OnCancelListener cancelListener) {
    super(context, cancelable, cancelListener);
    this.mContext = context;
  }
  public CommomDialog setTitle(String title){
    this.title = title;
    return this;
  }
  public CommomDialog setPositiveButton(String name){
    this.positiveName = name;
    return this;
  }
  public CommomDialog setNegativeButton(String name){
    this.negativeName = name;
    return this;
  }
  @Override
  protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.dialog_commom);
    setCanceledOnTouchOutside(false);
    initView();
  }
  private void initView(){
    contentTxt = (TextView)findViewById(R.id.content);
    titleTxt = (TextView)findViewById(R.id.title);
    submitTxt = (TextView)findViewById(R.id.submit);
    submitTxt.setOnClickListener(this);
    cancelTxt = (TextView)findViewById(R.id.cancel);
    cancelTxt.setOnClickListener(this);
    contentTxt.setText(content);
    if(!TextUtils.isEmpty(positiveName)){
      submitTxt.setText(positiveName);
    }
    if(!TextUtils.isEmpty(negativeName)){
      cancelTxt.setText(negativeName);
    }
    if(!TextUtils.isEmpty(title)){
      titleTxt.setText(title);
    }
  }
  @Override
  public void onClick(View v) {
    switch (v.getId()){
      case R.id.cancel:
        if(listener != null){
          listener.onClick(this, false);
        }
        this.dismiss();
        break;
      case R.id.submit:
        if(listener != null){
          listener.onClick(this, true);
        }
        break;
    }
  }
  public interface OnCloseListener{
    void onClick(Dialog dialog, boolean confirm);
  }
}

自定义了监听事件,设置了消息后,返回该句柄, return this;

再看看 R.layout.dialog_commom 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:background="@drawable/bg_round_white"
  android:orientation="vertical" >
    <TextView
      android:id="@+id/title"
      android:layout_width="match_parent"
      android:layout_height="wrap_content"
      android:gravity="center_horizontal"
      android:padding="12dp"
      android:layout_marginTop="12dp"
      android:text="提示"
      android:textSize="16sp"
      android:textColor="@color/black"/>
  <TextView
    android:id="@+id/content"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:gravity="center"
    android:layout_gravity="center_horizontal"
    android:lineSpacingExtra="3dp"
    android:layout_marginLeft="40dp"
    android:layout_marginTop="20dp"
    android:layout_marginRight="40dp"
    android:layout_marginBottom="30dp"
    android:text="签到成功,获得200积分"
    android:textSize="12sp"
    android:textColor="@color/font_common_1"/>
  <View
    android:layout_width="match_parent"
    android:layout_height="1dp"
    android:background="@color/commom_background"/>
  <LinearLayout
    android:layout_width="match_parent"
    android:layout_height="50dp"
    android:orientation="horizontal">
    <TextView
      android:id="@+id/cancel"
      android:layout_width="match_parent"
      android:layout_height="match_parent"
      android:background="@drawable/bg_dialog_left_white"
      android:layout_weight="1.0"
      android:gravity="center"
      android:text="@string/cancel"
      android:textSize="12sp"
      android:textColor="@color/font_common_2"/>
    <View
      android:layout_width="1dp"
      android:layout_height="match_parent"
      android:background="@color/commom_background"/>
    <TextView
      android:id="@+id/submit"
      android:layout_width="match_parent"
      android:layout_height="match_parent"
      android:background="@drawable/bg_dialog_right_white"
      android:gravity="center"
      android:layout_weight="1.0"
      android:text="@string/submit"
      android:textSize="12sp"
      android:textColor="@color/font_blue"/>
  </LinearLayout>
</LinearLayout>

整个背景我使用了圆角,这样不显得特别生硬 android:background="@drawable/bg_round_white"

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle">
  <solid android:color="@color/white" />
  <corners android:radius="8dp" />
</shape>

当然底部两个按钮也是要做相应的圆角处理:

左下按钮:android:background="@drawable/bg_dialog_left_white"

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle">
  <solid android:color="@color/white" />
  <corners android:bottomLeftRadius="8dp" />
</shape>

右下按钮:android:background="@drawable/bg_dialog_right_white"

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle">
  <solid android:color="@color/white" />
  <corners android:bottomRightRadius="8dp" />
</shape>

展示的 style 也要设置一下:

<style name="dialog" parent="@android:style/Theme.Dialog">
  <item name="android:windowFrame">@null</item>
  <!--边框-->
  <item name="android:windowIsFloating">true</item>
  <!--是否浮现在activity之上-->
  <item name="android:windowIsTranslucent">false</item>
  <!--半透明-->
  <item name="android:windowNoTitle">true</item>
  <!--无标题-->
  <item name="android:windowBackground">@android:color/transparent</item>
  <!--背景透明-->
  <item name="android:backgroundDimEnabled">true</item>
  <!--模糊-->
</style>

这样基本大功告成,通过设置消息头,信息体,按钮名称,还有点击事件,就可以随意控制你的提示框了。

源码链接:https://github.com/xiaoxiaoqingyi/mine-android-repository

后面我会把自己的代码库都放上来,与大家一起学习。

以上所述是小编给大家介绍的Android 自定义一套 Dialog通用提示框 (代码库),希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对我们网站的支持!

(0)

相关推荐

  • Android 自定义一套 Dialog通用提示框 (代码库)

    做Android开发五年了,期间做做停停(去做后台开发,服务器管理),当回来做Android的时候,发现很生疏,好些控件以前写得很顺手,现在好像忘记些什么了,总要打开这个项目,打开那个项目,有时未必还找得到. 总结起来,还是源于没有好好做一个属于自己的代码库,把平时开发项目中一些自定义的控件,或一些耦合性很低的模块封装起来,或者平时比较少写博客.如果你是一个刚学会开发的程序猿,或者是有过好几年开发经验的大鸟,也该开始整理整理自己的代码,这也不枉此生敲代码的岁月,同时在面试中,也会给你带来不少印象

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

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

  • Android自定义个性化的Dialog示例

    本文实例讲述了Android自定义个性化的Dialog.分享给大家供大家参考,具体如下: Dialog: mDialog = new Dialog(this, R.style.chooseUserDialogTheme); mDialog.setTitle(R.string.choose_user); View rootView = LayoutInflater.from(this).inflate( R.layout.view_simple_choose_user, null); mDialo

  • Android仿百度谷歌搜索自动提示框AutoCompleteTextView简单应用示例

    本文实例讲述了Android仿百度谷歌搜索自动提示框AutoCompleteTextView简单应用.分享给大家供大家参考,具体如下: 现在我们上网几乎都会用百度或者谷歌搜索信息,当我们在输入框里输入一两个字后,就会自动提示我们想要的信息,这种效果在Android 里是如何实现的呢? 事实上,Android 的AutoCompleteTextView Widget ,只要搭配ArrayAdapter 就能设计同类似Google 搜索提示的效果. 本例子先在Layout 当中布局一个AutoCom

  • Android自定义样式圆角dialog对话框

    本文实例为大家分享了Android创建自定义样式圆角dialog对话框的具体代码,供大家参考,具体内容如下 效果如上,圆角对话框,标题和正文都可以自己设定 做法: 1.在res文件的layout文件夹创建自己的对话框布局,命名为my_dialog.xml 2.在res文件的drawable文件夹创建自己的对话框样式(圆角),命名为my_dialog_shape.xml 3.写一个方法调用对话框布局,触发条件自定义,这里我是写了一个按钮,在按钮的点击事件里调用方法,弹出对话框.在这个方法里可以定义

  • Android自定义View实现字母导航栏的代码

    思路分析: 1.自定义View实现字母导航栏 2.ListView实现联系人列表 3.字母导航栏滑动事件处理 4.字母导航栏与中间字母的联动 5.字母导航栏与ListView的联动 效果图: 首先,我们先甩出主布局文件,方便后面代码的说明 <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/re

  • Android自定义顶部导航栏控件实例代码

    下面一段代码给大家介绍了android 自定义顶部导航栏控件功能,具体代码如下所示: class HeaderBar @JvmOverloads constructor( context: Context, attrs: AttributeSet? = null, defStyleAttr: Int = 0 ) : FrameLayout(context, attrs, defStyleAttr) { //重写构造方法 在java里面 我们一般是重写三个构造方法//在kotlin中 我们可以使用

  • android自定义波浪加载动画的实现代码

    本文实例为大家分享了android自定义波浪加载动画的具体代码,供大家参考,具体内容如下 效果图 1.自定义控件 WaveView package com.example.wh.myapplication; import android.content.Context; import android.content.res.TypedArray; import android.graphics.Canvas; import android.graphics.Color; import andro

  • Android 自定义缩短Toast显示时间的实例代码

    我这个主要是缩短Toast显示时间,要延长时间的话,可自行更改 废话不多说哈,见代码 import android.content.Context; import android.os.CountDownTimer; import android.util.Log; import android.widget.Toast; public class ToastUtil { private String TAG = "ToastUtil"; private Toast mToast; p

  • Android自定义Seekbar滑动条 Pop提示跟随滑动按钮滑动

    本文实例为大家分享了Android自定义Seekbar滑动条的具体代码,供大家参考,具体内容如下 由于项目需要做出此效果,自定义写了一个. 效果图 思路: 原始的seekbar只有滑动条并没有下方的提示文字,所以我们必须要继承Seekbar重写这个控件. 代码: 在values文件夹下新建attrs.xml,用于设置跟随滑动按钮的文字大小,颜色,背景. <declare-styleable name="MySeekBar"> <attr name="text

随机推荐