Android:列表视图的布局问题

发布于 2024-11-14 10:32:15 字数 3929 浏览 2 评论 0原文

我正在尝试为列表视图的元素添加标题。现在,所有信息都是从一个静态数组填充的,该数组由多个元素组成,但现在基本上是一个图像,后面跟着几个不同的文本视图。我希望在图像和文本视图上方有一个标题栏,但仍然包含在滚动视图元素中(这有意义吗?我仍在尝试了解编程术语,哈哈。)我尝试添加相对布局/ imageview 上方的 textview/tablerow 无济于事。

这是 LayoutCode

<?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="?android:attr/listPreferredItemHeight"
    android:padding="6dip" >
    <ImageView
        android:id="@+id/icon"
        android:layout_width="100sp"
        android:layout_height="100sp"
        android:layout_marginRight="6dip"
        android:src="@drawable/car1" />
    <LinearLayout
        android:orientation="vertical"
        android:layout_width="0dip"
        android:layout_weight="1"
        android:layout_height="fill_parent"
        >
        <TextView
            android:id="@+id/make"
            android:layout_width="fill_parent"
            android:layout_height="0dip"
            android:layout_weight="1"
            android:gravity="center_vertical"
            android:textColor="#000"
        />

    </LinearLayout>
</LinearLayout>

这全部包含在其中:

<?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">
    <RelativeLayout android:orientation="vertical" android:background="@drawable/banner"
        android:layout_width="fill_parent" android:layout_height="50sp" android:gravity="center" >

    </RelativeLayout>
    <RelativeLayout android:orientation="vertical"
        android:background="#FFFFF0" android:layout_width="fill_parent"
        android:layout_height="wrap_content" android:gravity="fill_vertical">
        <Button android:text="Change Location" android:id="@+id/ListingsLocationbtn"
            android:layout_height="wrap_content" android:gravity="center"
            android:layout_width="100sp" android:layout_margin="3sp"></Button>
        <Button android:id="@+id/ListingsDetailsbtn" android:text="Details"
            android:layout_toRightOf="@+id/ListingsLocationbtn"
            android:layout_alignTop="@+id/ListingsLocationbtn"
            android:layout_alignBottom="@+id/ListingsLocationbtn"
            android:layout_height="match_parent" android:gravity="center|center_vertical"
            android:layout_width="100sp" android:layout_margin="3sp"></Button>
        <Button android:layout_height="wrap_content" android:id="@+id/ListingsFilterbtn"
            android:text="Filter Results" android:layout_alignParentRight="true"
            android:layout_width="100sp" android:gravity="center"
            android:layout_margin="3sp"></Button>
    </RelativeLayout>

    <RelativeLayout android:orientation="vertical"
        android:background="#FFFFF0" android:layout_width="fill_parent"
        android:layout_height="wrap_content" android:gravity="fill_vertical">
        <TextView android:id="@+id/zipcodeTV" android:paddingTop="2sp"
            android:layout_width="fill_parent" android:layout_height="wrap_content"
            android:textColor="#000"  android:textStyle="bold"/>
    </RelativeLayout>

    <ListView android:id="@+id/android:list" android:layout_width="fill_parent"
        android:layout_height="fill_parent" android:background="#FFFFF0" />
    <TextView android:id="@+id/android:empty"
        android:layout_width="fill_parent" android:layout_height="fill_parent"
        android:text="@string/main_no_items" android:textColor="#000" />

</LinearLayout>

*我删除了一些文本视图,因为我的代码没有接管整个页面

“在此处输入图像描述”

提前感谢您的帮助:)!

I'm trying to add a title to my the elements of my listview. Right now all the information is populated from a static array which consists of several elements but basically now is an Image followed by several different textviews. I would like to have a title bar above the image and textviews but still contained with in the scrollview element (Does this make sense? I'm still trying to get programming jargon down, haha.) I've tried adding a relative layout/textview/tablerow above the imageview to no avail.

Here is the LayoutCode

<?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="?android:attr/listPreferredItemHeight"
    android:padding="6dip" >
    <ImageView
        android:id="@+id/icon"
        android:layout_width="100sp"
        android:layout_height="100sp"
        android:layout_marginRight="6dip"
        android:src="@drawable/car1" />
    <LinearLayout
        android:orientation="vertical"
        android:layout_width="0dip"
        android:layout_weight="1"
        android:layout_height="fill_parent"
        >
        <TextView
            android:id="@+id/make"
            android:layout_width="fill_parent"
            android:layout_height="0dip"
            android:layout_weight="1"
            android:gravity="center_vertical"
            android:textColor="#000"
        />

    </LinearLayout>
</LinearLayout>

This is all contained in this:

<?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">
    <RelativeLayout android:orientation="vertical" android:background="@drawable/banner"
        android:layout_width="fill_parent" android:layout_height="50sp" android:gravity="center" >

    </RelativeLayout>
    <RelativeLayout android:orientation="vertical"
        android:background="#FFFFF0" android:layout_width="fill_parent"
        android:layout_height="wrap_content" android:gravity="fill_vertical">
        <Button android:text="Change Location" android:id="@+id/ListingsLocationbtn"
            android:layout_height="wrap_content" android:gravity="center"
            android:layout_width="100sp" android:layout_margin="3sp"></Button>
        <Button android:id="@+id/ListingsDetailsbtn" android:text="Details"
            android:layout_toRightOf="@+id/ListingsLocationbtn"
            android:layout_alignTop="@+id/ListingsLocationbtn"
            android:layout_alignBottom="@+id/ListingsLocationbtn"
            android:layout_height="match_parent" android:gravity="center|center_vertical"
            android:layout_width="100sp" android:layout_margin="3sp"></Button>
        <Button android:layout_height="wrap_content" android:id="@+id/ListingsFilterbtn"
            android:text="Filter Results" android:layout_alignParentRight="true"
            android:layout_width="100sp" android:gravity="center"
            android:layout_margin="3sp"></Button>
    </RelativeLayout>

    <RelativeLayout android:orientation="vertical"
        android:background="#FFFFF0" android:layout_width="fill_parent"
        android:layout_height="wrap_content" android:gravity="fill_vertical">
        <TextView android:id="@+id/zipcodeTV" android:paddingTop="2sp"
            android:layout_width="fill_parent" android:layout_height="wrap_content"
            android:textColor="#000"  android:textStyle="bold"/>
    </RelativeLayout>

    <ListView android:id="@+id/android:list" android:layout_width="fill_parent"
        android:layout_height="fill_parent" android:background="#FFFFF0" />
    <TextView android:id="@+id/android:empty"
        android:layout_width="fill_parent" android:layout_height="fill_parent"
        android:text="@string/main_no_items" android:textColor="#000" />

