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

来源:互联网 发布:mac safari关闭标签 编辑:程序博客网 时间:2024/06/06 00:25
 开发的时候,有时候会遇到类似下面这种,需要显示大量数据的界面:

                                                             

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

 

方法1自定义一个控件,此控件包含一横条的布局;

定义一个叫TextTextView的控件:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<LinearLayoutxmlns: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">
    <TextViewandroid: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>
    <TextViewandroid: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>


整体布局:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<ScrollViewandroid:layout_height="wrap_content"
    android:layout_width="fill_parent"android:id="@+id/scrollViewView"
    android:layout_above="@+id/relativeLayoutButton"android:layout_below="@+id/linearLayoutTitle">
    <LinearLayoutandroid: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布局:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<LinearLayoutxmlns: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">
    <TextViewandroid: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>
    <TextViewandroid: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:

1
2
3
4
5
6
7
8
9
10
<SPANstyle="FONT-SIZE: 13px"><LinearLayoutxmlns: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">
    <ListViewandroid: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></SPAN>


 

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

1
2
<SPAN style="FONT-SIZE: 13px">ArrayList<HashMap<string , string>> mDetail=new ArrayList<HashMap<string , string>>;
mDetail.add(newHashMap("abc","abc"));</SPAN>

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

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

 

方法3:最原始的,一个一个摆控件

 

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

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

 

原创粉丝点击