Android如何在折叠工具栏布局中添加带有两个文本视图的图像视图

Question

我有我的折叠工具栏布局，作为背景，我有一个图像视图，在折叠工具栏的左侧，我想要一个图像视图，紧挨着这个图像视图，两个文本视图在彼此下方。问题是框​​架布局隐藏了一半的图像视图所以我找不到将图像视图居中居中的方法

这是我的布局文件：

<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

据我所知，以下内容会对您有所帮助。

1. 第一件事是你不应该固定高度 您可以使用 wrap_content 折叠工具栏布局。
2. 你必须给图像视图一些尺寸。
3. 您可以在第二张图片中使用上边距。

4. 你应该在相对布局中使用上边距。

   <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" />