Question

我有一个ImageView即封面照片。另一个ImageView，即个人资料图片和textview，即Coverphoto内的名称。这张封面照片下面有一个列表视图。我想让整个布局可滚动，即封面照片布局也应该使用Listview向上滚动。我已经尝试过list.addHeaderView，但如何在list.addheaderview中将coverphoto与个人资料照片和名称合并？

Answer 1

将所有这些内容（封面照片，个人资料照片，名称等）放在单一布局中（例如LinearLayout | RelativeLayout），然后对它们进行充气并添加到Listview 。

您的代码可能是这样的：

View profielView = LayoutInflater.from(getActivity()).inflate(R.layout.view_your_profile, mListView, false);
mListView.addHeaderView(profileView);

您的view_your_profile是这样的：

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

    <!-- cover photo -->
    <ImageView
        android:id="@+id/image_profile_cover"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:background="@drawable/ic_launcher"
        android:scaleType="centerCrop" />


        <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:gravity="center"
            android:orientation="horizontal">
            <!-- username  -->
            <TextView
                android:layout_width="wrap_content"
                android:layout_height="match_parent"
                android:layout_marginRight="8dp"
                android:text="@string/icon_chevron_left"
                android:textColor="@color/white_transparent_30" />

            <!-- profile photo -->
            <ImageView
                android:layout_width="wrap_content"
                android:layout_height="match_parent"
                android:gravity="center"/>

        </LinearLayout>

</RelativeLayout>

使用不同视图类型的RecyclerView还有更好的方法，您可以找到好的教程Wikipedia。

Answer 2

你需要为封面照片制作一个RelativeLayout，并将个人资料图片和textview放在一个名为header.xml的文件中。

您可以参考以下问题：

Android, ImageView over ImageView

Adding text to ImageView in Android

因此，在创建了header.xml之后，您可以使用封面照片，个人资料图片，文本将其添加到ListView中，并在滚动列表视图时滚动它！

使用ListView的可滚动ImageView

2 个答案: