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

最新推荐文章于 2021-05-26 05:18:42 发布

dinko321

最新推荐文章于 2021-05-26 05:18:42 发布

阅读量6.8k

点赞数

CC 4.0 BY-SA版权

分类专栏： android笔记移动应用文章标签： android layout listview hashmap string list

本文链接：https://blog.youkuaiyun.com/dinko321/article/details/7335807

android笔记同时被 2 个专栏收录

45 篇文章

订阅专栏

移动应用

39 篇文章

订阅专栏

在Android开发中，展示大量数据的界面设计是个挑战。本文提出了三种方法：1) 自定义TextTextView控件，实现一行布局；2) 使用ListView作为item展示数据；3) 直接布局控件。每种方法各有优劣，自定义控件便于统一修改，ListView减少XML定义但代码实现复杂，直接布局最灵活但修改不便。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

控件量很大，需要定义很多的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：最原始的，一个一个摆控件

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

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