android 详细信息显示界面的思路

   

        开发的时候，有时候会遇到类似下面这种，需要显示大量数据的界面：

                                                             

        控件量很大，需要定义很多的textView 之类的东西，还需要用relativeLayout 来控制什么左对齐右对齐，这里有提供2种相对简便的方法。

 

方法1：自定义一个控件，此控件包含一横条的布局；

 

定义一个叫TextTextView的控件：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
	android:layout_width="fill_parent" android:layout_height="fill_parent"
	android:orientation="horizontal" android:layout_marginTop="3dip"
	android:layout_marginBottom="3dip">
	<TextView android:layout_marginLeft="15dip" android:text="TextView"
		android:id="@+id/textViewIndex" android:layout_height="wrap_content"
		android:layout_width="fill_parent" android:layout_weight="3"
		android:textColor="@color/col_black" android:textSize="14dip"
		android:gravity="right|center"></TextView>
	<TextView android:layout_marginLeft="15dip"
		android:layout_marginRight="30dip" android:text="TextView" android:id="@+id/textViewValue"
		android:layout_height="wrap_content" android:layout_width="fill_parent"
		android:layout_weight="2" android:textColor="@color/col_blue"
		android:textSize="14dip" android:gravity="left|center"></TextView>
</LinearLayout>

整体布局：

	<ScrollView android:layout_height="wrap_content"
		android:layout_width="fill_parent" android:id="@+id/scrollViewView"
		android:layout_above="@+id/relativeLayoutButton" android:layout_below="@+id/linearLayoutTitle">
		<LinearLayout android:layout_height="wrap_content"
			android:layout_width="fill_parent" android:id="@+id/relativeLayout2"
			android:gravity="left" android:layout_marginTop="60dip"
			android:orientation="vertical">
			<TextTextItemView
				android:id="@+id/itemviewCustid" android:layout_height="wrap_content"
				android:layout_width="fill_parent" />
			<TextTextItemView
				android:layout_height="wrap_content" android:layout_width="fill_parent"
				android:id="@+id/itemviewItemname" />
			<TextTextItemView
				android:layout_height="wrap_content" android:layout_width="fill_parent" android:id="@+id/itemviewReqcount"/>
			<TextTextItemView
				android:layout_height="wrap_content" android:layout_width="fill_parent" android:id="@+id/itemviewOrdercount"/>
			<TextTextItemView
				android:layout_height="wrap_content" android:layout_width="fill_parent" android:id="@+id/itemviewUnitprice"/>
			<TextTextItemView
				android:layout_height="wrap_content" android:layout_width="fill_parent" android:id="@+id/itemviewPrice"/>
		</LinearLayout>
	</ScrollView>

 

 

               这个方法的优点在于，方便让每一行都统一，如果需要修改，只需要修改这个控件里面的布局。

 

 

方法2：用listView来填充，把每一条作为一个listView的item；

 

写这么一个Item布局:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
	android:layout_width="fill_parent" android:layout_height="fill_parent"
	android:orientation="horizontal" android:layout_marginTop="3dip"
	android:layout_marginBottom="3dip">
	<TextView android:layout_marginLeft="15dip" android:text="TextView"
		android:id="@+id/textViewIndex" android:layout_height="wrap_content"
		android:layout_width="fill_parent" android:layout_weight="3"
		android:textColor="@color/col_black" android:textSize="14dip"
		android:gravity="right|center"></TextView>
	<TextView android:layout_marginLeft="15dip"
		android:layout_marginRight="30dip" android:text="TextView" android:id="@+id/textViewValue"
		android:layout_height="wrap_content" android:layout_width="fill_parent"
		android:layout_weight="2" android:textColor="@color/col_blue"
		android:textSize="14dip" android:gravity="left|center"></TextView>
</LinearLayout>

然后主界面一个listView:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
	android:layout_width="fill_parent" android:layout_height="fill_parent"
	android:orientation="horizontal" android:layout_marginTop="3dip"
	android:layout_marginBottom="3dip">
	<ListView android:layout_marginLeft="15dip" android:text="TextView"
		android:id="@+id/textViewIndex" android:layout_height="wrap_content"
		android:layout_width="fill_parent" android:layout_weight="3"
		android:textColor="@color/col_black" android:textSize="14dip"
		android:gravity="right|center"></ListView>
</LinearLayout>

 

然后代码里面建立一个list，把每一条的数据放进去：

ArrayList<HashMap<string , string>> mDetail= new ArrayList<HashMap<string , string>>;
mDetail.add(new HashMap("abc","abc"));

               这个方法的优点同上，而且还可以少定义XML，因为上面那个需要写一个一个的自定义控件，这个一个listView搞定。

               但是缺点在于代码里面要一直add，还要写adapter，而且listView的显示效果不是很好控制。

 

方法3：最原始的，一个一个摆控件

 

               这个方法的优点在于他最灵活，想怎么弄怎么弄

               缺点在于改起来实在太麻烦。。。。。