首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

RecyclerView分割线开发技巧

在上一期通过简单学习,已经领略到了RecyclerView的灵活性,当然都是一些最基础的用法,那么本期一起来学习RecyclerView的分割线使用。...一、背景设置显示间隔 先给RecyclerView添加黑色背景,然后再给每个item添加白色背景并设置间隔1dp,这样自然就用背景空隙当做分割线了。...二、自定义分割线 上面第一种实现方式非常简单,但有时候还是不足以完成实际需求,这就需要用到自定义分割线了。 还记得上期里面提到的ItemDecoration类的作用了吗?...RecyclerView类也提供了一个addItemDecoration方法,我们可以通过该方法添加分割线。...可以看到,自定义分割线的自由度和灵活性较大,也更加炫丽,完全可以根据实际需要来定制。

1.4K80

用伪元素:after实现分割线和气泡

在网页设计中显示分割线可以使用元素的border单边显示即可,但是这种方法会增大元素的长度或者宽度,在元素需要精细计算以便达到布局效果的情况下,添加border往往会打乱布局。...比如下面的html代码,想实现两个horizontal-cell的div水平排列,并且各占父节点的50%的宽度,并且中间要添加分割线。...">显示分割线 如果我们只是简单在separator类的样式的中添加border-left 属性,虽然也添加了分割线,但是会影响两个horizontal-cell类的div布局将会从横向变成纵向...我们也可以用同样的方法实现水平的分割线。 用类似的方法我们也可以在垂直排列的内部文字需要对齐的列表上打标记。...html代码和相应的css代码如下: 不带mark 的 cell0 <div class

3.3K10
领券