Android使用CardView实现圆角对话框
作者:ruancw 时间:2023-01-03 20:53:34
前言:随着用户体验的不断的加深,良好的UI视觉效果也必不可少,以前方方正正的对话框样式在APP已不复存在,取而代之的是带有圆角效果的Dialog,之前设置对画框的圆角效果都是通过drawable/shape属性来完成,随着Google API的不断更新,API 21(Android 5.0)添加了新的控件CardView,这使得圆角的实现更加方便快捷。
效果图:
导入CardView依赖(API 21新控件)
implementation 'com.android.support:cardview-v7:26.1.0'
1.布局引用
<android.support.v7.widget.CardView
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
android:layout_width="match_parent"
android:layout_height="wrap_content"
app:cardCornerRadius="@dimen/dp_10">
<LinearLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:orientation="vertical">
<TextView
android:id="@+id/tv_title"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:background="@color/colorTabClick"
android:gravity="center"
android:padding="@dimen/dp_10"
android:text="温馨提示:确定修改维护详情信息?"
android:textColor="@color/bg_mainWhite"
android:textSize="@dimen/dp_16" />
<View
android:layout_width="match_parent"
android:layout_height="1dp"
android:background="@color/bg_line" />
<TextView
android:id="@+id/tv_des"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:padding="@dimen/dp_10"
android:gravity="top"
/>
<View
android:layout_width="match_parent"
android:layout_height="1dp"
android:background="@color/bg_line" />
<LinearLayout
android:layout_width="match_parent"
android:layout_height="50dp"
android:orientation="horizontal">
<TextView
android:id="@+id/tv_cancel"
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="1.0"
android:gravity="center"
android:text="取消"
android:textSize="@dimen/dp_16" />
<View
android:layout_width="1dp"
android:layout_height="match_parent"
android:background="@color/bg_line" />
<TextView
android:id="@+id/tv_confirm"
android:layout_width="0dp"
android:layout_height="match_parent"
android:layout_weight="1.0"
android:gravity="center"
android:text="确定"
android:textSize="@dimen/dp_16" />
</LinearLayout>
</LinearLayout>
</android.support.v7.widget.CardView>
1.cardCornerRadius属性:设置圆角的弧度大小,这里设置的为10dp
2.CardView还有padding、cardUseCompatPadding(内边距)、background等属性
3.CardView继承自FrameLayout,使用时可以重新嵌套布局
2.代码实现
/**
* 展示对话框
*/
private void showDialog(String title) {
//初始化布局文件
View dialogView = View.inflate(mContext, R.layout.dialog_layout_test, null);
//标题
TextView tvTitle = (TextView) dialogView.findViewById(R.id.tv_title);
//确定按钮
TextView tvConfirm = (TextView) dialogView.findViewById(R.id.tv_confirm);
//取消按钮
TextView tvCancel = (TextView) dialogView.findViewById(R.id.tv_cancel);
//描述信息
TextView tvDes= (TextView) dialogView.findViewById(R.id.tv_des);
//设置标题及描述信息
tvTitle.setText(title);
tvDes.setText("退出当前登录后将要重新登录!");
//确定和取消按钮监听事件
tvConfirm.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
Intent intent = new Intent(mContext,LoginActivity.class);
startActivity(intent);
UIUtil.toast("退出成功,请重新登录");
getActivity().finish();
mDialog.dismiss();
}
});
tvCancel.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
mDialog.dismiss();
}
});
mMessageBuilder = new AlertDialog.Builder(mContext);
mDialog = mMessageBuilder.create();
//设置背景色为透明,解决设置圆角后有白色直角的问题
Window window=mDialog.getWindow();
window.setBackgroundDrawable(new ColorDrawable(Color.TRANSPARENT));
mDialog.setView(dialogView);
mDialog.setCanceledOnTouchOutside(false);//点击屏幕不消失
mDialog.show();
//设置参数必须在show之后,不然没有效果
WindowManager.LayoutParams params = mDialog.getWindow().getAttributes();
mDialog.getWindow().setAttributes(params);
}
使用的是V7包的AlertDialog实现的,当然也可以使用Dialog实现。
总结:CardView实现对话框的圆角效果更加的方便,不用编写shape属性,当标题栏需要背景色时,也无需考虑设置标题栏的shape(不使用CardView时,如果不使用shape设置背景色,会导致左上和右上不会变成圆角)。
来源:https://blog.csdn.net/ruancw/article/details/80598377
标签:Android,CardView,圆角对话框
0
投稿
猜你喜欢
SpringBoot整合RabbitMQ实现六种工作模式的示例
2021-10-17 06:21:08
SpringBoot+SpringCloud用户信息微服务传递实现解析
2022-12-08 13:51:42
Java实现字符串转换成可执行代码的方法
2022-06-14 02:30:49
在AndroidManifest.xml中uses-sdk内属性意思
2021-10-08 17:16:09
C语言函数声明以及函数原型超详细讲解示例
2023-03-31 03:12:02
C#调用QQ_Mail发送邮件实例代码两例
2023-11-10 17:27:05
Java如何设置PDF文档背景色详解
2022-07-08 08:17:19
C#中ManualResetEvent用法总结
2023-01-21 23:41:41
详解spring cloud eureka注册中心
2023-11-10 17:54:10
Java实现数据库连接池的方法
2023-11-28 08:57:30
unity使用射线实现贴花系统
2023-04-23 10:22:00
Android使用OkHttp发送post请求
2022-12-04 13:24:57
Android实现简洁的APP更新dialog数字进度条
2023-01-29 18:53:39
C#多线程之线程池(ThreadPool)
2022-05-02 07:12:15
C#实现猜数字游戏
2021-11-16 07:29:58
Java非静态成员变量之死循环(详解)
2022-04-15 09:18:20
JavaMail实现邮件发送的方法
2023-08-18 06:37:38
一文带你了解C#中抽象方法与虚方法的区别
2023-07-23 00:14:32
使用BindingResult 自定义错误信息
2023-09-02 17:43:01
WPF换肤设计原理浅析
2022-11-18 00:37:00