前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >自定义Dialog---实现优美对话框

自定义Dialog---实现优美对话框

作者头像
cMusketeer
发布2019-08-21 15:24:26
5.9K0
发布2019-08-21 15:24:26
举报
文章被收录于专栏:Android机器圈Android机器圈

PS:自定义dialog,一些系统的dialog已经不能满足开发人员的需求了,所以,我们需要自定义一个属于并且适合自己项目的对话框,无论是颜色还是功能需求上都是和自己的项目紧密相关的,一些系统的对话框的使用请看博客:https://www.cnblogs.com/codingblock/p/4721597.html。下面开始自定义。

这样一个简单的对话框,用到的东西也是很少的,一个layout,里面两个按钮,两个textview,都在布局文件中写。实现起来有两种方法。

  • 继承dialog,漏出接口供其回调。
  • 直接在activity中写。

1:直接在activity中

dialog.xml。在最外层加入了android:background="@color/black",目的是截图用的,博友粘贴时把这句去掉即可。

代码语言:javascript
复制
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@color/black"
    >

这里可以看到该框的四个角是有弧度的,这是因为,我加入的白色背景是有弧度的,在下方两个按钮的背景是一个左下角有弧度,一个右下角有弧度。这都是通过shape画的。这

dialogbackbtnright.xml 、dialogbackbtnleft.xml、dialogbackg.xml

代码语言:javascript
复制
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <solid android:color="@color/colorPrimaryDark"></solid>
    <corners android:bottomRightRadius="5dp"></corners>
</shape>

主题设置

代码语言:javascript
复制
 <!--自定义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">true</item>
    </style>

直接使用

代码语言:javascript
复制
//对于对话框来讲,方便的还是dialog,自己添加的布局,可以达到自己随意设置的效果,
        final Dialog dialog=new Dialog(this);
//和activity类似,在加载布局之前,去掉标题栏
        dialog.requestWindowFeature(Window.FEATURE_NO_TITLE);
//添加布局,同时可以在布局里规定大小尺寸
        dialog.setContentView(R.layout.popup_change_ip);
//设置对话框的样式为圆角,角边有弧度。
        dialog.getWindow().setBackgroundDrawableResource(R.drawable.dialogbackg);//设置圆角
//去阴影,这里指的是一般对话框之外的部分有个灰色的接近透明的阴影层,设置这个相当于去掉这个阴影层:
//        dialog. getWindow().clearFlags(WindowManager.LayoutParams.FLAG_DIM_BEHIND);
        dialog.show();
        Button btnCancel = dialog.findViewById(R.id.btn_cancel);//这些id和上面有些不符,以自己的为准。
        Button btnConfirm = dialog.findViewById(R.id.btn_confirm);
        final EditText etChangeIp = dialog.findViewById(R.id.et_change_ip);
        etChangeIp.setText(ShardPUtil.getString(getApplicationContext(), "base_url", ""));
        btnCancel.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                dialog.dismiss();
            }
        });
        btnConfirm.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
               
            }
        });

2:继承Dialog

代码语言:javascript
复制
package com.example.myapppinxing.widget;

import android.app.Dialog;
import android.content.Context;
import android.os.Bundle;
import android.support.annotation.NonNull;
import android.view.View;
import android.widget.Button;
import android.widget.TextView;

import com.example.myapppinxing.R;

public class MyDialogT extends Dialog {
    private Button ok;//确定按钮
    private Button cancel;//取消按钮
    private TextView titleTV;//消息标题文本
    private TextView message;//消息提示文本
    private String titleStr;//从外界设置的title文本
    private String messageStr;//从外界设置的消息文本
    //确定文本和取消文本的显示的内容
    private String yesStr, noStr;
    private CancelOnclickListener cancelOnclickListener;//取消按钮被点击了的监听器
    private OkOnclickListener okOnclickListener;//确定按钮被点击了的监听器
    public MyDialogT(@NonNull Context context) {
        super(context);
    }

    public MyDialogT(@NonNull Context context, int themeResId) {
        super(context, themeResId);
    }

    public interface CancelOnclickListener {
        void onCancelClick();
    }

    public interface OkOnclickListener {
        void onOkOnclick();
    }

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
     setContentView(R.layout.dialog);
        ok = findViewById(R.id.yes);
        cancel = findViewById(R.id.no);
        titleTV = findViewById(R.id.title);
        message = findViewById(R.id.message);

        //初始化界面数据
        initData();
        //初始化界面控件的事件
        initEvent();
    }
    /**
     * 初始化界面控件的显示数据
     */
    private void initData() {
        //如果用户自定了title和message
        if (titleStr != null) {
            titleTV.setText(titleStr);
        }
        if (messageStr != null) {
            message.setText(messageStr);
        }
        //如果设置按钮文字
        if (yesStr != null) {
            ok.setText(yesStr);
        }
        if (noStr != null) {
            cancel.setText(noStr);
        }
    }

    /**
     * 初始化界面的确定和取消监听
     */
    private void initEvent() {
        //设置确定按钮被点击后,向外界提供监听
        ok.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                if (okOnclickListener != null) {
                    okOnclickListener.onOkOnclick();
                }
            }
        });
        //设置取消按钮被点击后,向外界提供监听
        cancel.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                if (cancelOnclickListener != null) {
                    cancelOnclickListener.onCancelClick();
                }
            }
        });
    }
    /**
     * 从外界Activity为Dialog设置标题
     *
     * @param title
     */
    public void setTitle(String title) {
        titleStr = title;
    }

    /**
     * 从外界Activity为Dialog设置message
     *
     * @param message
     */
    public void setMessage(String message) {
        messageStr = message;
    }

    /**
     * OK和Cancel回调接口
     * */
    public void setCancelOnclickListener(String str, CancelOnclickListener cancelOnclickListener) {
        if (str != null) {
            noStr = str;
        }
        this.cancelOnclickListener = cancelOnclickListener;
    }
    public void setOkOnclickListener(String str, OkOnclickListener okOnclickListener) {
        if (str != null) {
            yesStr = str;
        }
        this.okOnclickListener = okOnclickListener;
    }
}

使用

代码语言:javascript
复制
final MyDialogT myDialogT = new MyDialogT(this,R.style.MyDialog);
        myDialogT.setMessage("内容");
        myDialogT.setTitle("标题");
        myDialogT.setOkOnclickListener("确定", new MyDialogT.OkOnclickListener() {
            @Override
            public void onOkOnclick() {
                myDialogT.dismiss();
            }
        });
        myDialogT.setCancelOnclickListener("取消", new MyDialogT.CancelOnclickListener() {
            @Override
            public void onCancelClick() {
                myDialogT.dismiss();
            }
        });
本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2019-08-20 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 1:直接在activity中
  • 2:继承Dialog
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档