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

Material Design — 分隔线(Dividers)

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

1.7K120

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控件的升级版,使用步骤也类似:定义控件、使用适配器添加数据、添加布局管理器、添加分隔线、添加动画效果等等

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

    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.png name=”dividerPadding” 这一属性就是分隔线对于按钮栏的padding。

    1.1K30

    CSS实现自适应分隔线的N种方法

    具体实现如下 html结构为 我是分割线 css样式为 .title{ position: relative; text-align:...具体实现如下 html结构为 我是分割线 css样式为 .title{ display: flex; align-items: center...同样利用text-align: center使文本和伪元素居中,然后生成足够大的box-shadow或者outline,由于不支持单个方向,所以用clip-path或者clip裁剪掉 具体实现如下 html...伪元素+right:100% 这个实现需要多一层标签,外部仍然是text-align: center,内部文本里添加两个伪元素绝对定位,其中左边的设置距离右边100%(相对于文本标签)即可 具体实现如下 html...(伪元素+table-cell) 8.fieldset+legend 利用fieldset和legend标签组合,可以天然实现分隔线效果,参考至张鑫旭的这篇文章 具体实现如下 html结构为 <fieldset

    2.2K20

    【CSS】510- CSS实现自适应分隔线的N种方法

    具体实现如下 html结构为 我是分割线 css样式为 .title{ position: relative; text-align:...具体实现如下 html结构为 我是分割线 css样式为 .title{ display: flex; align-items: center...同样利用text-align: center使文本和伪元素居中,然后生成足够大的box-shadow或者outline,由于不支持单个方向,所以用clip-path或者clip裁剪掉 具体实现如下 html...伪元素+right:100% 这个实现需要多一层标签,外部仍然是text-align: center,内部文本里添加两个伪元素绝对定位,其中左边的设置距离右边100%(相对于文本标签)即可 具体实现如下 html...(伪元素+table-cell) 8.fieldset+legend 利用fieldset和legend标签组合,可以天然实现分隔线效果,参考至张鑫旭的这篇文章 具体实现如下 html结构为 <fieldset

    75910

    HTML 入门笔记 - 初识HTML

    DOCTYPE HTML>标题标签... ---- 了解HTML的代码注释 什么是代码注释?代码注释的作用是帮助程序员标注代码的用途,过一段时间后再看你所编写的代码,就能很快想起这段代码的用途。...---- 为你的网页中添加一些空格 在html代码中输入空格、回车都是没有作用的。要想输入空格,必须写入nbsp;。不要忘了那个分号 在html代码中输入空格是不起作用的,如下代码。 ?...语法: html4.01版本 xhtml1.0版本 注意: 标签和标签一样也是一个空标签,所以只有一个开始标签,没有结束标签。...答案是使用HTML表单(form)。表单是可以把浏览者输入的数据传送到服务器端,这样服务器端程序就可以处理表单传过来的数据。

    6.5K51

    HTML入门手记(1)HTML概述HTML基本语法

    HTML概述 学习原因:希望制作一云项目控制工具,HTML用于提供GUI并消除不同客户端差异 学习目标:会使用HTML语言,Jinja模板和Bootstrap框架(不求精通) 教程选择: 目标 教程 HTML...语言 菜鸟HTML教程 JinJa模板 思诚之道Jinja教程 Bootstrap框架 未定 HTML是一种超文本标记语言,由不同的标签构成树形结构。...超文本标记语言(英语:HyperText Markup Language,简称:HTML)是一种用于创建网页的标准标记语言。...您可以使用 HTML 来建立自己的 WEB 站点,HTML 运行在浏览器上,由浏览器来解析。...HTML基本语法 元素与属性 HTML由元素构成,每个元素由元素开始标签,元素内容和元素结束标签构成如b中,为元素开始标签表示一个段落元素开始,b为元素内容,为元素结束标签,

    9.5K41

    Python 函数嵌套的演练 - 打印分隔线、给函数增加专业文档注释的技巧

    体会一下在工作场景中多变的需求:函数嵌套的演练 - 打印分隔线 需求一: 定义一个print_line函数能够打印*组成的一条分隔线。...代码: def print_line(): print("*" * 50) print_line() 执行结果: 需求二: 定义一个函数能够打印由任意字符组成的分隔线。...代码: def print_line(char): print(char * 50) print_line('-') 执行结果: 需求三: 定义一个函数能够打印重复次数组成的分隔线。...def print_line(char, times): print(char * times) print_line('+', 30) 执行结果: 需求四: 定义一个函数能够打印5行的分隔线...,分隔线要求符合需求3 提示:工作中针对需求的变化,应该冷静思考,不要轻易修改之前已经完成的能够正常执行的函数。

    1.3K20
    领券