Android自定义上下左右间隔线

本文实例为大家分享了Android自定义SpaceItemDecoration分割线的具体代码,供大家参考,具体内容如下

此线是在RecyclerView中的GridlayoutManager中使用的 效果图如下:

/**
 * author: Y_Qing
 * date: 2018/5/7
 */

public class SpaceItemDecoration extends RecyclerView.ItemDecoration {
  private int space;
  Paint mPaint;

  public SpaceItemDecoration(int space) {
    this.space = space;
    mPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
    mPaint.setColor(0xffededed);
    mPaint.setStyle(Paint.Style.FILL);
  }

  private static final int HORIZONTAL = 355;

  @Override
  public void getItemOffsets(Rect outRect, View view, RecyclerView parent, RecyclerView.State state) {
    int itemViewType = parent.getLayoutManager().getItemViewType(view);
    if (itemViewType == HORIZONTAL) { //根据ViewType类型来判断是否展示线
      outRect.bottom = space;
      if (parent.getChildLayoutPosition(view) % 2 == 0) {
        outRect.right = space / 2;
        outRect.left = space;
      } else {
        outRect.right = space;
        outRect.left = space / 2;
      }
    }
  }

  @Override
  public void onDraw(Canvas c, RecyclerView parent, RecyclerView.State state) {
    c.save();
    if (parent.getLayoutManager() instanceof GridLayoutManager) {
      if ((((GridLayoutManager) parent.getLayoutManager())).getSpanCount() == 2) {
        draw(c, parent);
      }
    }
    c.restore();

  }

  //绘制横向 item 分割线
  private void draw(Canvas canvas, RecyclerView parent) {
    int childSize = parent.getChildCount();
    for (int i = 0; i < childSize; i++) {
      View child = parent.getChildAt(i);
      RecyclerView.LayoutParams layoutParams = (RecyclerView.LayoutParams) child.getLayoutParams();
      int left = child.getLeft();
      int right = child.getRight();
      int top = child.getBottom() + layoutParams.bottomMargin;
      int bottom = top + space;
      if (mPaint != null) {
        canvas.drawRect(left, top, right, bottom, mPaint);//绘制图片下放的水平线
      }
      if (parent.getChildLayoutPosition(child) % 2 == 0) {
        canvas.drawRect(0, child.getTop(), left, child.getBottom() + space, mPaint);//绘制左边图片的左间线
      }
      top = child.getTop();
      bottom = child.getBottom() + space;
      left = child.getRight() + layoutParams.rightMargin;
      right = left + space;
      if (mPaint != null) {
        canvas.drawRect(left, top, right, bottom, mPaint);//绘制图片的右间线
      }
    }
  }

}

使用方法下:

private void initSpaceLine() {
    if (decor == null) {
      decor = new SpaceItemDecoration(ViewUtil.dp2px(5));
      recycleListView.addItemDecoration(decor);
    }
  }

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持我们。

(0)

