Android - 在表格布局中对齐图像

时间:2011-04-24 16:12:50

标签: android tablelayout

我想创建一个表格行,左边是3个图像,右边是文本视图。 您通常可以在游戏中看到的东西(右侧是等级编号,左侧是剩余的生命数。)

我试过这个布局,但其中一个图像不对齐:(表格布局嵌套在线性布局中)

 <TableLayout
  xmlns:android="http://schemas.android.com/apk/res/android"   
  android:layout_width="fill_parent" 
  android:layout_height="100dp"
  android:shrinkColumns="0"  
  android:stretchColumns="1">
<TableRow        
     android:layout_width="fill_parent"         
     android:layout_height="fill_parent">   
  <ImageView  
     android:id="@+id/wa1"
     android:layout_width="wrap_content"  
     android:layout_height="wrap_content" 
     android:layout_gravity="left"
     android:paddingRight="5px"
     android:paddingTop="6px"
     android:src="@drawable/v"/>
  <ImageView 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content"
      android:src="@drawable/v" 
      android:paddingTop="6px" 
      android:layout_gravity="left" 
      android:id="@+id/wa2" 
      android:paddingRight="5px">
  </ImageView>
  <ImageView 
      android:layout_width="wrap_content" 
      android:layout_height="wrap_content"
      android:src="@drawable/v" 
      android:paddingTop="6px" 
      android:layout_gravity="left" 
      android:id="@+id/wa3" 
      android:paddingRight="5px">
  </ImageView>
<TextView  
    android:id="@+id/question_status"
    android:layout_width="wrap_content" 
    android:layout_height="wrap_content"
    android:gravity="right"
    android:textColor="#000000"
    android:textSize="26px"
    android:paddingLeft="125px"
    android:paddingRight="15px"
/>
</TableRow>

这是结果的相关部分: enter image description here

10X很多:)

2 个答案:

答案 0 :(得分:3)

假设</TableRow>后面跟</TableLayout>,请尝试删除

android:shrinkColumns="0"  
android:stretchColumns="1"

来自TableLayout和

android:paddingLeft="125px"
来自TextView的

,你应该添加

android:layout_weight="1"

答案 1 :(得分:0)

在每列上使用android:layout_weight属性。