添加RecycleView边缘渐变效果


添加此滑动到边缘的渐渐隐藏效果:
属性如下:

requiresFadingEdge

  • none(边框颜色不变)
  • horizontal(水平方向颜色变淡)
  • vertical(垂直方向颜色变淡)

fadingEdgeLength:用来设置边框渐变的长度

示例:

 <android.support.v7.widget.RecyclerView
        android:id="@+id/rv_list"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:requiresFadingEdge="vertical"
        android:fadingEdgeLength="40dp"/>

2:进阶,只要一部分

重写recycleView的类,重新设置返回值。

  • getTopFadingEdgeStrength(); 重写这个方法,设置返回值是0,去掉顶部阴影;
  • getBottomFadingEdgeStrength(); 重写这个方法,设置返回值是0,去底顶部阴影
  • getLeftFadingEdgeStrength(); 重写这个方法,设置返回值是0,去掉左部阴影
  • getRightFadingEdgeStrength(); 重写这个方法,设置返回值是0,去掉右部阴影

示例:

public class RecycleViewCustomer extends RecyclerView {
    public RecycleViewCustomer(@NonNull Context context) {
        super(context);
    }
    public RecycleViewCustomer(@NonNull Context context, @Nullable AttributeSet attrs) {
        super(context, attrs);
    }
    public RecycleViewCustomer(@NonNull Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
    }
    /**
     * 重写这个方法,返回值是0,去掉顶部阴影
     *
     * @return
     */
    @Override
    protected float getTopFadingEdgeStrength() {
        return super.getTopFadingEdgeStrength();
    }
    /**
     * 重写这个方法,返回值是0,去底顶部阴影
     *
     * @return
     */
    @Override
    protected float getBottomFadingEdgeStrength() {
        //return super.getBottomFadingEdgeStrength();
        return 0;
    }

    /**
     * 重写这个方法,返回值是0,去左顶部阴影
     *
     * @return
     */
    @Override
    protected float getLeftFadingEdgeStrength() {
        return super.getLeftFadingEdgeStrength();
    }

    /**
     * 重写这个方法,返回值是0,去底右部阴影
     *
     * @return
     */
    @Override
    protected float getRightFadingEdgeStrength() {
        return super.getRightFadingEdgeStrength();
    }
}
  • 2
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
要在RecyclerView中实现上下渐变,你可以使用一个叫做`ItemDecoration`的类来实现。在`ItemDecoration`中,你可以重写`onDrawOver()`方法,然后在该方法中绘制你想要的渐变效果。 下面是一个简单的实现示例,可以实现RecyclerView顶部和底部的渐变效果: ```java public class GradientItemDecoration extends RecyclerView.ItemDecoration { private int mGradientHeight = 100; //渐变高度,单位为px private int mGradientColor = Color.TRANSPARENT; //渐变颜色,默认为透明 public GradientItemDecoration(int gradientHeight, int gradientColor) { mGradientHeight = gradientHeight; mGradientColor = gradientColor; } @Override public void onDrawOver(Canvas c, RecyclerView parent, RecyclerView.State state) { super.onDrawOver(c, parent, state); int width = parent.getWidth(); int height = parent.getHeight(); //绘制顶部渐变 LinearGradient topGradient = new LinearGradient(0, 0, 0, mGradientHeight, mGradientColor, Color.TRANSPARENT, Shader.TileMode.CLAMP); Paint topPaint = new Paint(); topPaint.setShader(topGradient); c.drawRect(0, 0, width, mGradientHeight, topPaint); //绘制底部渐变 LinearGradient bottomGradient = new LinearGradient(0, height - mGradientHeight, 0, height, mGradientColor, Color.TRANSPARENT, Shader.TileMode.CLAMP); Paint bottomPaint = new Paint(); bottomPaint.setShader(bottomGradient); c.drawRect(0, height - mGradientHeight, width, height, bottomPaint); } } ``` 你可以在适当的地方创建一个`GradientItemDecoration`对象,并将其添加到你的RecyclerView中: ```java GradientItemDecoration decoration = new GradientItemDecoration(100, Color.BLACK); recyclerView.addItemDecoration(decoration); ``` 这样就可以实现RecyclerView的上下渐变效果了。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值