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

Question

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

所以在绿色区域的中间有一些文本，在橙色区域有一个图像视图（可点击..），在蓝色区域的中间有另一个文本.. 这是 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
   • c。 layout_weight=3 的橙色 ImageField
   • d. layout_weight=4 的绿色 TextField
   • e.黄色视图与 layout_weight=1

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