如何高效构建两列行数不同的表格？适配Selfportrait类数据填充

嗨，我明白你现在的痛点——用ListView搭配TextView逐个配对填充确实太繁琐了！针对你这种两个长度不同的列表要展示成两列的需求，我给你分享几个更简洁高效的实现思路：

方案1：自定义RecyclerView Adapter（最灵活的传统View方案） #

这种方式适合需要复用item、或者后续要扩展交互的场景。核心思路是先把两个列表整合成一个统一的“行数据”列表，每个行数据包含对应位置的strength和weakness，然后用RecyclerView的每个item承载一行的两个TextView。

步骤： #

• 先定义一个行数据模型，用来封装每行的两个字段：

public class PortraitRow {
    private String strength;
    private String weakness;

    public PortraitRow(String strength, String weakness) {
        this.strength = strength;
        this.weakness = weakness;
    }

    // 生成getter方法
    public String getStrength() { return strength; }
    public String getWeakness() { return weakness; }
}

• 在你的Selfportrait类里添加一个方法，生成整合后的行列表：

public List<PortraitRow> getPortraitRows() {
    List<PortraitRow> rows = new ArrayList<>();
    int maxSize = Math.max(strengths.size(), weaknesses.size());
    for (int i = 0; i < maxSize; i++) {
        String strength = i < strengths.size() ? strengths.get(i) : null;
        String weakness = i < weaknesses.size() ? weaknesses.get(i) : null;
        rows.add(new PortraitRow(strength, weakness));
    }
    return rows;
}

• 自定义RecyclerView的Adapter：

public class PortraitAdapter extends RecyclerView.Adapter<PortraitAdapter.ViewHolder> {
    private List<PortraitRow> rowList;

    public PortraitAdapter(List<PortraitRow> rowList) {
        this.rowList = rowList;
    }

    @NonNull
    @Override
    public ViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) {
        View view = LayoutInflater.from(parent.getContext())
                .inflate(R.layout.item_portrait_row, parent, false);
        return new ViewHolder(view);
    }

    @Override
    public void onBindViewHolder(@NonNull ViewHolder holder, int position) {
        PortraitRow row = rowList.get(position);
        // 填充数据，空值时可以隐藏TextView或者设置为空字符串
        if (row.getStrength() != null) {
            holder.strengthTv.setText(row.getStrength());
            holder.strengthTv.setVisibility(View.VISIBLE);
        } else {
            holder.strengthTv.setVisibility(View.GONE);
        }

        if (row.getWeakness() != null) {
            holder.weaknessTv.setText(row.getWeakness());
            holder.weaknessTv.setVisibility(View.VISIBLE);
        } else {
            holder.weaknessTv.setVisibility(View.GONE);
        }
    }

    @Override
    public int getItemCount() {
        return rowList.size();
    }

    public static class ViewHolder extends RecyclerView.ViewHolder {
        TextView strengthTv;
        TextView weaknessTv;

        public ViewHolder(@NonNull View itemView) {
            super(itemView);
            strengthTv = itemView.findViewById(R.id.tv_strength);
            weaknessTv = itemView.findViewById(R.id.tv_weakness);
        }
    }
}

• 对应的item布局item_portrait_row.xml（用LinearLayout横向排列两个TextView，各占50%宽度）：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="horizontal"
    android:padding="8dp">

    <TextView
        android:id="@+id/tv_strength"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:paddingEnd="8dp"/>

    <TextView
        android:id="@+id/tv_weakness"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:paddingStart="8dp"/>
</LinearLayout>

最后在Activity/Fragment里初始化RecyclerView即可，比原来逐个配对的方式清爽太多！

方案2：用双列垂直布局（最简单的快速实现） #

如果不需要复用item、只是静态展示的话，直接用横向LinearLayout包裹两个垂直的LinearLayout（或者FlexboxLayout），分别填充两个列表的内容即可，代码量极少：

布局文件： #

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

    <LinearLayout
        android:id="@+id/layout_strengths"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:orientation="vertical"
        android:paddingEnd="8dp"/>

    <LinearLayout
        android:id="@+id/layout_weaknesses"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:orientation="vertical"
        android:paddingStart="8dp"/>
</LinearLayout>

填充数据的代码： #

// 假设你已经拿到了Selfportrait实例
Selfportrait portrait = ...;
LinearLayout strengthLayout = findViewById(R.id.layout_strengths);
LinearLayout weaknessLayout = findViewById(R.id.layout_weaknesses);

// 填充优势列表
for (String strength : portrait.getStrengths()) {
    TextView tv = new TextView(this);
    tv.setText(strength);
    tv.setPadding(0, 8, 0, 8);
    strengthLayout.addView(tv);
}

// 填充劣势列表
for (String weakness : portrait.getWeaknesses()) {
    TextView tv = new TextView(this);
    tv.setText(weakness);
    tv.setPadding(0, 8, 0, 8);
    weaknessLayout.addView(tv);
}

这种方式完全不需要复杂的Adapter，几分钟就能搞定静态展示需求！

方案3：Jetpack Compose（现代Android开发首选） #

如果你已经在用Compose，那实现起来就更简单了，直接用Row嵌套两个Column，分别遍历两个列表即可：

@Composable
fun PortraitTable(portrait: Selfportrait) {
    Row(
        modifier = Modifier.fillMaxWidth(),
        horizontalArrangement = Arrangement.SpaceBetween
    ) {
        // 左列：优势
        Column(
            modifier = Modifier.weight(1f),
            horizontalAlignment = Alignment.Start
        ) {
            portrait.strengths.forEach { strength ->
                Text(
                    text = strength,
                    modifier = Modifier.padding(8.dp)
                )
            }
        }

        // 右列：劣势
        Column(
            modifier = Modifier.weight(1f),
            horizontalAlignment = Alignment.Start
        ) {
            portrait.weaknesses.forEach { weakness ->
                Text(
                    text = weakness,
                    modifier = Modifier.padding(8.dp)
                )
            }
        }
    }
}

Compose会自动处理两个Column的高度，完全不用手动配对数据，代码简洁到爆炸！

内容的提问来源于stack exchange，提问作者yungbroccoli