Question

我正在处理我的横向布局，其中RelativeLayout包含CardView，两个ImageViews和一个简单的TextView。在Android Studio的预览中，它看起来与我想要的完全一样但是如果我在我的真实设备上测试它看起来很奇怪，因为总有额外的空间。

这是Android Studio中的预览：

它在真实设备上看起来像这样：

这是布局文件：

  <RelativeLayout xmlns:android="http://schemas.android.com/apk/res 
    /android"
    xmlns:ads="http://schemas.android.com/apk/res-auto"
    xmlns:card_view="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    tools:context="de.udacity.dk.cleverdroid.ui.QuizActivity">

    <android.support.v7.widget.CardView
        android:id="@+id/question_and_answers"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_above="@id/iv_back"
        android:layout_alignParentTop="true"
        android:layout_margin="16dp"
        android:elevation="@dimen/cardview_default_elevation"
        card_view:cardCornerRadius="8dp">

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

            <LinearLayout
                android:layout_width="match_parent"
                android:layout_height="wrap_content"
                android:gravity="center_vertical"
                android:padding="16dp">

                <TextView
                    android:id="@+id/tv_question"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:textStyle="bold"
                    tools:text="This is a question" />

            </LinearLayout>

            <View
                android:layout_width="match_parent"
                android:layout_height="2dp"
                android:background="@android:color/darker_gray" />

            <LinearLayout
                android:id="@+id/layout_singlechoice"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:orientation="vertical"
                android:padding="16dp">

                <RadioGroup
                    android:id="@+id/rg_singlechoice"
                    android:layout_width="match_parent"
                    android:layout_height="wrap_content">

                    <RadioButton
                        android:id="@+id/rb_choice1"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        tools:text="Android" />

                    <RadioButton
                        android:id="@+id/rb_choice2"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        tools:text="Android" />

                    <RadioButton
                        android:id="@+id/rb_choice3"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        tools:text="Android" />

                    <RadioButton
                        android:id="@+id/rb_choice4"
                        android:layout_width="wrap_content"
                        android:layout_height="wrap_content"
                        tools:text="Android" />
                </RadioGroup>
            </LinearLayout>
        </LinearLayout>

    </android.support.v7.widget.CardView>

    <TextView
        android:id="@+id/tv_answer"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_toLeftOf="@+id/iv_next"
        android:layout_toRightOf="@+id/iv_back"
        android:gravity="center"
        android:padding="16dp"
        android:textColor="@android:color/white"
        android:textStyle="bold"
        tools:text="This is the answer"
        tools:textColor="@android:color/black" />

    <ImageView
        android:id="@+id/iv_back"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_alignParentLeft="true"
        android:layout_alignParentStart="true"
        android:background="@drawable/circle_background"
        android:src="@drawable/ic_keyboard_arrow_left_black_24dp"
        android:text="@string/quiz_back"
        android:textColor="@android:color/white" />

    <ImageView
        android:id="@+id/iv_next"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_alignParentEnd="true"
        android:layout_alignParentRight="true"
        android:background="@drawable/circle_background"
        android:src="@drawable/ic_keyboard_arrow_right_black_24dp"
        android:text="@string/quiz_next"
        android:textColor="@android:color/white" />

    </RelativeLayout>

布局会膨胀到我Fragment的{{1}}容器中，如下所示：

Activity

我首先认为这是因为相关<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical"> <include layout="@layout/app_bar" /> <FrameLayout android:id="@+id/fragment_container" android:layout_width="match_parent" android:layout_height="match_parent" android:background="@color/colorBackground"></FrameLayout> </LinearLayout>中包含的AppBar，所以我删除了它。但这并没有解决问题。这个额外空间来自哪里？

Answer 1

所以我经过几个小时的头痛后才解决了。在我的Activity中，我指的是错误的活动布局，其Fragment容器中有24dp的填充。在引用已发布的活动布局而没有任何填充后，它可以正常工作。这是一个非常容易犯的错误。

Fragment中Relativelayout中的视图有额外的空格

1 个答案: