Android 自定义表格控件

自定义表格控件界面

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical" android:layout_width="match_parent"
    android:layout_height="match_parent">

    <ScrollView
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:overScrollMode="never"
        android:scrollbars="none"
        android:id="@+id/sv_table">

        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:orientation="vertical">

            <HorizontalScrollView
                android:layout_width="wrap_content"
                android:layout_height="match_parent"
                android:overScrollMode="never"
                android:fadingEdge="none"
                android:scrollbars="none"
                android:id="@+id/hsv_table">

                <LinearLayout
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:orientation="vertical">

                    <RelativeLayout
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:background="#99ccff"
                        android:descendantFocusability="beforeDescendants">
                        <androidx.recyclerview.widget.RecyclerView
                            android:layout_width="match_parent"
                            android:layout_height="wrap_content"
                            android:id="@+id/rv_table_title"/>
                    </RelativeLayout>

                    <RelativeLayout
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:descendantFocusability="beforeDescendants">
                        <androidx.recyclerview.widget.RecyclerView
                            android:layout_width="match_parent"
                            android:layout_height="wrap_content"
                            android:id="@+id/rv_table_content"/>
                    </RelativeLayout>

                </LinearLayout>

            </HorizontalScrollView>

        </LinearLayout>

    </ScrollView>

</LinearLayout>

自定义表格控件实现

/**
 * 自定义表格控件,HorizontalScrollView和RecyclerView组合
 */
class MyTableView<T> : LinearLayout{
    lateinit var svTable : ScrollView
    lateinit var hsvTable : HorizontalScrollView
    /**表头RecyclerView */
    lateinit var rvTableTitle: RecyclerView
    /**表头适配器 */
    var titleAdapter : MyRecyclerViewAdapter<TableTitleEntity>?= null
    /**内容RecyclerView */
    lateinit var rvTableContent : RecyclerView
    /**内容适配器 */
    var contentAdapter : MyRecyclerViewAdapter<T>?= null
    /**表头数据集 */
    var titleObj : ArrayList<TableTitleEntity> = ArrayList()
    /**内容数据集 */
    var contentObj : ArrayList<T> = ArrayList()
    /**内边距 */
    var padding : Int = 60
    /**字体大小 */
    var textSize : Int = 80
    /**点击事件监听器 */
    var mOntableClickListener : OnTableClickListerner<T> ?= null
    /**加载更多事件监听器 */
    var mOnLoadMoreListerner : OnLoadMoreListerner ?= null
    /**是否允许自身上下滑动 不允许则根据功能界面整体滑动(用于仅仅展示,不做分页加载),允许则该表格控件自身滑动(用于有加载更多功能)*/
    var isCanSrorll = true
    /**被点击到的行 */
    var isHorizontalScroll : Boolean = false

    var lastScrollY : Int = 0
    var lastScrollX : Int = 0

    var lastLoadTime : Long = 0

    constructor(context: Context) : super(context)

    constructor(context: Context,attributeSet: AttributeSet) : super(context,attributeSet){
        val view = LayoutInflater.from(context).inflate(R.layout.my_table_view,this)
        initView(view)
    }

    /**初始化界面 */
    @SuppressLint("ClickableViewAccessibility")
    private fun initView(view: View) {

        padding = MathUtils.formatPxToDip(context,padding)
        textSize = MathUtils.formatPxToDip(context,textSize)

        rvTableTitle = view.findViewById(R.id.rv_table_title)

        rvTableContent = view.findViewById(R.id.rv_table_content)

        hsvTable = view.findViewById(R.id.hsv_table)

        svTable = view.findViewById(R.id.sv_table)

        //根据设置 限制表格是否能够滑动
        svTable.setOnTouchListener { v, event ->
            !isCanSrorll
        }

        //监听滑动控件是否滑动到最底部
        svTable.viewTreeObserver.addOnScrollChangedListener {
            if (!svTable.canScrollVertically(1) && isCanSrorll){
                //滑动到最底部
                if (((lastScrollY != svTable.scrollY || lastScrollY == 0) && lastScrollX == hsvTable.scrollX)){
                    if (mOnLoadMoreListerner != null){
                        val currentTime = System.currentTimeMillis()
                        if (currentTime - lastLoadTime >= 1000) {
                            lastLoadTime = currentTime
                            mOnLoadMoreListerner!!.onLoadMore()
                        }
                    }
                }
            }
            lastScrollX = hsvTable.scrollX
            lastScrollY = svTable.scrollY
        }
    }

