首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Android使用CardView实现圆角对话

前言:随着用户体验的不断的加深,良好的UI视觉效果也必不可少,以前方方正正的对话样式在APP已不复存在,取而代之的是带有圆角效果的Dialog,之前设置对画框的圆角效果都是通过drawable/shape...属性来完成,随着Google API的不断更新,API 21(Android 5.0)添加了新的控件CardView,这使得圆角的实现更加方便快捷。...</LinearLayout </LinearLayout </android.support.v7.widget.CardView 1.cardCornerRadius属性:设置圆角的弧度大小...padding、cardUseCompatPadding(内边距)、background等属性 3.CardView继承自FrameLayout,使用时可以重新嵌套布局 2.代码实现 /** * 展示对话...总结:CardView实现对话圆角效果更加的方便,不用编写shape属性,当标题栏需要背景色时,也无需考虑设置标题栏的shape(不使用CardView时,如果不使用shape设置背景色,会导致左上和右上不会变成圆角

1.6K10
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    Android自定义Dialog实现通用圆角对话

    前言:圆角对话框在项目中用的越来越多,之前一篇文章有介绍过使用系统的AlertDialog+CardView(Android中使用CardView实现圆角对话)实现了圆角对话的样式,今天介绍自定义Dialog...实现通用的圆角对话。...* 自定义的带圆角的对话 */ public class RoundCornerDialog extends AlertDialog{ private TextView tvTitle;...,但如果另一个页面要求不同背景色,按钮的文本也不是“确定”和“取消”呢,我们是不是又的重写定义dialog和设置布局文件呢,显然这样很麻烦,貌似与我们的标题写的通用的圆角对话也不相符啊,这似乎不太好吧...接下来,我们进行一番改造,打造通用的圆角对话

    3.2K20

    jquery - 页面 - 阻止事件冒泡示例

    需求 编写一个简单的页面的示例,功能要求如下: 一个点击按钮,点击可以弹出一个弹固定出现在页面的中间位置 需要写一个背景mask,用于遮掩背景,设置透明度0.3 点击弹外的位置,弹就可以消失不见...,可以使用fadeOut() 点击弹框内的文本可以输入内容,弹不会消失不见 点击弹右上角的 × 号,则关闭弹 看完了需求,首先快速写好一波html + css 编写基本html + css ?...好了,这里已经实现了点击显示的操作了,那么下一步要编写点击弹的其他部分,则弹隐藏。 编写点击弹外部,则隐藏 ?...但是,此时点击弹框内也是会让弹消失的,那如果我要填写弹的input来写内容,还没写就消失了,这该怎么办呢?...最后,编写弹右上角的× 号,点击则隐藏弹 因为现在点击弹都不会隐藏,所以可以单独给#close写一个click()方法,设置触发fadeOut()事件。 ?

    3.3K10

    【CSS】盒子模型圆角边框 ( 通过设置 border-radius 样式设置圆角矩形圆角半径 )

    文章目录 一、盒子模型圆角边框 二、代码示例 1、代码示例 - 正常矩形边框 2、代码示例 - 圆形边框 3、代码示例 - 圆角矩形边框 4、代码示例 - 综合对比示例 一、盒子模型圆角边框 ---...- 在 CSS3 中 , 新加入了 圆角边框 样式 , 设置 border-radius: length; 属性 , 即可设置 盒子模型 的 圆角边框 ; border-radius 属性值取值 :..., 使用了圆角边框 ; 圆角的按钮 : 下图中 头像 以及 下面的两个 按钮 , 都是圆角边框 ; 二、代码示例 ---- 1、代码示例 - 正常矩形边框 默认情况下的边框 , 是 矩形的边框...的 圆角半径 为 50% 或者 高度/宽度 的一半 , 则该圆角矩形 表现就是一个圆 ; 代码示例 : <!...= 宽度 , 并且 圆角矩形 的 圆角半径 为 高度 的一半 , 则该圆角矩形 表现就是一个正常的圆角矩形 , 左右两侧是圆角 ; 代码示例 : <!

    2.3K20

    【Flutter 专题】20 图解【分享页面】底部对话

    和尚在学习 Flutter 过程中需要处理一个类似 Android 中 PopupWindow 效果的分享弹页。看似很简单的页面,里面却有很多值得尝试的地方。...build(BuildContext context) { return new Scaffold( appBar: new AppBar( title: new Text("分享页面...1.2 若此时设置内容 Widget 宽高,会发现依旧是重新打开一个页面,高度从底向上占据所设置高度,且点击空白区不会消失,如图: ?...Modal 式工作表:是一个半透明的页面,默认占据屏幕一半 ScaffoldState.showModalBottomSheet。...2.2 若此时设置内容 Widget 宽高,会发现依旧是打开一个半透明页面,高度从底向上占据所设置高度,且点击空白区会消失,如图: ?

    1.2K71
    领券