自定义 dialog

安卓系统的提供的dialog往往不能满足实际项目要求,此时就需要根据需求实现自定view。通常dialog作为一种提示性对话框来使用,不需要从外界获取数据,然后展示在dialog上,就像退出时提示框又或者额是登陆时发生错误,进行简单的登录异常信息提示;而另外一种用途通常需要从外界获取数据作为dialog的view来进行展示,此时就需要自定义实现,点击某个数据项之后,触发相关操作;


自定义dialog思路解析:
1dialog的界面布局;
2外界传入的数据;(有些dialog不需要数据,就像退出提示框一样,只有,取消和确定操作,有些dialog是需要数据的,这些数据决定dialog的具体的item项)
3定义接口,添加监听,实现交互功能;


第一种简单提示框的实现(不需要从外界获取数据):
效果演示:

showdialog.gif

<strong>第一步:定义dialog的布局文件layout_moresetdialog.xml;</strong>

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="200dp"
    android:layout_height="200dp"
    android:orientation="vertical"
    android:background="@drawable/free_dialog_bg">
    <TextView
        android:id="@+id/set_more_title"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"

        android:text="查看更多"
        android:textSize="14dp"
        android:textColor="@color/blue"
        android:gravity="center_horizontal"
        android:layout_alignParentTop="true"
        android:layout_margin="10dp"
        />
    <View
        android:id="@+id/set_more_title_view"
        android:layout_below="@+id/set_more_title"
        android:layout_width="match_parent"
        android:layout_height="1px"
        android:background="#e6e6e6" />
    <ScrollView
        android:id="@+id/scrollview"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1"
        android:layout_centerInParent="true"
        android:orientation="vertical"
        android:layout_below="@+id/set_more_title_view">
        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:orientation="vertical">
            <Button
                android:id="@+id/hand_up_btn"
                android:layout_width="match_parent"
                android:layout_height="35dp"
                android:text="举手/放下"
                android:background="@null"
                android:drawableLeft="@mipmap/hand_up"
                android:gravity="left|center_vertical"
                android:drawablePadding="28dp"
                />
            <View
                android:layout_width="match_parent"
                android:layout_height="1px"
                android:background="#e6e6e6" />
            <Button
                android:id="@+id/net_switch_btn"
                android:layout_width="match_parent"
                android:layout_height="35dp"
                android:text="优选网络"
                android:background="@null"
                android:drawableLeft="@mipmap/icon_more_netswitch"
                android:gravity="left|center_vertical"
                android:drawablePadding="30dp"/>
            <View
                android:layout_width="match_parent"
                android:layout_height="1px"
                android:background="#e6e6e6" />
            <Button
                android:id="@+id/error_report_btn"
                android:layout_width="match_parent"
                android:layout_height="35dp"
                android:text="故障报告"
                android:background="@null"
                android:drawableLeft="@mipmap/icon_more_about"
                android:gravity="left|center_vertical"
                android:drawablePadding="30dp"/>
            <View
                android:layout_width="match_parent"
                android:layout_height="1px"
                android:background="#e6e6e6" />
            <Button
                android:id="@+id/play_switch_btn"
                android:layout_width="match_parent"
                android:layout_height="35dp"
                android:text="切换"
                android:background="@null"
                android:drawableLeft="@mipmap/icon_more_switch"
                android:gravity="left|center_vertical"
                android:drawablePadding="30dp"/>
        </LinearLayout>

    </ScrollView>
    <LinearLayout
        android:layout_alignParentBottom="true"
        android:layout_width="match_parent"
        android:layout_height="wrap_content">
        <Button
            android:id="@+id/dialog_close_btn"
            android:layout_below="@+id/scrollview"
            android:layout_width="match_parent"
            android:layout_margin="10dp"
            android:layout_height="30dp"
            android:text="关闭"
            android:textColor="@color/black"
            android:background="@drawable/close_btn_bg"

            />

    </LinearLayout>
</LinearLayout>

<strong>第二步:为每个item项定义监听,供外界调用,提供相应的事件响应</strong>

/**
     * 提供设置监听的方法
     */
    public void setOnBtnClickListener(OnBtnClickListener listener){
        this.listener=listener;
    }

    /**
     * item项事件监听接口
     */
    public interface OnBtnClickListener{
        public void onHandUp();
        public void onNetSwitch();
        public void onErrorReport();
        public void onPlaySwitch();
    }

    private void onClose(){
        if (this.isShowing()){
            dismiss();
        }
    }

完整代码如下:

/**
 * @author: Created by lzl on 2017/6/13.
 * @function:
 * @description:
 */