    private fun setTitleAdapter(){
        titleAdapter = object : MyRecyclerViewAdapter<TableTitleEntity>(context,titleObj,
            R.layout.item_table_view,null,false,false,null){
            override fun onBindData(holder: BaseViewHolder, position: Int, item: TableTitleEntity) {
                val llTableItem = holder.itemView.findViewById<LinearLayout>(R.id.ll_table_item)
                addTextView(llTableItem,item,null)
            }
        }

        titleAdapter!!.setOnItemClickListerner(object : MyRecyclerViewAdapter.OnItemClickListerner{
            override fun onItemClick(position: Int) {
                if (mOntableClickListener != null){
                    mOntableClickListener!!.onTitleItemClick(position)
                }
            }

            override fun onAddClick() {
            }

        })

        rvTableTitle.layoutManager = LinearLayoutManager(context,LinearLayoutManager.HORIZONTAL,false)

        rvTableTitle.adapter = titleAdapter

    }

    private fun setContentAdapter(){
        contentAdapter = object : MyRecyclerViewAdapter<T>(context,contentObj,
            R.layout.item_table_view,null,false,false,null){
            override fun onBindData(holder: BaseViewHolder, position: Int, item: T) {
                val llTableItem = holder.itemView.findViewById<LinearLayout>(R.id.ll_table_item)
                titleObj.forEach {
                    addTextView(llTableItem,it,item)
                }
            }
        }

        contentAdapter!!.setOnItemClickListerner(object : MyRecyclerViewAdapter.OnItemClickListerner{
            override fun onItemClick(position: Int) {
                if (mOntableClickListener != null){
                    mOntableClickListener!!.onContentItemClick(contentObj[position],position)
                }
            }

            override fun onAddClick() {
            }

        })

        rvTableContent.layoutManager = object : LinearLayoutManager(context){
            override fun canScrollVertically(): Boolean {
                return false
            }
        }

        rvTableContent.adapter = contentAdapter
    }

    /**设置文字大小 */
    fun settextSize(size : Int){
        textSize = MathUtils.formatPxToDip(context,size)
        initCell()
    }

    /**设置内边距大小 */
    fun setTablePadding(i : Int){
        padding = MathUtils.formatPxToDip(context,i)
        initCell()
    }

    /**设置表头标题 */
    inline fun <reified T>setTableTitle(title: String,bindField: String): TableTitleEntity {
        val t = TableTitleEntity()
        t.Title = title
        t.BindField = bindField

        val d = T::class.java.getDeclaredField(bindField)
        d.isAccessible = true
        t.CellType = d.type.name
        t.Field = d

        return t
    }
    /**设置表头标题(需要根据枚举获取值) */
    @SuppressLint("UseSparseArrays")
    inline fun <reified T,reified T2 : Enum<T2>>setTableTitle(title: String, bindField: String, auto : Boolean = false): TableTitleEntity {
        val t = TableTitleEntity()
        try {
            t.Title = title
            t.BindField = bindField

            val d = T::class.java.getDeclaredField(bindField)
            d.isAccessible = true
            t.CellType = d.type.name
            t.Field = d

            //将T2枚举反射回来弄成Map集合保存到表头数据中
            val d2 = T2::class.java
            val dd2 = d2.enumConstants
            val hm = HashMap<Int,String>()
            val getTitle = d2.getMethod("getTitle")
            val getValue = d2.getMethod("getValue")
            dd2?.forEach {
                val vvv = getValue.invoke(it)?.toString()?.toInt()
                val ttt = getTitle.invoke(it)?.toString()
                if (vvv != null && ttt != null){
                    hm[vvv] = ttt
                }
            }
            t._isAutoDraw = auto
            t.Enum = hm
        }catch (e:Exception){
            LogFileUtils.OperationLog("[MyTableView]枚举转换异常:${e.cause?.message}")
        }

        return t
    }

    /**设置表数据 */
    fun setTableData(t : ArrayList<TableTitleEntity>, d : ArrayList<T>){
        titleObj.clear()
        titleObj.addAll(t)

        contentObj.clear()
        contentObj.addAll(d)

        initCell()
    }

    /**跟新表格数据 传入的List仅传更新部分的内容 */
    fun setUpdataContent(d : ArrayList<T>){
        contentObj.addAll(d)
        initCell()
    }

    /**初始化单元格 */
    private fun initCell() {
        titleObj.forEach {
            val maxWidth = getMaxWidth(it,contentObj)
            it.CellWidth = maxWidth
        }
        setTitleAdapter()
        setContentAdapter()
    }

    /**计算每一列最长的宽度 */
    private fun getMaxWidth(t: TableTitleEntity, d: ArrayList<T>): Int {
        var maxWidth = createTextView(t.Title).measuredWidth
        d.forEach {
            val res = getFieldValue(t,it)
            val textView = createTextView(res)
            val itemWidth = textView.measuredWidth
            if (maxWidth <= itemWidth){
                maxWidth = itemWidth
            }
        }

        return maxWidth
    }

