Question

我有一些数据要呈现给用户呈现此数据的最合理方式是表格，我非常喜欢Material Design表格：

项目数量可能会有所不同，因此我正在考虑像ListFragment一样实现它。我遇到的问题是列数也在变化。我试图查找一些有关这方面的信息，但我真的找不到任何方法来实现它。我应该在另一个内部创建另一个ListFragment吗？

我认为这会使它变得更加复杂。

Answer 1

我从头开始解决这个问题。

创建了一个黑色片段，并将一个TableLayout添加到我编程添加了TableRows和TextViews的XML中。

<TableLayout
    android:id="@+id/dataTableLayout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_marginTop="64dp">
</TableLayout>

在DataTable java文件中，我使用newInstance方法创建一个新的Fragment，标题，标题和数据作为参数：

public static DataTable newInstance(ArrayList<String> headers, ArrayList<ArrayList<String>> data, String title) {
    DataTable fragment = new DataTable();
    fragment.setTableTitle(title);
    fragment.setHeaders(headers);
    fragment.setData(data);
    return fragment;
}

在onCreateView方法中，我创建了所有的TableRows和TextViews。

@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container,
                         Bundle savedInstanceState) {
    View view = inflater.inflate(R.layout.fragment_data_table, container, false);

    TableLayout tableContainer = view.findViewById(R.id.dataTableLayout);

    LinearLayout ll = new LinearLayout(this.getContext());
    ll.setBackground(ContextCompat.getDrawable(this.getContext(),R.drawable.bottom_border));

    tableContainer.addView(ll);

    for (int headerCount = 0; headerCount < columns; headerCount++){
        TextView tvn = new TextView(this.getContext());
        tvn.setText(headers.get(headerCount));
        tvn.setLayoutParams(new TableLayout.LayoutParams(TableRow.LayoutParams.WRAP_CONTENT, TableRow.LayoutParams.WRAP_CONTENT, 1f));

        tvn.setPadding(24,10,10,10);
        tvn.setMinWidth(200);
        tvn.setTextColor(ContextCompat.getColor(this.getContext(),R.color.table_header_font_color));
        tvn.setTextSize(getResources().getDimension(R.dimen.data_table_text_size_header));
        ll.addView(tvn);
    }

    for(int rowCount = 0 ; rowCount < rows-1 ; rowCount++){
        LinearLayout lld = new LinearLayout(this.getContext());

        tableContainer.addView(lld);
        for(int columnCount = 0; columnCount < columns; columnCount++){
            TextView tvd = new TextView(this.getContext());
            tvd.setText(data.get(rowCount).get(columnCount));
            tvd.setLayoutParams(new TableLayout.LayoutParams(TableRow.LayoutParams.WRAP_CONTENT, TableRow.LayoutParams.WRAP_CONTENT, 1f));
            tvd.setPadding(24,10,10,10);
            tvd.setTextColor(ContextCompat.getColor(this.getContext(),R.color.table_data_font_color));
            lld.addView(tvd);
        }
        if(rowCount+2 < columns){
            lld.setBackground(ContextCompat.getDrawable(this.getContext(),R.drawable.bottom_border));
        }
    }
    if(tableTitle != null){
        TextView tableTitleVw = (TextView)view.findViewById(R.id.table_header);
        tableTitleVw.setText(tableTitle);
    }

    return view;
}

我想用标题和数据做不同的事情，这就是为什么我添加了两个for循环，我只想添加数据，一个循环就足够了。

如果您需要对表格进行排序，可以使用我找到的库：https://github.com/ISchwarz23/SortableTableView

我不想依赖另一个图书馆而且我不需要所有这些额外的功能，这就是我自己实施它的原因。

如何实现二维ListView

1 个答案: