如何在TableRow单元格中居中显示文本与图片组合内容

看起来你已经用LinearLayout来包裹文本和图片了，要实现这个组合的居中显示，同时让两者间距尽可能小，可以从这几个方面调整：

1. 确保LinearLayout在单元格内居中，且内部元素对齐 #

首先要让承载文本和图片的LinearLayout本身在TableRow单元格里居中，同时设置LinearLayout内部元素水平居中排列：

LinearLayout linearLayout = new LinearLayout(context);
linearLayout.setOrientation(LinearLayout.HORIZONTAL);
// 设置LinearLayout内部元素水平居中
linearLayout.setGravity(Gravity.CENTER);
// 配置LinearLayout在TableRow中的布局参数，确保它占满单元格并居中
TableRow.LayoutParams rowParams = new TableRow.LayoutParams(
    TableRow.LayoutParams.MATCH_PARENT, 
    TableRow.LayoutParams.WRAP_CONTENT
);
rowParams.gravity = Gravity.CENTER; // 让LinearLayout在单元格里居中
linearLayout.setLayoutParams(rowParams);

2. 缩小文本与图片的间距 #

要让两者紧邻，间距尽可能小，可以给TextView设置右侧小边距，或者给ImageView设置左侧小边距，数值可以根据视觉需求微调：

示例：添加文本和图片到LinearLayout #

// 创建文本控件
TextView salaryTv = new TextView(context);
salaryTv.setText("薪资金额：\"45K\"");
// 给文本设置右侧小边距，让它和图片紧挨着
LinearLayout.LayoutParams tvParams = new LinearLayout.LayoutParams(
    LinearLayout.LayoutParams.WRAP_CONTENT, 
    LinearLayout.LayoutParams.WRAP_CONTENT
);
tvParams.setMargins(0, 0, 4, 0); // 右边距设为4dp（可按需调整）
salaryTv.setLayoutParams(tvParams);

// 创建图片控件
ImageView iconIv = new ImageView(context);
iconIv.setImageResource(R.drawable.your_icon); // 替换为你的图片资源
// 图片不需要额外边距，保持默认即可
LinearLayout.LayoutParams ivParams = new LinearLayout.LayoutParams(
    LinearLayout.LayoutParams.WRAP_CONTENT, 
    LinearLayout.LayoutParams.WRAP_CONTENT
);
iconIv.setLayoutParams(ivParams);

// 将控件添加到LinearLayout
linearLayout.addView(salaryTv);
linearLayout.addView(iconIv);

3. 可选：用ConstraintLayout替代LinearLayout（更精细控制） #

如果需要更灵活的布局控制，也可以用ConstraintLayout来包裹文本和图片，通过约束让它们居中对齐且间距最小：

ConstraintLayout constraintLayout = new ConstraintLayout(context);
TableRow.LayoutParams clRowParams = new TableRow.LayoutParams(
    TableRow.LayoutParams.MATCH_PARENT, 
    TableRow.LayoutParams.WRAP_CONTENT
);
clRowParams.gravity = Gravity.CENTER;
constraintLayout.setLayoutParams(clRowParams);

TextView salaryTv = new TextView(context);
salaryTv.setText("薪资金额：\"45K\"");
ConstraintLayout.LayoutParams tvClParams = new ConstraintLayout.LayoutParams(
    ConstraintLayout.LayoutParams.WRAP_CONTENT, 
    ConstraintLayout.LayoutParams.WRAP_CONTENT
);
tvClParams.startToStart = ConstraintLayout.LayoutParams.PARENT_ID;
tvClParams.endToStart = R.id.icon_iv;
tvClParams.topToTop = ConstraintLayout.LayoutParams.PARENT_ID;
tvClParams.bottomToBottom = ConstraintLayout.LayoutParams.PARENT_ID;
tvClParams.marginEnd = 4; // 文本与图片的间距
salaryTv.setId(View.generateViewId());
constraintLayout.addView(salaryTv, tvClParams);

ImageView iconIv = new ImageView(context);
iconIv.setImageResource(R.drawable.your_icon);
ConstraintLayout.LayoutParams ivClParams = new ConstraintLayout.LayoutParams(
    ConstraintLayout.LayoutParams.WRAP_CONTENT, 
    ConstraintLayout.LayoutParams.WRAP_CONTENT
);
ivClParams.startToEnd = salaryTv.getId();
ivClParams.endToEnd = ConstraintLayout.LayoutParams.PARENT_ID;
ivClParams.topToTop = ConstraintLayout.LayoutParams.PARENT_ID;
ivClParams.bottomToBottom = ConstraintLayout.LayoutParams.PARENT_ID;
iconIv.setId(R.id.icon_iv);
constraintLayout.addView(iconIv, ivClParams);

这样调整后，文本和图片的组合就能在TableRow的单元格里完美居中，同时保持最小的间距啦。

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