    /**创建TextView */
    private fun createTextView(res: String): TextView {
        val textView = TextView(context)
        textView.textSize = textSize.toFloat()
        textView.setPadding(padding,padding,padding,padding)
        textView.text = res
        textView.layoutParams = ViewGroup.LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT)
        textView.measure(View.MeasureSpec.UNSPECIFIED, View.MeasureSpec.UNSPECIFIED) //测量大小
        return textView
    }

    /**通过反射获取某字段的值 */
    private fun getFieldValue(t: TableTitleEntity, it: T): String {
        return if (t.Field?.get(it) != null){
            try {
                if (t._isAutoDraw) {
                    when (t.CellType) {
                        "java.util.HashMap" -> {
                            (t.Field!!.get(it) as HashMap<*, *>).values.joinToString()
                        }
                        "java.util.Map" -> {
                            (t.Field!!.get(it) as Map<*, *>).values.joinToString()
                        }
                        "java.util.Date" -> {
                            myTime.DateFormat.format(t.Field!!.get(it))
                        }
                        "java.util.ArrayList" -> {
                            (t.Field!!.get(it) as ArrayList<*>).joinToString()
                        }
                        "java.util.Array" -> {
                            (t.Field!!.get(it) as Array<*>).joinToString()
                        }
                        else -> {
                            t.Field!!.get(it)!!.toString()
                        }
                    }
                }else{
                    if (t.Enum != null){
                        t.Enum!![t.Field!!.get(it)!!.toString().toInt()] ?: t.Field!!.get(it)!!.toString()
                    }else{
                        ""
                    }
                }
            }catch (e:Exception){
                ""
            }
        }else{
            ""
        }
    }

    @SuppressLint("SetTextI18n")
    private fun addTextView(view: LinearLayout, title : TableTitleEntity, content : T?){
        //内容Text
        val textView = TextView(context)

        if (content == null){
            textView.gravity = Gravity.CENTER
            textView.text = title.Title
            textView.background = ContextCompat.getDrawable(context,
                R.drawable.my_table_title
            )
        }else{
            textView.gravity = Gravity.LEFT
            textView.text = getFieldValue(title,content)
            textView.background = ContextCompat.getDrawable(context,
                R.drawable.my_table_content
            )
        }

        textView.textSize = textSize.toFloat()
        textView.setPadding(padding,padding,padding,padding)

        textView.layoutParams = ViewGroup.LayoutParams(title.CellWidth, ViewGroup.LayoutParams.WRAP_CONTENT)
        // 将TextView添加到布局中
        view.addView(textView)
    }

    /**表格是否可以上下滑动 */
    fun isCanTableScroll(b : Boolean){
        isCanSrorll = b
    }

    interface OnTableClickListerner<T>{
        fun onTitleItemClick(position : Int)
        fun onContentItemClick(data : T,position: Int)
    }

    interface OnLoadMoreListerner{
        fun onLoadMore()
    }

    fun setOnTableClickListerner(onTableClickListerner: OnTableClickListerner<T>){
        mOntableClickListener = onTableClickListerner
    }

    fun setOnLoadMore(onLoadMoreListerner: OnLoadMoreListerner){
        mOnLoadMoreListerner = onLoadMoreListerner
    }

}

class TableTitleEntity {
    var _isAutoDraw = true
    /**单元格内容类型 */
    var CellType : String? = null
    /**表头内容 */
    var Title : String = ""
    /**表头对其方式  17-居中 */
    var TitleGravity : Int = 17
    /**单元格宽度 */
    var CellWidth : Int = 100
    /**表格内容对其方式 3左对齐 */
    var CellGravity : Int = 3
    /** 字段名 */
    var BindField : String? = null
    var Field : Field ?= null
    var Enum : HashMap<Int,String> ?= null
}

表头样式

<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
        <shape>
            <solid android:color="#777777"/>
        </shape>
    </item>
    <item android:right="1dp"
        android:bottom="1dp">
        <shape>
            <solid android:color="#99ccff"/>
        </shape>
    </item>
</layer-list>

单元格样式

<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
        <shape>
            <solid android:color="#777777"/>
        </shape>
    </item>
    <item android:right="1dp"
        android:bottom="1dp">
        <shape>
            <solid android:color="#ffffff"/>
        </shape>
    </item>
</layer-list>
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
禁止转载,如需转载请通过简信或评论联系作者。
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 224,815评论 6 522
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 96,251评论 3 402
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 171,999评论 0 366
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 60,996评论 1 300
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 69,993评论 6 400
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 53,477评论 1 314
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 41,848评论 3 428
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 40,823评论 0 279
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 47,361评论 1 324
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 39,401评论 3 346
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 41,518评论 1 354
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 37,119评论 5 351
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 42,850评论 3 338
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 33,292评论 0 25
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 34,424评论 1 275
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 50,072评论 3 381
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 46,588评论 2 365

推荐阅读更多精彩内容