溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
如果你對RecyclerView原理還不是特別了解，非常建議你讀一下。
本文的項目也是學習自定義LayoutManager絕佳資料，大家有需要的可以好好拜讀。
前言
表格是自打我進公司以后就使用的控件，起初使用的是ScrollablePanel，從一開始的被花式吊打，到后期的熟練使用。
大佬寫的控件確實給我的工作帶來了極大的方便，不過還是有些問題存在：
在我深入學習RecyclerView以后，想能不能只用一層RecyclerView，借助LayoutManager實現，寫著寫著，發現該思路可行，并實現了一款基于一個RecyclerView的表格控件TableView，先看一下效果：
照片墻
經常看到有同學問類似的首頁如何實現，現在不用自定義View也可以輕松實現了哈~
課程表
表格
TableView具有如下特點：
Github地址
使用
第一步 | 添加xml文件
<?xml version="1.0" encoding="utf-8"?> <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent" tools:context=".ui.fragment.table.TableFragment"> <com.orient.me.widget.rv.adapter.TableView android:id="@+id/tb" android:layout_width="match_parent" android:layout_height="match_parent"/> </FrameLayout>
第二步 | 獲取TableView
在展示代碼之前，了解一下TableView中的主要函數：
這個setTitle(boolean isLeftOpen, boolean isTopOpen)有什么作用呢？為了確保表格的每一個單元格的長度和寬度都一樣（子視圖可以在橫縱方向上占有多個單元格），寬和高都使用兩種方式：
所以寬高各有兩種，模式的數量 = 2 * 2，總共有：
代碼：
// if use butterknife // or use findViewById @BindView(R.id.tb) TableView mTable; // 默認為 TableLayoutManager.MODE_A, 4, 8 mTable.setModeAndValue(TableLayoutManager.MODE_A, 6, 8);
第三步 | 創建數據類
實現ICellItem接口：
public class TableCell implements ICellItem {
private String name;
private String value;
private int type;
private int row;
private int col;
private int widthSpan;
private int heightSpan;
//... 省略構造函數和Get Set方法
@Override
public int getRow() {
return row;
}
@Override
public int getCol() {
return col;
}
@Override
public int getWidthSpan() {
return widthSpan;
}
@Override
public int getHeightSpan() {
return heightSpan;
}
}
第四步 | 設置適配器
private TableAdapter<TableCell> mAdapter;
protected void initWidget(View root) {
// 假設在這個方法中初始化
mTable.setAdapter(mAdapter = new TableAdapter<TableCell>(new ArrayList<>()) {
@Override
public int getItemLayout(TableCell tableCell, int pos) {
// ... 返回子視圖布局文件
// 支持多類型
return R.layout.table_cell_content_item;
}
@Override
public BaseAdapter.ViewHolder<TableCell> onCreateViewHolder(View root, int itemType) {
// itemType是子視圖布局文件
// 根據布局返回具體的ViewHolder
return new ContentHolder(root);
}
});
}
// 具體的ViewHolder
class ContentHolder extends BaseAdapter.ViewHolder<TableCell>{
TextView mContent;
public ContentHolder(View itemView) {
super(itemView);
mContent = itemView.findViewById(R.id.tv_name);
}
@Override
protected void onBind(TableCell tableCell) {
mContent.setText(tableCell.getValue());
}
}
第五步 | 重新測繪
如果TableView使用的模式是Mode_A、Mode_C和Mode_D，需要再重新測量：
mTable.post(() -> mTable.reMeasure());
總結
總的來說，TableView的核心是TableLayoutManager,也就是RecyclerView中的LayoutManager，類似于可以隨時橫縱向切換的GridLayoutManager，如果各位同學對TableView感興趣，我將會在后續的文章深入原理。
最后對于程序員來說，要學習的知識內容、技術有太多太多，要想不被環境淘汰就只有不斷提升自己，從來都是我們去適應環境，而不是環境來適應我們！
以上所述是小編給大家介紹的Android 自定義LayoutManager實現花式表格，希望對大家有所幫助！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