相关推荐

  • Android去除AlertDialog的按钮栏的分隔线

    在网上学习了一种继承系统AlertDialog然后用一统一方法控制dialog显示的方法,效果还不错,但按钮栏那里的分隔线并不是想要的.于是去查看sdk中的AlertDialog的xml文件中的布局,发现其中并没有这一分隔线的影子,所以判断应该是在style中进行设置的. 在styles文件中找到常用的Dialog的主题如:"Theme.Holo.Light.Dialog". <style name="Theme.Holo.Light.Dialog">

  • Android自定义上下左右间隔线

    本文实例为大家分享了Android自定义SpaceItemDecoration分割线的具体代码,供大家参考,具体内容如下 此线是在RecyclerView中的GridlayoutManager中使用的 效果图如下: /** * author: Y_Qing * date: 2018/5/7 */ public class SpaceItemDecoration extends RecyclerView.ItemDecoration { private int space; Paint mPain

  • Android 自定义圆形带刻度渐变色的进度条样式实例代码

    效果图 一.绘制圆环 圆环故名思意,第一个首先绘制是圆环 1:圆环绘制函数 圆环API public void drawArc (RectF oval, float startAngle, float sweepAngle, boolean useCenter, Paint paint) 参数说明 oval:圆弧所在的椭圆对象. startAngle:圆弧的起始角度. sweepAngle:圆弧的角度. useCenter:是否显示半径连线,true表示显示圆弧与圆心的半径连线,false表示不

  • Android自定义View手势密码

    Android 自定义View 当然是十分重要的,笔者这两天写了一个自定义 View 的手势密码,和大家分享分享: 首先,我们来创建一个表示点的类,Point.java: public class Point { // 点的三种状态 public static final int POINT_STATUS_NORMAL = 0; public static final int POINT_STATUS_CLICK = 1; public static final int POINT_STATUS

  • Android 自定义 View 中使用 Spannable的实例详解

    我们都知道 Android 中使用 Spannable 可以实现 TextView 富文本的显示,但是在自定义控件中如何使用 Spannable 绘制不同样式的文字呢? 例如这种效果,标题中的 分数字61 是粗体,分 是常规字体,并且相对于 61 更小些. 第一反应可能是使用 SpannableString.setSpan() 设置 RelativeSizeSpan, 然后在 onDraw() 中进行绘制,事实是这样实现是没有效果的,因为 onDraw() 中只能获取到 SpannableStr

  • Android自定义圆角柱状图

    本文实例为大家分享了Android自定义圆角柱状图的具体代码,供大家参考,具体内容如下 需求: 画一个圆角柱状图,显示12个月的数据,Y轴数据动态分割,如果是当前月,就画出当前月图片:点击柱状图变色,并显示虚线弹出当前月信息,滑动时弹框和虚线消失,柱状图刷新到最初. 1.HistogramRound package com.broker.liming.widget;   import android.annotation.TargetApi; import android.content.Con

  • Android自定义折线图控件的完整步骤

    目录 前言 概述 原点 计算Y轴宽度 计算X轴高度 X轴 绘制轴线 X轴刻度间隔 网格线.文本 Y轴 计算Y轴分布 刻度间隔.网格线.文本 折线 代码 总结 前言 日前,有一个“折现图”的需求,如下图所示: 概述 如何自定义折线图?首先将折线图的绘制部分拆分成三部分: 原点 X轴 Y轴 折线 原点 第一步,需要定义出“折线图”原点的位置,由图得: 可以发现,原点的位置由X轴.Y轴所占空间决定: OriginX:Y轴宽度OriginY:View高度 - X轴高度 计算Y轴宽度 思路:遍历Y轴的绘制

  • Android自定义View实现等级滑动条的实例

     Android自定义View实现等级滑动条的实例 实现效果图: 思路: 首先绘制直线,然后等分直线绘制点: 绘制点的时候把X值存到集合中. 然后绘制背景图片,以及图片上的数字. 点击事件down的时候,换小图片为大图片.move的时候跟随手指移动. up的时候根据此时的X计算最近的集合中的点,然后自动吸附回去. 1,自定义属性 <?xml version="1.0" encoding="utf-8"?> <resources> <de

  • Android自定义View实现照片裁剪框与照片裁剪功能

    本文所需要实现的就是这样一种有逼格的效果: 右上角加了个图片框,按下确定可以裁剪正方形区域里的图片并显示在右上角. 实现思路: 1:首先需要自定义一个ZoomImageView来显示我们需要的图片,这个View需要让图片能够以合适的位置展现在当前布局的图片展示区域内(合适的位置值的是:如果图片长度大于屏幕,则压缩图片长度至屏幕宽度,高度等比压缩并居中显示,如果图片高度大于屏幕,则压缩图片高度至屏幕高度,长度等比压缩并居中显示.): 2:然后需要实现这个拖动的框框,该框框实现的功能有四点:拖动.扩

  • Android自定义View实现多片叶子旋转滑动(五)

    上一篇<Android 自定义View(四) 叶子飘动+旋转效果>实现了单片叶子的滑动及旋转,下面实现多片叶子的滑动旋转功能 实现思路比较简单,就是添加一个叶子Leaf类,储存每片叶子的信息, 然后随机产生叶子的坐标及旋转角度,最后实时获取每片叶子信息,添加到画布中 1.Leaf.java 叶子类 private class Leaf { // 叶子的坐标 float x, y; // 旋转角度 int rotateAngle; // 起始时间(ms) long startTime; } 2.

  • Android自定义view 你所需要知道的基本函数总结

    Android自定义view 你所需要知道的基本函数 首先 往Canvas上面draw需要一个Paint. 画笔常用的函数有哪些呢.由于木有调试环境,函数基本上默写,有错请评论提出,蟹蟹! Paint p = new Paint(); //设置画笔的颜色 p.setColor(Color.parseColor("#2EA4F2")); //设置画笔的风格:全部填充FILL 只画轮廓STROKE p.setStyle(Paint.Style.STROKE); //设置画笔的宽度 p.se

随机推荐