gridview 的自定义顶行

Question

我正在尝试制作一个第一行与其他行不同的网格视图。我使用以下代码来实现您在屏幕截图中看到的内容。现在唯一的问题是，当您滚动时，顶行停留在那里：

        <LinearLayout
            android:id="@+id/firstImages"
            android:orientation="horizontal"
            android:layout_width="match_parent"
            android:layout_height="wrap_content">

            <ImageView
                android:id="@+id/imageFirst"
                android:layout_weight="2"
                android:scaleType="fitCenter"
                android:adjustViewBounds="true"
                android:layout_width="0dp"
                android:layout_height="wrap_content" />
            <LinearLayout
                android:orientation="vertical"
                android:layout_weight="1"
                android:layout_width="0dp"
                android:layout_height="wrap_content">
                <ImageView
                    android:id="@+id/imageSecond"
                    android:scaleType="fitCenter"
                    android:adjustViewBounds="true"
                    android:layout_width="match_parent"
                    android:layout_weight="1"
                    android:layout_height="0dp" />
                <ImageView
                    android:id="@+id/imageThird"
                    android:scaleType="fitCenter"
                    android:adjustViewBounds="true"
                    android:layout_width="match_parent"
                    android:layout_weight="1"
                    android:layout_height="0dp" />
            </LinearLayout>
        </LinearLayout>
        <GridView
            android:id="@+id/catchesGrid"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_below="@+id/firstImages"
            android:layout_above="@+id/dealersFooter"
            android:numColumns="3"
            android:stretchMode="columnWidth"
            android:layout_alignParentEnd="true">

        </GridView>

我正在使用 Picasso 展示图像：

@Override
public View getView(int position, View convertView, ViewGroup parent) {
    SquaredImageView view = (SquaredImageView) convertView;
    if (view == null) {
        view = new SquaredImageView(context);
        view.setScaleType(CENTER_CROP);
    }

    Catch catchItem = getItem(position);

    String url = "image_url";

    Picasso.with(context) //
            .load(url) //
            .fit() //
            .into(view);

    return view;
}

Answer 1

<ScrollView
    android:layout_width="match_parent"
    android:layout_height="match_parent">

        <LinearLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:orientation="vertical">

            <LinearLayout
                android:id="@+id/firstImages"
                android:orientation="horizontal"
                android:layout_width="match_parent"
                android:layout_height="wrap_content">

                <ImageView
                    android:id="@+id/imageFirst"
                    android:layout_weight="2"
                    android:scaleType="fitCenter"
                    android:adjustViewBounds="true"
                    android:layout_width="0dp"
                    android:layout_height="wrap_content" />
                <LinearLayout
                    android:orientation="vertical"
                    android:layout_weight="1"
                    android:layout_width="0dp"
                    android:layout_height="wrap_content">
                    <ImageView
                        android:id="@+id/imageSecond"
                        android:scaleType="fitCenter"
                        android:adjustViewBounds="true"
                        android:layout_width="match_parent"
                        android:layout_weight="1"
                        android:layout_height="0dp" />
                    <ImageView
                        android:id="@+id/imageThird"
                        android:scaleType="fitCenter"
                        android:adjustViewBounds="true"
                        android:layout_width="match_parent"
                        android:layout_weight="1"
                        android:layout_height="0dp" />
                </LinearLayout>
            </LinearLayout>
            <GridView
                android:id="@+id/catchesGrid"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:layout_below="@+id/firstImages"
                android:layout_above="@+id/dealersFooter"
                android:numColumns="3"
                android:stretchMode="columnWidth"
                android:layout_alignParentEnd="true">

            </GridView>

        </LinearLayout>

    </ScrollView>

现在在您的代码中，使用 ScrollView 滚动，不要使用 GridView 滚动。

另请注意，ScrollView 只能接待一名直系子女，因此额外 LinearLayout.

gridview 的自定义顶行

Custom top row for gridview

android

gridview

picasso