TableLayout中的右对齐列

时间:2012-05-29 15:31:53

标签: android tablelayout

我想发布一个图像来描述这个问题,但显然我还没有足够的stackoverflow声誉,所以我将尝试描述我想要实现的目标。

我有一个包含5列的TableLayout。它们由公司名称,工号,姓氏,图形垂直分隔符和右箭头按钮组成。我希望分隔线和右箭头按钮在屏幕右侧右对齐。我希望第2列(作业号)扩展到足以容纳整个数字而不包装。我希望第1列(公司名称)和第3列(姓氏)填写表格的其余部分,如果它们太大(没有文字包装),则使用省略号。我的表是以编程方式构建的。

目前,只要公司名称太长,分隔线和右箭头就会被推离屏幕右侧。

这是我的layout.xml:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
          android:layout_width="fill_parent"
          android:layout_height="fill_parent"
          android:orientation="vertical">
<TextView android:id="@+id/searchResultsFoundTextView"
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:textSize="16dp"
          android:text="@string/searchResultsLabel"/>
<ScrollView android:layout_width="fill_parent"
            android:layout_height="fill_parent">
    <TableLayout android:id="@+id/searchResultsTableLayout"
                 android:layout_width="fill_parent"
                 android:layout_height="fill_parent"
                 android:layout_marginTop="10dp"
                 android:stretchColumns="1"
                 android:shrinkColumns="0,2" />
</ScrollView>
</LinearLayout>

以下是构建表格的代码:

TableLayout table = (TableLayout)findViewById(R.id.searchResultsTableLayout);
for (JobBase job : jobList) {
  TableRow row = new TableRow(this);
  row.setLayoutParams(new TableRow.LayoutParams(ViewGroup.LayoutParams.FILL_PARENT, ViewGroup.LayoutParams.WRAP_CONTENT));
  row.setPadding(5, 10, 5, 20);
  table.addView(row);

  TextView customerNameTextView = new TextView(this);
  customerNameTextView.setText(job.getCustomerName());
  customerNameTextView.setEllipsize(TextUtils.TruncateAt.END);
  customerNameTextView.setTextSize(FONT_SIZE);
  customerNameTextView.setPadding(10, 5, 10, 0);
  row.addView(customerNameTextView);

  TextView jobNumberTextView = new TextView(this);
  jobNumberTextView.setText(job.getJobNumber());
  jobNumberTextView.setTextSize(FONT_SIZE);
  jobNumberTextView.setPadding(10, 5, 10, 0);
  row.addView(jobNumberTextView);

  TextView crewLeaderTextView = new TextView(this);
  crewLeaderTextView.setText(job.getCrewLeader().getLastName());
  crewLeaderTextView.setEllipsize(TextUtils.TruncateAt.END);
  crewLeaderTextView.setTextSize(FONT_SIZE);
  crewLeaderTextView.setPadding(10, 5, 10, 0);
  row.addView(crewLeaderTextView);

  ImageView dividerImageView = new ImageView(this);
  dividerImageView.setImageDrawable(getResources().getDrawable(R.drawable.btn_med_hl_div_white));
  dividerImageView.setPadding(10, 10, 10, 0);
  row.addView(dividerImageView);

  Button rightArrowButton = new Button(this);
  rightArrowButton.setBackgroundDrawable(getResources().getDrawable(R.drawable.right_arrow_button));
  rightArrowButton.setPadding(10, 0, 10, 0);
  rightArrowButton.setOnClickListener(new RowSelectedAction(row));
  row.addView(rightArrowButton);

  row.setOnClickListener(new RowSelectedAction(row));
}

非常感谢任何帮助。

1 个答案:

答案 0 :(得分:1)

我能够通过LayoutParams向第一列添加权重来解决这个问题:

TextView customerNameTextView = new TextView(this);
customerNameTextView.setText(job.getCustomerName());
// --- Added this statement
customerNameTextView.setLayoutParams(new TableRow.LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT, 1f));
// --- 
customerNameTextView.setEllipsize(TextUtils.TruncateAt.END);
customerNameTextView.setTextSize(FONT_SIZE);
customerNameTextView.setPadding(10, 5, 10, 0);
row.addView(customerNameTextView);

第一列现在扩展和收缩,分隔符和按钮始终是右对齐的。有时客户名称是椭圆形的,有时候名称包含,但只要列大小正确,这对我来说无关紧要。