</LinearLayout>

*I deleted some of the textviews as my code didn't take over the entire page

enter image description here

Thanks in advance for the help :)!

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

⒈起吃苦の倖褔 2024-11-21 10:32:15

尝试这样的

<?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="wrap_content"
        android:orientation = "vertical"
        android:padding="6dip" >
        <TextView
            android:id = "@+id/myTextBar"
            android:layout_width = "fill_parent"
            android:layout_height = "wrap_content"`
            android:text = "This is my text bar over my image and other info"/>
        <LinearLayout
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:orientation = "horizontal"
            android:padding="6dip" >
            <ImageView
                android:id="@+id/icon"
                android:layout_width="100sp"
                android:layout_height="100sp"
                android:layout_marginRight="6dip"
                android:src="@drawable/car1" />
            <LinearLayout
                android:orientation="vertical"
                android:layout_width="0dip"
                android:layout_weight="1"
                android:layout_height="fill_parent">
                <TextView
                    android:id="@+id/make"
                    android:layout_width="fill_parent"
                    android:layout_height="0dip"
                    android:layout_weight="1"
                    android:gravity="center_vertical"
                    android:textColor="#000"/>

            </LinearLayout>
        </LinearLayout>
    </LinearLayout>

在此处输入图像描述

如果您想使用相对布局来执行此操作,则如下所示:

<?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 = "wrap_content"
    android:padding="6dip">
    <TextView
        android:id = "@+id/title_bar_text"
        android:layout_width = "fill_parent"
        android:layout_height = "wrap_content"
        android:layout_alignParentTop = "true"
        android:text = "This is the title bar"
        android:gravity = "center_horizontal"/>
    <ImageView
        android:id="@+id/icon"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerVertical = "true"
        android:layout_alignParentLeft="true"
        android:layout_below = "@id/title_bar_text"
        android:layout_marginRight="6dip"
        android:src="@drawable/icon" />

    <TextView
        android:id="@+id/make"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_toRightOf="@id/icon"
        android:layout_below = "@id/title_bar_text"
        android:layout_alignParentRight="true"
        android:layout_alignBottom = "@id/icon"
        android:gravity="center_vertical"
        android:singleLine="true"
        android:ellipsize="marquee"
        android:textColor="#FFFFFFFF"
        android:textStyle="bold"
        android:layout_alignWithParentIfMissing="true"
        android:text = "This is the text beside the image"/>
 </RelativeLayout>

它看起来像这样:

在此处输入图像描述

Try something like this

<?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="wrap_content"
        android:orientation = "vertical"
        android:padding="6dip" >
        <TextView
            android:id = "@+id/myTextBar"
            android:layout_width = "fill_parent"
            android:layout_height = "wrap_content"`
            android:text = "This is my text bar over my image and other info"/>
        <LinearLayout
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:orientation = "horizontal"
            android:padding="6dip" >
            <ImageView
                android:id="@+id/icon"
                android:layout_width="100sp"
                android:layout_height="100sp"
                android:layout_marginRight="6dip"
                android:src="@drawable/car1" />
            <LinearLayout
                android:orientation="vertical"
                android:layout_width="0dip"
                android:layout_weight="1"
                android:layout_height="fill_parent">
                <TextView
                    android:id="@+id/make"
                    android:layout_width="fill_parent"
                    android:layout_height="0dip"
                    android:layout_weight="1"
                    android:gravity="center_vertical"
                    android:textColor="#000"/>

            </LinearLayout>
        </LinearLayout>
    </LinearLayout>

enter image description here

If you want to do it with relative layout, this is how it would look like:

<?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 = "wrap_content"
    android:padding="6dip">
    <TextView
        android:id = "@+id/title_bar_text"
        android:layout_width = "fill_parent"
        android:layout_height = "wrap_content"
        android:layout_alignParentTop = "true"
        android:text = "This is the title bar"
        android:gravity = "center_horizontal"/>
    <ImageView
        android:id="@+id/icon"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerVertical = "true"
        android:layout_alignParentLeft="true"
        android:layout_below = "@id/title_bar_text"
        android:layout_marginRight="6dip"
        android:src="@drawable/icon" />

    <TextView
        android:id="@+id/make"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_toRightOf="@id/icon"
        android:layout_below = "@id/title_bar_text"
        android:layout_alignParentRight="true"
        android:layout_alignBottom = "@id/icon"
        android:gravity="center_vertical"
        android:singleLine="true"
        android:ellipsize="marquee"
        android:textColor="#FFFFFFFF"
        android:textStyle="bold"
        android:layout_alignWithParentIfMissing="true"
        android:text = "This is the text beside the image"/>
 </RelativeLayout>

It looks like this:

enter image description here

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文