如何根据设计正确对齐视图？

Question

一位设计师为我的Android应用程序做了一些设计，这里是一个ListView的设计（不是真正的设计，但是同样的想法..）：

所以在绿色区域的中间有一些文字，在橙色区域有一个imageview（可点击......），在蓝色区域的中间有另一个文字..这是1个列表视图..所以如果你滑动一行另一个也滑动相同..（他们不是3列表浏览..）黄色区域是空的

如何对齐视图以使其适用于所有屏幕尺寸？如何将文本置于绿色和蓝色区域中心？
感谢

这是我使用的行的xml：

<?xml version="1.0" encoding="utf-8"?>
 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent" android:orientation="horizontal"
android:layout_height="wrap_content" android:paddingLeft="40dip"
android:paddingRight="40dip">
<TextView android:id="@+id/Start_Numbering" android:textSize="19.5sp"
    android:layout_width="fill_parent" android:layout_height="wrap_content"
    android:layout_weight="0.3" 
    />

<ImageView android:id="@+id/Start_ImageView"
    android:layout_weight="0.1" android:layout_height="wrap_content"
    android:layout_width="fill_parent"        android:src="@drawable/list_noaudioavailable"
    ></ImageView>


<TextView android:id="@+id/Start_Name" android:textColor="#a7e9fe"
    android:textSize="21dip" android:layout_width="fill_parent"
    android:layout_weight="0.6"
    android:layout_height="wrap_content" />

这是getView：

 @Override
public View getView(int position, View convertView, ViewGroup parent) {
    ViewHolder     holder;

    if(convertView == null) {
        convertView = mInflater.inflate(R.layout.start_row, null); //line 47
        holder=new ViewHolder();

        holder.tv_Name   =(TextView)convertView.findViewById(R.id.Start_Name);
        holder.tv_PageNumber = (TextView)convertView.findViewById(R.id.Start_Numbering);
        holder.im_Audio=(ImageView)convertView.findViewById(R.id.Start_ImageView);
        convertView.setTag(holder);
    } else {
        holder  = (ViewHolder) convertView.getTag();
    }

    holder.tv_Name.setText(Names[position]);
    holder.tv_PageNumber.setText(Integer.toString(PageNumber[position]));
    return convertView;
}

class ViewHolder {
    TextView       tv_Name;
    TextView       tv_PageNumber;
    ImageView      im_Audio;
}

但我得到的就是这个，为什么tv_Name不显示？：

Answer 1

奥马尔，你的问题不是很明确，但我会试一试。

您使用

在你的row.xml中，你将使用

1. LinearLayout作为父级，方向为水平

2. 它将有五个子元素

   • 一个。黄色视图与layout_weight = 2
   • 湾带有layout_weight = 5的蓝色TextField
   • ℃。带有layout_weight = 3的橙色ImageField
   • d。 带有layout_weight = 4的绿色TextField
   • 即黄色视图 layout_weight = 1

对于文本居中，请使用适当的文本对齐属性。所有这些元素都应该将layout_width定义为fill_parent。