android - 如何使用 TOP 上的 TextView 和 BOTTOM 上的 ListView 构建 UI？

Question

我在网上查了一些例子，这些例子只是展示如何单独使用ListView，很无聊。

我们总是需要构建一个复杂的 UI，现在，我想写一个有两个的 UI，View其中一个TextView在 TOP，占用 30% 的空间，另一个是 a ListView，它占用其余的空间，70 %。

如果我只是这样写：

<LinearLayout>
<TextView
    android:layout_width="match_parent"
    android:layout_height="0dp"
    android:layout_weight="3"/>
<ListView
    ....
    android:layout_weight="7"/>
</LinearLayout>

它不起作用....

Answer 1

尝试这个 ：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/LinearLayout1"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >

    <TextView
        android:id="@+id/textView1"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_weight="2"
        android:text="Large Text"
        android:textAppearance="?android:attr/textAppearanceLarge" />

    <ListView
        android:id="@+id/listView1"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_weight="1" >

    </ListView>

</LinearLayout>

Answer 2

顶部的文本视图和文本视图下方的列表视图。相应地修改以下内容。

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent" >

   <TextView
    android:id="@+id/textView1"
    android:layout_width="wrap_content"
    android:layout_height="40dp" // specify the height required for textview
    android:layout_alignParentTop="true"
    android:layout_centerHorizontal="true"
    android:text="TextView" />

    <ListView
        android:id="@+id/listView1"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_below="@+id/textView1"
        android:layout_centerHorizontal="true" >

    </ListView>

</RelativeLayout>

您还可以将视图作为标题添加到列表视图。

Answer 3

使用相对布局，例如：

  <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical" >

<TextView
    android:id="@+id/textView1"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="right"
    android:text="Large Text" />

<ListView
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:layout_below="@id/textView1" >
</ListView>

</RelativeLayout>

Answer 4

<LinearLayout>
    <TextView
    android:layout_width="match_parent"
    android:layout_height="0dp"
    android:layout_weight=".3"/>
    <ListView
    ....
    android:layout_weight=".7"/>
</LinearLayout>