首页
学习
活动
专区
工具
TVP
发布
您找到你想要的搜索结果了吗?
是的
没有找到

Material Design — 分隔线(Dividers)

Deviders 分隔线是一种轻量级的规则,它将列表和页面布局中的内容分组。 分隔线能将页面内容和层次结构组织成单个块。 全出血分隔线强调单独的内容区域和需要更明显的视觉分离的部分。...左:内置分隔线将主要部分分开    右:将分隔线与锚点元素结合使用 ?...分隔线滥用导致视觉噪声与分隔弱化 ---- 分隔线类型 全出血分隔线 全出血分隔线在列表和页面布局中分隔不同的内容部分(eg 联系人信息中的内容详情)或不同的内容元素(eg 列表项)。...全出血分隔线还可以展示材料中内容膨胀时材料将膨胀的材料中的分隔(如下图右)。 ? 内置分隔线 内置分隔线分隔相关内容,例如对话中的联系人列表或电子邮件列表中的部分。...内置分隔线应与锚点元素(eg 与标题对齐的图标或头像)一起使用。 ? 子标题和分隔线分隔线与子标题一起使用时,将分隔线放在子标题上方以加强子标题和内容之间的关系。 ?

1.6K120

Android 中为RecyclerView控件添加分隔线

下面来看一下怎么对RecyclerView中的子项添加分隔线: 首先,我们要知道,要对RecyclerView控件中的子项添加分隔线,我们要利用RecyclerView.ItemDecoration...parent, RecyclerView.State state) { super.onDraw(c, parent, state); } // 也可以在这个方法中绘制分隔线...canvas); } } } } 代码看似有点多,但是主要的逻辑不复杂:对RecyclerView的子项排布方式进行判断,两个方法分别用于绘制线性布局的分隔线和网格布局的分隔线...我们注意到这里的分隔线使用了我们自定义的资源,因此,我们要在drawable文件夹中新建一个资源文件my_list_divider.xm: <?...好了,RecyclerView控件的分隔线就介绍的差不多了,RecyclerView控件相当于ListView控件的升级版,使用步骤也类似:定义控件、使用适配器添加数据、添加布局管理器、添加分隔线、添加动画效果等等

1.9K10

Android去除AlertDialog的按钮栏的分隔线

在网上学习了一种继承系统AlertDialog然后用一统一方法控制dialog显示的方法,效果还不错,但按钮栏那里的分隔线并不是想要的。...于是去查看sdk中的AlertDialog的xml文件中的布局,发现其中并没有这一分隔线的影子,所以判断应该是在style中进行设置的。 ?...name=”showDividers” android:showDividers属性可以设置如下4个值: none:不显示分隔线; beginning:在LinearLayout的开始处显示分隔线; end...:在Linearlayout的结尾处显示分隔线; middle:在LinearLayout中的每两个组件间显示分隔线; 所以如果不想按钮栏带有分隔线就可以创建自己的按钮栏样式并继承”Holo.Light.ButtonBar.AlertDialog...例如,如果是垂直的divider,则这一padding就是divider距离按钮栏上下边界的距离。 ? dividerPadding.png 以上就是本文的全部内容,希望对大家的学习有所帮助。

97530

Css 垂直居中

“44 年前我们就把人类送上月球了,但现在我们仍然无法在 CSS 中 实现垂直居中。”...然而如果要对一个元素进行垂直居中,可能光是想想就令人头皮发麻了。 长久以来,为了解决这一绝世难题,前端开发者们殚精竭虑,琢磨出了各种解决方法,可惜大多数并不实用。...在本篇攻略中,我们将探索现代 CSS 的强大威力,以全新的思路去攻克各种场景下的垂直居中难题。...请注意,有几种技巧十分流行,但在这里并不会深入探讨,原因如下: 1、表格布局法(利用表格的显示模式)需要用到一些冗余的 HTML 元素,实现起来不够优雅简洁,因此这里不多介绍。...虽然没有垂直居中效果,但也是完全可以接受的。 Flexbox 的另一个好处在于,它还可以将匿名容器(即没有被标签包裹的文本节点)垂直居中。

2.3K10
领券