public class MoreSetDialog extends Dialog {
    private Button mHandup;//举手放下
    private Button mNetSwitch;//优选网络
    private Button mErrorReport;//错误报告
    private Button mPlaySwitch;//视频与文档切换
    private Button mCloseBtn;//关闭
    private OnBtnClickListener listener;//内部监听器


    public MoreSetDialog(Context context) {
        super(context, R.style.MyDialog);
    }

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.layout_moresetdialog);
        //点击外部区域不可取消
        setCanceledOnTouchOutside(false);
        initView();
        initEvent();
    }

    private void initEvent() {
        //举手/放下事件
        mHandup.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                if (listener!=null){
                    listener.onHandUp();
                }
            }
        });
        //网络优选事件
        mNetSwitch.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                if (listener!=null){
                    listener.onNetSwitch();
                }
            }
        });
        //错误报告事件
        mErrorReport.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                if (listener!=null){
                    listener.onErrorReport();
                }
            }
        });
        //视频模块与文档模块切换事件
        mPlaySwitch.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                if (listener!=null){
                    listener.onPlaySwitch();
                }
            }
        });
        //关闭事件
        mCloseBtn.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                onClose();
            }
        });
    }

    /**
     * 初始化布局文件
     */
    private void initView() {
        mHandup= (Button) findViewById(R.id.hand_up_btn);
        mNetSwitch= (Button) findViewById(R.id.net_switch_btn);
        mErrorReport= (Button) findViewById(R.id.error_report_btn);
        mPlaySwitch= (Button) findViewById(R.id.play_switch_btn);
        mCloseBtn= (Button) findViewById(R.id.dialog_close_btn);
    }

    /**
     * 提供设置监听的方法
     */
    public void setOnBtnClickListener(OnBtnClickListener listener){
        this.listener=listener;
    }

    /**
     * item项事件监听接口
     */
    public interface OnBtnClickListener{
        public void onHandUp();
        public void onNetSwitch();
        public void onErrorReport();
        public void onPlaySwitch();
    }

    private void onClose(){
        if (this.isShowing()){
            dismiss();
        }
    }

}

调用如下:

private void shoDialog() {
        final MoreSetDialog dialog=new MoreSetDialog(this);
        dialog.setOnBtnClickListener(new MoreSetDialog.OnBtnClickListener() {
            @Override
            public void onHandUp() {
                Toast.makeText(getApplicationContext(),"举手",Toast.LENGTH_SHORT).show();
            }

            @Override
            public void onNetSwitch() {
                dialog.dismiss();
                Toast.makeText(getApplicationContext(),"优选网络",Toast.LENGTH_SHORT).show();
                GsNetSwitchDialog gsNetSwitchDialog=new GsNetSwitchDialog(MoreDialogActivity.this);
                gsNetSwitchDialog.show();
            }

            @Override
            public void onErrorReport() {
                Toast.makeText(getApplicationContext(),"故障报告",Toast.LENGTH_SHORT).show();
            }

            @Override
            public void onPlaySwitch() {
                Toast.makeText(getApplicationContext(),"切换",Toast.LENGTH_SHORT).show();
            }
        });
        dialog.show();

    }

引用的自定义drawable文件

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <!--背景色-->
    <solid android:color="#ffffff" />
    <!--描边-->
    <stroke
        android:width="0.8dp"
        android:color="#ffffff" />
    <!-- 圆角 -->
    <corners android:radius="10dp" />

</shape>

dialog的style属性:

<!--自定义dialog背景全透明无边框theme -->
    <style name="MyDialog" parent="android:style/Theme.Dialog">
        <!--背景颜色及和透明程度-->
        <item name="android:windowBackground">@android:color/transparent</item>
        <!--是否去除标题 -->
        <item name="android:windowNoTitle">true</item>
        <!--是否去除边框-->
        <item name="android:windowFrame">@null</item>
        <!--是否浮现在activity之上-->
        <item name="android:windowIsFloating">true</item>
        <!--是否模糊-->
        <item name="android:backgroundDimEnabled">false</item>
    </style>

一些注意的问题:

//点击外部区域不可取消,false时表示点击外部区域不隐藏该dialog,true时点击外部区域取消该dialog
setCanceledOnTouchOutside(false);
2内部的监听接口最好定义接口,具体响应操作由外部调用者实现
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 158,736评论 4 362
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 67,167评论 1 291
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 108,442评论 0 243
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 43,902评论 0 204
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 52,302评论 3 287
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 40,573评论 1 216
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 31,847评论 2 312
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 30,562评论 0 197
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 34,260评论 1 241
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 30,531评论 2 245
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 32,021评论 1 258
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 28,367评论 2 253
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 33,016评论 3 235
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 26,068评论 0 8
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 26,827评论 0 194
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 35,610评论 2 274
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 35,514评论 2 269

推荐阅读更多精彩内容