Question

我有我的折叠工具栏布局，作为背景我有一个imageview，在折叠工具栏的左侧我想要一个imageview，在这个imageview旁边，两个文本视图彼此相同。问题是framelayout隐藏了图像视图的一半所以我找不到一种方法来向右中心的图像视图

这是我的布局文件：

<android.support.design.widget.CollapsingToolbarLayout
            android:id="@+id/collapsing_toolbar"
            android:layout_width="match_parent"
            android:layout_height="200dp"
            app:layout_scrollFlags="scroll|exitUntilCollapsed"
            android:fitsSystemWindows="true"
            app:contentScrim="?attr/colorPrimary"
            app:titleEnabled="false">

            <ImageView
                android:id="@+id/backdrop"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:scaleType="centerCrop"
                android:fitsSystemWindows="true"
                app:layout_collapseMode="parallax" />

            <ImageView
                android:id="@+id/cover"
                android:layout_width="80dp"
                android:layout_height="80dp"
                android:scaleType="centerCrop"
                android:src="@drawable/android"
                android:layout_gravity="center"
                app:layout_collapseMode="parallax"
                app:layout_collapseParallaxMultiplier="0.9" />

            <RelativeLayout
                android:id="@+id/frame_layout_titles"
                android:layout_width="match_parent"
                android:layout_height="100dp"
                android:layout_gravity="bottom|center_horizontal"
                android:background="@color/colorPrimary"
                android:orientation="vertical"
                app:layout_collapseMode="parallax"
                app:layout_collapseParallaxMultiplier="0.3">

                <LinearLayout
                    android:id="@+id/linear_layout_titles"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_gravity="center"
                    android:orientation="vertical">

                    <TextView
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_gravity="center_horizontal"
                        android:gravity="bottom|center"
                        android:text="Game title"
                        android:textColor="@android:color/white"
                        android:textSize="30sp"
                        />

                    <TextView
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        android:layout_gravity="center_horizontal"
                        android:layout_marginTop="4dp"
                        android:text="Developer name"
                        android:textColor="@android:color/white" />

                </LinearLayout>
            </RelativeLayout>

            <android.support.v7.widget.Toolbar
                android:id="@+id/toolbar"
                android:layout_width="match_parent"
                android:layout_height="?attr/actionBarSize"
                app:popupTheme="@style/ThemeOverlay.AppCompat.Light"
                app:layout_collapseMode="pin" />
        </android.support.design.widget.CollapsingToolbarLayout>

Answer 1

我可以理解以下内容会对您有所帮助。

首先是你不应该固定高度折叠工具栏布局，您可以使用wrap_content。
你必须为图像提供一些尺寸。
您可以在第二张图片中使用margin top。

你应该在相对布局中使用margin top。

<ImageView
    android:id="@+id/backdrop"
    android:layout_width="match_parent"
    android:layout_height="320dp"
    android:layout_marginBottom="0dp"
    android:fitsSystemWindows="true"
    android:scaleType="centerCrop"
    android:src="@drawable/carrick"
    app:layout_collapseMode="parallax" />

<ImageView
    android:id="@+id/cover"
    android:layout_width="80dp"
    android:layout_height="80dp"
    android:layout_gravity="center"
    android:scaleType="centerCrop"
    android:layout_marginTop="40dp"
    android:src="@drawable/carrick"
    app:layout_collapseMode="parallax"
    app:layout_collapseParallaxMultiplier="0.9" />

<RelativeLayout
    android:id="@+id/frame_layout_titles"
    android:layout_width="match_parent"
    android:layout_height="74dp"
    android:layout_gravity="bottom|center_horizontal"
    android:layout_marginTop="150dp"
    android:background="@color/colorPrimary"
    android:orientation="vertical"
    app:layout_collapseMode="parallax"
    app:layout_collapseParallaxMultiplier="0.3">

    <LinearLayout
        android:id="@+id/linear_layout_titles"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:orientation="vertical">

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center_horizontal"
            android:gravity="bottom|center"
            android:text="Game title"
            android:textColor="@android:color/white"
            android:textSize="30sp" />

        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center_horizontal"
            android:layout_marginTop="4dp"
            android:text="Developer name"
            android:textColor="@android:color/white" />

    </LinearLayout>
</RelativeLayout>

<android.support.v7.widget.Toolbar
    android:id="@+id/toolbar"
    android:layout_width="match_parent"
    android:layout_height="?attr/actionBarSize"
    app:popupTheme="@style/ThemeOverlay.AppCompat.Light"
    app:layout_collapseMode="pin" />

Android如何在折叠工具栏布局

1 个答案: