Android自定义Dialog+圆角处理

article/2025/11/6 5:03:40

目录

一、自定义Dialog

二、Dialog添加圆角


一、自定义Dialog

自定义Dialog实现过程

本文的自定义dialog是在fragment中实现的,在Activity里面应该大同小异了。

android studio其实自带了很多种dialog

下面这个图是引用一位大佬的!

 这几天在学习自定义的Dialog的使用,一开始以为很难,因为没有接触过,虽然自己使用过AlertDialog和ProgressDialog,但是图中的一些东西我并不知道是可以用自定义Dialog实现的。

好伐啦,接下来就开始介绍Dialog的自定义使用吧!

首先,准备好自定义布局:

比如说,我需要一个这样的东西:点击某处出现一个列表供你选择,比如拍照、相册和取消。

自定义,那肯定是需要自己准备布局文件的啦!

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:orientation="vertical"><Buttonandroid:id="@+id/take_photo_btn"android:text="相机"android:layout_width="match_parent"android:layout_height="wrap_content"/><Buttonandroid:id="@+id/select_photo_btn"android:text="相册"android:layout_width="match_parent"android:layout_height="wrap_content"/><Buttonandroid:id="@+id/getOut"android:text="取消"android:layout_width="match_parent"android:layout_height="wrap_content"/>
</LinearLayout>

简简单单的一个线性布局+三个按钮

其次,就是使用Dialog。

private Dialog dialogPhoto;
引入布局 R.layout.dialog_photo_select即xml文件 第二个参数和第三个参数填false就行。
View photoView = LayoutInflater.from(getContext()).inflate(R.layout.dialog_photo_select,null,false);
最重要的一点:控件的绑定
因为后面需要实现弹出来的dialog的点击事件,那么就需要绑定控件,而绑定控件时要注意下面红色处代码。
takePhoto = (Button) photoView.findViewById(R.id.take_photo_btn);
fromPhoto = (Button)  photoView.findViewById(R.id.select_photo_btn);
backPhoto = (Button) photoView.findViewById(R.id.getOut);
dialogPhoto = new AlertDialog.Builder(getContext()).setView(photoView).create();
dialogPhoto.getWindow().setBackgroundDrawable(new ColorDrawable(Color.TRANSPARENT));//设置dialog背景透明
dialogPhoto.setCancelable(false);//点击dialog其他地方不能取消dialog
dialogPhoto.getWindow().setLayout(getResources().getDisplayMetrics().widthPixels * 3/4, LinearLayout.LayoutParams.WRAP_CONTENT);//设置对话框大小

最后,Dialog的点击事件。

既然你已经可以实现点击某处弹出一个Dialog出来,那么你肯定是需要对这个做一些处理的,即对上面的三个按钮实现点击事件。

backPhoto.setOnClickListener(new View.OnClickListener() {@Overridepublic void onClick(View view) {dialogPhoto.dismiss();}
});

另外两个按钮不多说了,举一反三。

实现效果图

二、Dialog添加圆角

如何自定义dialog圆角呢,上面的图片看不出效果也没有设置圆角,因为只有三个按钮,下面将会有不设置和设置圆角以后的效果图。

首先新建drawable文件

drawable/bg_dialog_transfer(名字你自己随意)

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

然后就是去你自定义dialog的布局文件里面去引用上面这个文件

 这一步设置了以后,千万千万注意要设置自定义的dialog的背景为透明的,否则圆角效果不会出现

代码中的dialog填你自己的自定义dialog名字即可。

                Window window = dialogName.getWindow();window.setBackgroundDrawable(new ColorDrawable(Color.TRANSPARENT));

设置完成看看效果图!

未设置圆角时

设置圆角后 

是不是美观多了🍉

文章也借鉴了另外一位大佬的相关内容,当然我也是从他这里偷学的!

圆角借鉴

继续加油,每天多学习一点,多进步一点。


http://chatgpt.dhexx.cn/article/suWsrRc6.shtml

相关文章

Android 自定义Dialog实现(二)

在之前的文章中介绍了自定Dialog的实现方法之一&#xff1a;https://blog.csdn.net/m0_57487205/article/details/124775019?spm1001.2014.3001.5501https://blog.csdn.net/m0_57487205/article/details/124775019?spm1001.2014.3001.5501 这篇文章记录一下另外一种实现…

Android-自定义Dialog

Android-自定义Dialog 2014年4月27日 星期天 天气晴朗 心情平静 本篇博文来分享一个也是开发中经常需要用到的功能-自定义对话框&#xff0c;这里我用到了Android中的图形资源shape&#xff0c;具体使用方法&#xff0c;各位看代码吧&#xff0c;Android有多钟图形资源&#xf…

Flutter 自定义Dialog

我们项目开发中&#xff0c;有很多地方会用到dialog&#xff0c;虽然flutter自身也有&#xff0c;比如AboutDialog、AlertDialog、SimpleDialog、CupertinoAlertDialog等等之类的&#xff0c;但是这些满足不了我们的控制欲&#xff0c;我们想要的是它可以根据我们的想法而随改变…

安卓自定义dialog弹窗

1.先设置dialog样式&#xff0c;style.xml <!-- dialog样式 --><style name"DialogTheme" parent"android:style/Theme.Dialog"><!-- 边框 --><item name"android:windowFrame">null</item><!-- 是否浮现在act…

Android 自定义Dialog的实现

最新实现了一个自定义Dialog的需求&#xff0c;先看看效果图&#xff1a; 下面说说如何实现&#xff1a; 首先需要自定义一个Dialog类&#xff0c;继承自android.app.Dialog类。这个Dialog类就是要显示的对话框&#xff0c;包含双选按钮和单选按钮两种效果。本例中自定义Custo…

Android自定义Dialog对话框的几种方法(精简版)

自定义对话框是经常使用的功能&#xff0c;我们常用的弹窗操作&#xff0c;除了使用popwindow就是使用dialog来实现&#xff0c;这两种组件都支持之定义布局和功能来满足我们个性化的需求&#xff0c;也可以不采用自定义而直接使用系统封装好的api来实现功能。今天简单总结下在…

自定义Dialog的简单实现

自定义Dialog的详细步骤&#xff08;实现自定义样式一般原理&#xff09; 发表于2016/3/22 22:12:57 1410人阅读 分类&#xff1a; android开发 转载请标注转载http://blog.csdn.net/oqihaogongyuan/article/details/50958659 自定义Dialog的详细步骤&#xff08;实现自定义样…

安卓dialog的使用+如何自定义dialog

吐槽 哇哇哇&#xff0c;刚写一半win10给我蓝屏了&#xff0c;心塞塞&#xff0c;以后写一点保存一点。回到正题&#xff0c;看到产品给我的设计图&#xff0c;有辣么多的自定义的dialog&#xff0c;发现之前自己只会系统自带的dialog&#xff0c;但是这样根本满足不了产品的需…

Android/安卓 自定义Dialog 最简单、最详细解释

看了很多视频&#xff0c;也在网上找了一些浏览量最多的文章&#xff0c;发现都太难懂或者太复杂&#xff0c;夹杂了很多其他功能&#xff0c;自定义度太高&#xff0c;很繁琐。所以我想写一个基础的自定义Dialog&#xff0c;只涉及基础的自定义&#xff0c;其他复杂的自定义可…

自定义Dialog的详细步骤(实现自定义样式一般原理)

转载请标注转载http://blog.csdn.net/oqihaogongyuan/article/details/50958659 自定义Dialog的详细步骤&#xff08;实现自定义样式一般原理&#xff09; 现在很多App的提示对话框都非常有个性&#xff0c;然而你还用系统的对话框样式&#xff0c;是不是觉得很落后呢&#xf…

CSS 文字超出部分显示省略号

一&#xff1a; title { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } 以上 CSS 适用于单行文字超出部分&#xff0c;显示「省略号」。如图&#xff1a; 二&#xff1a; title { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-cl…

css三行代码实现多行文字超出部分省略号代替

就是我们在页面开发的时候有时为了更加美观&#xff0c;让文字在同行显示&#xff0c;超出的部分用省略号替代 而这个效果我们直接实现3行css实现 white-space: nowrap; 让文字在一行显示&#xff0c;不允许换行 overflow: hidden; 超出部分隐藏 text-overflow: ellipsis; 超…

IOS不兼容超出部分省略号 且页面显示不起作用 行数限定无作用

IOS不兼容超出部分省略号 且页面显示不起作用 行数限定无作用 换成下面的写法 overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;

CSS超出部分省略号

1&#xff0c;单行文本实现超出部分省略号 overflow:hidden; //超出的文本隐藏 text-overflow:ellipsis; //溢出用省略号显示 white-space:nowrap; //溢出不换行 2&#xff0c;多行文本实现超出部分省略号 overflow:hidden; text-overflow:ellipsis; display:-webkit-b…

css文字超出部分省略号代替

问题 之前做过好过网页&#xff0c;其中经常遇到一个常用的知识点&#xff0c;就是当文字超出界面的范围&#xff0c;用省略号代替显示&#xff0c;给网页一美观。 解决方案 1.单行显示省略号&#xff1a; 点击查看代码详情 效果如下: 2.多行显示省略号&#xff1a; 点击…

CSS文字超出部分省略号显示

文章目录[隐藏] CSS 文字超出部分省略号显示前言CSS 文字超出部分省略号显示实现方法CSS 文字超出部分省略号显示实现效果 CSS 文字超出部分省略号显示前言 在我们开发过程中&#xff0c;其实有这样的需求&#xff1a; 在一个文章列表中&#xff0c;文章摘录太长了会影响排版格…

css 文字换行和超出部分省略号

css 文字换行和超出部分省略号 文字空格与换行 当文本溢出父级 block 元素时, 文本会换行; 这个特性是通过 white-space 控制的; 它影响浏览器处理空格, 换行和 tab 的处理; 它有下面几种值 normal, 默认值, 连续的空白符会被合并&#xff0c;换行符会被当作空白符来处理。…

overflow超出部分省略号

实现上图所示样式 单行超市省略号 width: 9rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; //单行超出显示省略号可设置多行超出省略 //两行超出.overhide {display: -webkit-box !important;text-overflow: ellipsis;overflow: hidden;-webkit-line-cla…

html字体超出后隐藏省略号,CSS控制文字超出部分省略号显示

一:单行文本显示不完时,我们只需要设置单行文本的宽度,不允许换行,溢出隐藏及换行省略四个属性即可: p{max-width: 100px; overflow:hidden; text-overflow:ellipsis; /*禁止换行显示*/ white-space:nowrap; background-color:#ffe51a; } 哈哈哈哈哈哈哈,哈哈哈哈哈,哈哈…

文本超出部分显示省略号

我们经常在网站上可以看到以下样式&#xff0c;标题太长&#xff0c;一行显示不下&#xff0c;则会使用省略号来代替。但是事实上&#xff0c;这个省略号并不是打字打上去的&#xff0c;而是使用代码表示出来的。 今天则主要介绍如何让文本超出部分显示省略号。 1.单行文本超出…