自定义ListView项目图形布局Android

时间:2012-11-22 06:07:42

标签: android android-layout android-listview

请原谅我的无知,但这是我在Android的第3天,我看过教程,他们似乎都专注于listview项目UI的xml声明。我的问题是,我希望能够在Eclipse的设计器“Graphical Layout”中看到自定义listview项UI。但是,它显示它就像Android中的任何其他视图一样,即。标题和状态栏位于顶部并占据整个屏幕。我想看到的只是我正在设计的列表视图项目。只有50dp高,填充宽度。有没有办法做到这一点?

3 个答案:

答案 0 :(得分:3)

我相信你要找的是一个自定义适配器。  你所看到的只是listview项目,你要找的是自定义布局。看看本教程,特别是有关设计自定义布局和自定义适配器的部分。

http://www.androidhive.info/2012/02/android-custom-listview-with-image-and-text/

答案 1 :(得分:1)

这是制作自定义列表视图的一般布局示例:

主要活动布局:

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

    <ListView
        android:id="@+id/list"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
     />
</LinearLayout>

ListView行布局XML(list.xml):

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent" >
    <ImageView
        android:id="@+id/icon"
        android:layout_width="80dp"
        android:layout_height="80dp"
        android:contentDescription="@string/image"
        android:paddingLeft="10dp"
        android:paddingRight="10dp" />

    <TextView
        android:id="@+id/title"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_toRightOf="@+id/icon"
        android:paddingBottom="10dp"
        android:textColor="#CC0033"
        android:textSize="16dp" />

    <TextView
        android:id="@+id/desc"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/title"
        android:layout_toRightOf="@+id/icon"
        android:paddingLeft="10dp"
        android:textColor="#3399FF"
        android:textSize="14dp" />
</RelativeLayout>

答案 2 :(得分:0)

我认为查看listview外观的唯一方法是在设备上运行应用程序并在列表视图中填入测试数据。这有点痛苦。