ImageView 上方的 LinearLayout 没有在 Fragment 中显示？

Question

我有 ImageView 需要以可用的全高显示。但是在顶部，我创建了包含文本和图像的 LinearLayout。我希望它显示在顶部，但也希望图像适合屏幕。我在底部有线性布局，并且工作正常。

这是我想在顶部显示的 LinearLayout 代码。我隐藏了操作栏

    <FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:layout_width="match_parent"
        android:layout_height="match_parent" >

        <LinearLayout
            android:id="@+id/actionbar"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_gravity="top"
            android:background="@android:color/black"
            android:gravity="top"
            android:orientation="horizontal"
            android:visibility="visible" >

            <ImageView
                android:id="@+id/backbutton"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="left"
                android:paddingLeft="10dp"
                android:src="@drawable/back_button" />

            <TextView
                android:id="@+id/titleofscreen"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_gravity="center"
                android:text="Testing"
                android:textColor="#22c064"
                android:textSize="18sp" />
        </LinearLayout>

        <ImageView
            android:id="@+id/imageShown"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:adjustViewBounds="true"
            android:scaleType="fitXY" /> 
</FrameLayout>

如果我没有将 imageView 比例类型设置为 android:scaleType="fitXY" 那么它可以工作，但图像不适合屏幕。

我想显示图像以适合包含文本的上方栏和下方有一些图标的栏。但是，如果我制作图像 scaletype ='fitXY' 它不会显示在文本上方。以下是屏幕截图，但我希望图像占用空间

Answer 1

如果您希望图像低于actionbar，则不应使用FrameLayout 作为父级。您应该使用带有权重的垂直LinearLayout 或“RelativeLayout”。尝试以下代码：

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <LinearLayout
        android:id="@+id/actionbar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_gravity="top"
        android:background="@android:color/black"
        android:gravity="top"
        android:orientation="horizontal"
        android:visibility="visible" >

        <ImageView
            android:id="@+id/backbutton"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="left"
            android:paddingLeft="10dp"
            android:src="@drawable/back_button" />

        <TextView
            android:id="@+id/titleofscreen"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center"
            android:text="Testing"
            android:textColor="#22c064"
            android:textSize="18sp" />
    </LinearLayout>

    <ImageView
        android:id="@+id/imageShown"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:layout_below="@+id/actionbar"
        android:layout_alignParentBottom="true"
        android:scaleType="fitCenter"
        /> 
</RelativeLayout>

我也怀疑你使用fitXY 作为android:scaleType，因为它不保持图像的纵横比 - 所以你的图像会变形（拉伸）。在您的情况下，您应该使用fitCenter，但这取决于您想要缩放图像的精确程度 - 您也可以使用centerInside 或centerCrop。