我该如何设置此布局?

时间:2011-09-29 10:44:14

标签: android listview layout

我想做一个相当复杂的布局。有人可以帮助我,比如怎么做我的layout.xml吗?

Layout image

没有。 1是布局(表,线性等)
第2号是我的listview,包含一行list_details.xml

编辑:到目前为止,我设法完成了第一部分     

<TableLayout android:layout_height="wrap_content" android:layout_width="fill_parent">
        <TableRow android:layout_width="wrap_content" android:stretchColumns="0,2" android:layout_marginTop="2sp" android:layout_height="wrap_content" >
            <TextView android:id="@+id/homeTeam" android:layout_weight="2" android:paddingRight="4sp"/>
            <TextView android:text="Vs" android:layout_weight="0" />
            <TextView android:id="@+id/awayTeam" android:layout_weight="2" android:gravity="right" android:paddingLeft="4sp"/>
        </TableRow>
</TableLayout>
    <ListView android:id="@id/android:list"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content">
    </ListView>

编辑:

好吧,我可能没有很好地解释我想做什么。这是我的应用程序的屏幕截图 My current layout

我希望列对齐。到目前为止我正在使用这个xml

<?xml version="1.0" encoding="utf-8"?> 
<TableLayout android:layout_height="wrap_content" android:layout_width="match_parent" android:stretchColumns="0,4" xmlns:android="http://schemas.android.com/apk/res/android">
    <TableRow android:layout_width="wrap_content" android:layout_height="wrap_content">
        <TextView   android:id="@+id/ll_playerHome" android:layout_weight="0.5"     android:layout_width="wrap_content" android:layout_height="wrap_content" android:textSize="12sp"/>
        <ImageView  android:id="@+id/ll_eventHome"  android:layout_width="wrap_content" android:layout_height="wrap_content"/>
        <TextView   android:id="@+id/ll_minute"     android:layout_weight="0"       android:layout_width="wrap_content" android:layout_height="wrap_content"/>
        <ImageView  android:id="@+id/ll_eventAway"  android:layout_width="wrap_content" android:layout_height="wrap_content"/>
        <TextView   android:id="@+id/ll_playerAway" android:layout_weight="0.5"     android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="right" android:textSize="12sp"/>
    </TableRow>
</TableLayout>

1 个答案:

答案 0 :(得分:0)

这可能会起到作用:

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical" android:layout_width="fill_parent"
    android:layout_height="fill_parent">
    <LinearLayout android:layout_width="fill_parent"
        android:layout_height="wrap_content" android:id="@+id/linearLayout1">
        <TextView android:layout_width="wrap_content" android:text="TextView"
            android:id="@+id/textView1" android:textAppearance="?android:attr/textAppearanceLarge"
            android:layout_height="wrap_content" android:layout_weight="1"
            android:gravity="center_horizontal"></TextView>
        <TextView android:text="TextView" android:id="@+id/textView2"
            android:layout_width="wrap_content" android:layout_height="wrap_content"
            android:gravity="center_horizontal"></TextView>
        <TextView android:layout_width="wrap_content" android:text="TextView"
            android:id="@+id/textView3" android:textAppearance="?android:attr/textAppearanceLarge"
            android:layout_height="wrap_content" android:layout_weight="1"
            android:gravity="center_horizontal"></TextView>
    </LinearLayout>
    <LinearLayout android:layout_width="fill_parent"
        android:layout_height="wrap_content" android:id="@+id/linearLayout2">
        <ListView android:layout_height="wrap_content" android:id="@+id/listView1"
            android:layout_weight="1" android:layout_width="fill_parent"></ListView>
        <TextView android:text="TextView" android:id="@+id/textView2"
            android:layout_width="wrap_content" android:layout_height="wrap_content"
            android:gravity="center_horizontal"></TextView>
        <ListView android:layout_height="wrap_content" android:id="@+id/listView1"
            android:layout_weight="1" android:layout_width="fill_parent"></ListView>
    </LinearLayout>
</LinearLayout>