一个相似Excel的表格视图

以前写本身项目内部的应用调试工具箱:JXCaptain的时候。须要一个显示数据库的视图,须要有行列表头固定,而且表单内容能够上下左右滑动查看的特性,就像Excel视图同样。整个功能就只有一个ExcelView类,逻辑清晰简单,便于阅读和修改定制需求。git

预览

Github地址

JXExcelgithub

特色

  • 使用纯Swift编写;
  • 功能简洁,便于源码阅读;
  • 代码逻辑清晰,便于根据本身需求修改代码;

使用示例

初始化ExcelView

excel = ExcelView(frame: CGRect.zero)
excel.dataSource = self
excel.delegate = self
view.addSubview(excel)
复制代码

实现ExcelViewDataSource代理方法

func numberOfRows(in excelView: ExcelView) -> Int {
        return 50
    }

    func numberOfColumns(in excelView: ExcelView) -> Int {
        return 10
    }

    func excelView(_ excelView: ExcelView, columnNameAt column: Int) -> String {
        return "col:\(column)"
    }

    func excelView(_ excelView: ExcelView, rowDataAt row: Int) -> [String] {
        return dataSource[row]
    }

    func excelView(_ excelView: ExcelView, rowHeightAt row: Int) -> CGFloat {
        return 40
    }

    func excelView(_ excelView: ExcelView, columnWidthAt column: Int) -> CGFloat {
        return 120
    }

    func widthOfLeftHeader(in excelView: ExcelView) -> CGFloat {
        return 50
    }

    func heightOfTopHeader(in excelView: ExcelView) -> CGFloat {
        return 40
    }
复制代码

实现ExcelViewDelegate代理方法

func excelView(_ excelView: ExcelView, didTapGridWith content: String) {
        print("didTapGridWith:\(content)")
    }

    func excelView(_ excelView: ExcelView, didTapColumnHeaderWith name: String) {
        print("didTapColumnHeaderWith:\(name)")
    }
复制代码
相关文章
相关标签/搜索