我正在构建一个使用RecyclerView
的Android应用。我想在RecyclerView
添加分隔符,我使用此代码进行了分隔:
DividerItemDecoration dividerItemDecoration = new DividerItemDecoration(recyclerView.getContext(), linearLayoutManager.getOrientation());
recyclerView.addItemDecoration(dividerItemDecoration);
到目前为止一切正常。但是,分频器的大小是全屏的,我想为它添加边距。有没有办法可以使用一种方法为分隔符添加边距,这种方法会为绘制的矩形添加一些空间,而不是通过创建带边距的自定义可绘制形状并将其添加到RecyclerView
?
答案 0 :(得分:33)
我认为最直接的解决方案是在装饰对象上使用setDrawable方法,并使用您想要的边距的插入值向其传递一个插图。像这样:
int[] ATTRS = new int[]{android.R.attr.listDivider};
TypedArray a = context.obtainStyledAttributes(ATTRS);
Drawable divider = a.getDrawable(0);
int inset = getResources().getDimensionPixelSize(R.dimen.your_margin_value);
InsetDrawable insetDivider = new InsetDrawable(divider, inset, 0, inset, 0);
a.recycle();
DividerItemDecoration itemDecoration = new DividerItemDecoration(context, DividerItemDecoration.VERTICAL);
itemDecoration.setDrawable(insetDivider);
recyclerView.addItemDecoration(itemDecoration);
答案 1 :(得分:8)
使用此选项并根据您的要求进行自定义。
public class DividerItemDecoration extends RecyclerView.ItemDecoration {
private static final int[] ATTRS = new int[]{android.R.attr.listDivider};
private Drawable divider;
/**
* Default divider will be used
*/
public DividerItemDecoration(Context context) {
final TypedArray styledAttributes = context.obtainStyledAttributes(ATTRS);
divider = styledAttributes.getDrawable(0);
styledAttributes.recycle();
}
/**
* Custom divider will be used
*/
public DividerItemDecoration(Context context, int resId) {
divider = ContextCompat.getDrawable(context, resId);
}
@Override
public void onDraw(Canvas c, RecyclerView parent, RecyclerView.State state) {
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);
RecyclerView.LayoutParams params = (RecyclerView.LayoutParams) child.getLayoutParams();
int top = child.getBottom() + params.bottomMargin;
int bottom = top + divider.getIntrinsicHeight();
divider.setBounds(left, top, right, bottom);
divider.draw(c);
}
}
}
答案 2 :(得分:5)
您可以为回收商视图创建自己的项目装饰。 这是相同的代码。
public class SimpleItemDecorator extends RecyclerView.ItemDecoration {
int space;
boolean isHorizontalLayout;
public SimpleItemDecorator(int space) {
this.space = space;
}
public SimpleItemDecorator(int space, boolean isHorizontalLayout) {
this.space = space;
this.isHorizontalLayout = isHorizontalLayout;
}
@Override
public void getItemOffsets(Rect outRect, View view, RecyclerView parent, RecyclerView.State state) {
super.getItemOffsets(outRect, view, parent, state);
if(isHorizontalLayout)
{
outRect.bottom=space;
outRect.right=space;
outRect.left=space;
outRect.top=space;
} else {
outRect.bottom = space;
if (parent.getChildAdapterPosition(view) == 0)
outRect.top = space;
else
outRect.top = 0;
}
}
}
要将它与您的recyclerview一起使用,您可以这样做:
recyclerView.addItemDecoration(new SimpleItemDecorator(5));
答案 3 :(得分:4)
shape.xml
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle">
<solid android:color="#E6E7F0" />
<size android:height="1dp" />
</shape>
layer.xml
<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<item
android:drawable="@drawable/shape"
android:left="16dp"
android:right="16dp" />
</layer-list>
代码
val itemDecoration = DividerItemDecoration(context, DividerItemDecoration.VERTICAL)
itemDecoration.setDrawable(resources.getDrawable(R.drawable.layer, null))
recyclerView.addItemDecoration(itemDecoration)
答案 4 :(得分:1)
与@Vivek的回答相同,但在Kotlin和不同的参数中
class SimpleItemDecorator : RecyclerView.ItemDecoration {
private var top_bottom: Int = 0
private var left_right: Int = 0
/**
* @param top_bottom for top and bottom margin
* @param left_right for left and right margin
*/
constructor(top_bottom: Int, left_right: Int = 0) {
this.top_bottom = top_bottom
this.left_right = left_right
}
override fun getItemOffsets(outRect: Rect, view: View, parent: RecyclerView, state: RecyclerView.State) {
super.getItemOffsets(outRect, view, parent, state)
outRect.bottom = top_bottom
outRect.top = top_bottom
outRect.right = left_right
outRect.left = left_right
}
}
答案 5 :(得分:0)
下面是RecyclerView
中带有左页边距的除法器代码。只需将代码粘贴到OnCreate
的{{1}}方法中即可。
MainActivity
class SimpleDividerItemDecoration extends RecyclerView.ItemDecoration {
private Drawable mDivider;
public SimpleDividerItemDecoration(Context context) {
mDivider = context.getResources().getDrawable(R.drawable.divider);
}
@Override
public void onDrawOver(Canvas c, RecyclerView parent, RecyclerView.State state) {
int left = 250;
int right = parent.getWidth() - parent.getPaddingRight();
int childCount = parent.getChildCount();
for (int i = 0; i < childCount; i++) {
View child = parent.getChildAt(i);
RecyclerView.LayoutParams params = (RecyclerView.LayoutParams) child.getLayoutParams();
int top = child.getBottom() + params.bottomMargin;
int bottom = top + mDivider.getIntrinsicHeight();
mDivider.setBounds(left, top, right, bottom);
mDivider.draw(c);
}
}
}
因此,recyclerView.addItemDecoration(new SimpleDividerItemDecoration(
getApplicationContext()));
文件将从您的drawable文件夹中丢失,因此以下是在drawable文件夹上创建分隔符后必须粘贴的代码。
divider.xml
答案 6 :(得分:0)
详细介绍@ SeptimusX75:如果您(像我一样)更喜欢使用XML编写UI内容,则可以创建嵌入式可绘制文件。您必须创建第二个XML文件,但是由于返回的代码更干净,我说这是值得的:-)。
divider_base.xml (实际的分隔符):
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle">
<size android:height="1dp" />
<solid android:color="@color/dividerColor" />
</shape>
divider.xml (插图):
<inset xmlns:android="http://schemas.android.com/apk/res/android"
android:drawable="@drawable/divider_base"
android:insetRight="20dp"
android:insetLeft="20dp">
</inset>
答案 7 :(得分:0)
这是一个简单的Kotlin
代码段,用于通过ItemDecoration
实现RecyclerView
:
recyclerView.addItemDecoration(object : RecyclerView.ItemDecoration() {
override fun getItemOffsets(outRect: Rect, view: View, parent: RecyclerView, state: RecyclerView.State) {
outRect.left = 20 // Left Margin.
outRect.right = 20 // Right Margin.
outRect.top = 16 // Top Margin.
outRect.bottom = 16 // Bottom Margin.
}
})
外植:-在上面的示例代码中,我们为每个 从所有四个方向查看RecyclerView。
快乐编码...