最近遇到一个问题,用RecyclerView显示数据,纵向列表显示,添加默认分割线。
问题是:底部也会显示分割线,这很影响美观。
怎么解决这个问题呢?我想了很多办法,毫无头绪。。。
最后,查看默认分割线的类DividerItemDecoration的源码:
public class DividerItemDecoration extends ItemDecoration { private static final int[] ATTRS = new int[]{16843284}; public static final int HORIZONTAL_LIST = 0; public static final int VERTICAL_LIST = 1; private Drawable mDivider; private int mOrientation; public DividerItemDecoration(Context context, int orientation) { TypedArray a = context.obtainStyledAttributes(ATTRS); this.mDivider = a.getDrawable(0); a.recycle(); this.setOrientation(orientation); } public void setOrientation(int orientation) { if(orientation != 0 && orientation != 1) { throw new IllegalArgumentException("invalid orientation"); } else { this.mOrientation = orientation; } } public void onDraw(Canvas c, RecyclerView parent) { if(this.mOrientation == 1) { this.drawVertical(c, parent); } else { this.drawHorizontal(c, parent); } } public void drawVertical(Canvas c, RecyclerView parent) { int left = parent.getPaddingLeft(); int right = parent.getWidth() - parent.getPaddingRight(); int childCount = parent.getChildCount(); for(int i = 0; i < childCount; ++i) { View child = parent.getChildAt(i); LayoutParams params = (LayoutParams)child.getLayoutParams(); int top = child.getBottom() + params.bottomMargin; int bottom = top + this.mDivider.getIntrinsicHeight(); this.mDivider.setBounds(left, top, right, bottom); this.mDivider.draw(c); } } public void drawHorizontal(Canvas c, RecyclerView parent) { int top = parent.getPaddingTop(); int bottom = parent.getHeight() - parent.getPaddingBottom(); int childCount = parent.getChildCount(); for(int i = 0; i < childCount; ++i) { View child = parent.getChildAt(i); LayoutParams params = (LayoutParams)child.getLayoutParams(); int left = child.getRight() + params.rightMargin; int right = left + this.mDivider.getIntrinsicHeight(); this.mDivider.setBounds(left, top, right, bottom); this.mDivider.draw(c); } } public void getItemOffsets(Rect outRect, int itemPosition, RecyclerView parent) { if(this.mOrientation == 1) { outRect.set(0, 0, 0, this.mDivider.getIntrinsicHeight()); } else { outRect.set(0, 0, this.mDivider.getIntrinsicWidth(), 0); } } }
因为我用到的是垂直列表,用到的是红色字体处的代码:
public void drawVertical(Canvas c, RecyclerView parent) { int left = parent.getPaddingLeft(); int right = parent.getWidth() - parent.getPaddingRight(); int childCount = parent.getChildCount(); for(int i = 0; i < childCount; ++i) { View child = parent.getChildAt(i); LayoutParams params = (LayoutParams)child.getLayoutParams(); int top = child.getBottom() + params.bottomMargin; int bottom = top + this.mDivider.getIntrinsicHeight(); this.mDivider.setBounds(left, top, right, bottom); this.mDivider.draw(c); } }
从代码中很容易看出只要修改for循环中的内容就可去掉底部的分割线:
public void drawVertical(Canvas c, RecyclerView parent) { int left = parent.getPaddingLeft(); int right = parent.getWidth() - parent.getPaddingRight(); int childCount = parent.getChildCount(); for(int i = 0; i < childCount-1; ++i) { View child = parent.getChildAt(i); LayoutParams params = (LayoutParams)child.getLayoutParams(); int top = child.getBottom() + params.bottomMargin; int bottom = top + this.mDivider.getIntrinsicHeight(); this.mDivider.setBounds(left, top, right, bottom); this.mDivider.draw(c); } }
因为这个类我们不能直接修改,所以我们可以自定义一个类,修改相应内容,添加分割线的时候,使用自定义类。
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持小牛知识库。
本文向大家介绍Android实现RecyclerView添加分割线的简便方法,包括了Android实现RecyclerView添加分割线的简便方法的使用技巧和注意事项,需要的朋友参考一下 1、前言 刚开始学习RecyclerView的时候我跟着一个视频学的,当时添加分割线是从外面导入一个Java类,然后使用里面的函数来创建分割线的,所以一直以来我都是这样做的。直到前几天才无意中发现,原来v7包中提
本文向大家介绍Android RecyclerView实现水平、垂直方向分割线,包括了Android RecyclerView实现水平、垂直方向分割线的使用技巧和注意事项,需要的朋友参考一下 android RecyclerView不像过去的ListView那样随意的设置水平方向的分割线,如果要实现RecyclerView的水平/垂直分割线,则需要继承自RecyclerView.ItemDecor
我有一个顶部有标题的(即一个标题,一个,描述
本文向大家介绍android中RecyclerView自定义分割线实现,包括了android中RecyclerView自定义分割线实现的使用技巧和注意事项,需要的朋友参考一下 最近一直在看RecyclerView,较之ListView它确实是灵活多变,给予开发者更多自定义的空间,比如:需要添加头部和尾部、item的点击事件、自定义的LayoutManager,还有就是下面要说的自定义的分割线。 1
介绍 用于将内容分隔为多个区域。 引入 import { createApp } from 'vue'; import { Divider } from 'vant'; const app = createApp(); app.use(Divider); 代码演示 基础用法 默认渲染一条水平分割线。 <van-divider /> 展示文字 通过插槽在可以分割线中间插入内容。 <van-di
使用指南 引入方式 import { Divider } from "feart"; components:{ 'fe-divider':Divider } 代码演示 基础用法 默认渲染一条水平分割线 <fe-divider /> 展示文字 通过插槽在可以分割线中间插入内容 <fe-divider>文字</fe-divider> 虚线 添加dashed属性使分割线渲染为虚线 <fe-di
Divider 分割线 平台差异说明 App H5 微信小程序 支付宝小程序 百度小程序 头条小程序 QQ小程序 √ √ √ √ √ √ √ 基本使用 文字内容通过slot传入 <u-divider>大漠孤烟直</u-divider> 设置文字颜色 可以通过color指定文字的颜色 <u-divider color="#fa3534">长河落日圆</u-divider> 设置单边边线条宽度和颜
区隔内容的分割线。 基础用法 对不同章节的文本段落进行分割。 demo <template> <div> <span>青春是一个短暂的美梦, 当你醒来时, 它早已消失无踪</span> <el-divider></el-divider> <span>少量的邪恶足以抵消全部高贵的品质, 害得人声名狼藉</span> </div> </template> 设置文案 可