自定义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
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
如果你想在C++的QTableWidget随时插入自定义分割线,你可以使用QPainter来绘制分割线。下面是一个示例代码,演示如何在QTableWidget自定义插入分割线: ```cpp #include <QApplication> #include <QTableWidget> #include <QTableWidgetItem> #include <QPainter> #include <QPen> class CustomTableWidget : public QTableWidget { public: CustomTableWidget(QWidget* parent = nullptr) : QTableWidget(parent) { setRowCount(4); setColumnCount(2); } void paintEvent(QPaintEvent* event) override { QTableWidget::paintEvent(event); QPainter painter(viewport()); painter.setPen(QPen(Qt::black, 1)); // 绘制自定义分割线 for (const auto& line : lines) { painter.drawLine(line); } } void addLine(int x1, int y1, int x2, int y2) { lines.push_back(QLine(x1, y1, x2, y2)); viewport()->update(); } private: QVector<QLine> lines; }; int main(int argc, char* argv[]) { QApplication app(argc, argv); CustomTableWidget tableWidget; tableWidget.show(); // 添加数据到表格 for (int row = 0; row < 4; ++row) { for (int column = 0; column < 2; ++column) { QTableWidgetItem* item = new QTableWidgetItem(QString("Row %1, Column %2").arg(row).arg(column)); tableWidget.setItem(row, column, item); } } // 插入自定义分割线 tableWidget.addLine(0, 50, 200, 50); tableWidget.addLine(0, 100, 200, 100); return app.exec(); } ``` 在这个示例,我们创建了一个自定义的CustomTableWidget类,继承自QTableWidget,并重写了它的paintEvent方法。在paintEvent方法,我们使用QPainter来绘制自定义分割线。我们定义了一个lines向量来保存要绘制的分割线的坐标信息,然后在paintEvent方法遍历lines向量,使用drawLine方法绘制分割线。 我们还添加了一个addLine方法,用于向CustomTableWidget添加自定义分割线。在这个示例,我们在表格的第一行和第二行之间插入了两条分割线。 你可以根据自己的需求修改代码分割线坐标,以及添加更多的分割线。注意,在调用addLine方法后,需要调用viewport()->update()来触发paintEvent重新绘制。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值