TableView框架Android中以表格的樣式展示簡單的統計數據

借鑑GitHub:https://github.com/smartown/TableView

一、效果展示

二、下載源碼,打開導入以下代碼

1. TableView類;

2.  Util類;

3. values中的attrs.xml文件。

三、佈局實現功能

<com.smartown.tableview.library.TableView
    android:id="@+id/table"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_centerInParent="true"
    android:layout_margin="8dp"
    app:dividerColor="#e1e1e1"
    app:dividerWidth="1px"
    app:headerColor="#00ffffff"
    app:headerTextColor="#111111"
    app:headerTextSize="10dp"
    app:rowHeight="36dp"
    app:textColor="#999999"
    app:textSize="10dp"
    app:unitColumnWidth="0dp" />
屬性名 含義 默認值 備註
dividerColor 分割線顏色 #e1e1e1  
dividerWidth 分割線寬度 1px  
headerColor 表頭背景顏色 透明  
headerTextColor 表頭文字顏色 #111111  
headerTextSize 表頭文字大小 10dp  
rowHeight 單元格高度 36dp  
textColor 表格內容文字顏色 #999999  
textSize 表格內容文字大小 10dp  
unitColumnWidth 單元格寬度 0dp 爲0時會自動根據列數等分控件寬度

四、展示數據

tableView.clearTableContents()
                .setHeader("區域", "人數", "佔比")
                .addContent("北京", "50", "50%")
                .addContent("上海", "30", "30%")
                .addContent("廣東", "20", "20%")
                .addContent("深圳", "10", "10%")
                .refreshTable();

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章