Question

您好我已为Android制作了简单的计算器应用程序。这一切都运作良好。但我的下一步是实现横向模式的布局。一个小时后，我的布局很好，一切都很好......直到我在设备上运行应用程序（华为P8 Lite）。

这是它在Designer / Preview中的样子： This is how it looks in the Designer/Preview:

以下是在我的设备上运行的方式： And here's how it's like running on my device

我不知道可能出现什么问题。我以前做了几个布局，没有这样的问题。有谁知道可能导致错误的原因？

这是我的XML布局：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical">

<RelativeLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_weight="0.8">

        <me.grantland.widget.AutofitLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:layout_weight=".30"
            android:gravity="right"
            android:paddingLeft="5dp"
            android:paddingRight="5dp">

            <EditText
                android:id="@+id/textBox1"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                android:gravity="center_vertical|bottom|right"
                android:maxLines="1"
                android:textSize="30dp"
                android:textStyle="italic" />
        </me.grantland.widget.AutofitLayout>

</RelativeLayout>

<RelativeLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_margin="5dp"
    android:layout_weight="0.2">

    <android.support.constraint.ConstraintLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        tools:layout_editor_absoluteY="0dp"
        tools:layout_editor_absoluteX="0dp">

        <Button
            android:id="@+id/bracketLeft"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="("
            app:layout_constraintLeft_toRightOf="@+id/three"
            android:layout_marginLeft="0dp"
            android:layout_marginTop="0dp"
            app:layout_constraintTop_toBottomOf="@+id/plus" />

        <Button
            android:id="@+id/bracketRight"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text=")"
            app:layout_constraintLeft_toRightOf="@+id/bracketLeft"
            android:layout_marginLeft="0dp"
            app:layout_constraintRight_toLeftOf="@+id/equals"
            android:layout_marginRight="8dp"
            app:layout_constraintHorizontal_bias="0.0"
            android:layout_marginTop="0dp"
            app:layout_constraintTop_toBottomOf="@+id/minus" />

        <Button
            android:id="@+id/button27"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="^"
            app:layout_constraintLeft_toRightOf="@+id/button26"
            android:layout_marginLeft="-1dp"
            android:layout_marginTop="0dp"
            app:layout_constraintTop_toBottomOf="@+id/bracketRight" />

        <Button
            android:id="@+id/one"
            style="@style/appButtonMaterial_land"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:fontFamily="sans-serif"
            android:text="1"
            android:typeface="normal"
            android:layout_marginLeft="8dp"
            app:layout_constraintLeft_toLeftOf="parent"
            android:layout_marginTop="0dp"
            app:layout_constraintTop_toBottomOf="@+id/four" />

        <ImageButton
            android:id="@+id/backspace"
            style="@style/appButtonMaterial_land"
            android:layout_width="wrap_content"
            android:src="@drawable/ic_backspace_black_24dp"
            app:layout_constraintLeft_toRightOf="@+id/multiple"
            android:layout_marginLeft="0dp"
            tools:layout_editor_absoluteY="8dp" />

        <Button
            android:id="@+id/multiple"
            style="@style/appButtonMaterial_land"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_column="2"
            android:layout_row="0"
            android:fontFamily="sans-serif"
            android:text="X"
            android:typeface="normal"
            app:layout_constraintLeft_toRightOf="@+id/divide"
            android:layout_marginLeft="0dp"
            app:layout_constraintTop_toTopOf="parent"
            android:layout_marginTop="8dp" />

        <Button
            android:id="@+id/two"
            style="@style/appButtonMaterial_land"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:fontFamily="sans-serif"
            android:text="2"
            android:typeface="normal"
            app:layout_constraintLeft_toRightOf="@+id/one"
            android:layout_marginLeft="0dp"
            android:layout_marginTop="0dp"
            app:layout_constraintTop_toBottomOf="@+id/five" />

        <Button
            android:id="@+id/three"
            style="@style/appButtonMaterial_land"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:fontFamily="sans-serif"
            android:text="3"
            android:typeface="normal"
            app:layout_constraintLeft_toRightOf="@+id/two"
            android:layout_marginLeft="0dp"
            android:layout_marginTop="0dp"
            app:layout_constraintTop_toBottomOf="@+id/six" />

        <Button
            android:id="@+id/four"
            style="@style/appButtonMaterial_land"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:fontFamily="sans-serif"
            android:text="4"
            android:typeface="normal"
            android:layout_marginLeft="8dp"
            app:layout_constraintLeft_toLeftOf="parent"
            android:layout_marginTop="0dp"
            app:layout_constraintTop_toBottomOf="@+id/seven" />

        <Button
            android:id="@+id/six"
            style="@style/appButtonMaterial_land"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:fontFamily="sans-serif"
            android:text="6"
            android:typeface="normal"
            app:layout_constraintLeft_toRightOf="@+id/five"
            android:layout_marginLeft="0dp"
            android:layout_marginTop="0dp"
            app:layout_constraintTop_toBottomOf="@+id/nine" />

        <Button
            android:id="@+id/divide"
            style="@style/appButtonMaterial_land"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:fontFamily="sans-serif"
            android:text="/"
            android:typeface="normal"
            app:layout_constraintLeft_toRightOf="@+id/nine"
            android:layout_marginLeft="0dp"
            app:layout_constraintTop_toTopOf="parent"
            android:layout_marginTop="8dp" />

        <Button
            android:id="@+id/clear"
            style="@style/appButtonMaterial_land"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:fontFamily="sans-serif"
            android:text="C"
            android:typeface="normal"
            android:layout_marginBottom="0dp"
            app:layout_constraintBottom_toTopOf="@+id/equals"
            app:layout_constraintLeft_toRightOf="@+id/minus"
            android:layout_marginLeft="0dp"
            android:layout_marginTop="0dp"
            app:layout_constraintTop_toBottomOf="@+id/backspace"
            app:layout_constraintVertical_bias="0.0" />

        <Button
            android:id="@+id/seven"
            style="@style/appButtonMaterial_land"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:fontFamily="sans-serif"
            android:text="7"
            android:typeface="normal"
            android:layout_marginLeft="8dp"
            app:layout_constraintLeft_toLeftOf="parent"
            app:layout_constraintTop_toTopOf="parent"
            android:layout_marginTop="8dp" />

        <Button
            android:id="@+id/eight"
            style="@style/appButtonMaterial_land"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:fontFamily="sans-serif"
            android:text="8"
            android:typeface="normal"
            app:layout_constraintLeft_toRightOf="@+id/seven"
            android:layout_marginLeft="0dp"
            app:layout_constraintTop_toTopOf="parent"
            android:layout_marginTop="8dp" />

        <Button
            android:id="@+id/five"
            style="@style/appButtonMaterial_land"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:fontFamily="sans-serif"
            android:text="5"
            android:typeface="normal"
            app:layout_constraintLeft_toRightOf="@+id/four"
            android:layout_marginLeft="0dp"
            android:layout_marginTop="0dp"
            app:layout_constraintTop_toBottomOf="@+id/eight" />

        <Button
            android:id="@+id/plus"
            style="@style/appButtonMaterial_land"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:fontFamily="sans-serif"
            android:text="+"
            android:typeface="normal"
            app:layout_constraintLeft_toRightOf="@+id/six"
            android:layout_marginLeft="0dp"
            android:layout_marginTop="0dp"
            app:layout_constraintTop_toBottomOf="@+id/divide" />

        <Button
            android:id="@+id/minus"
            style="@style/appButtonMaterial_land"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:fontFamily="sans-serif"
            android:text="-"
            android:typeface="normal"
            app:layout_constraintLeft_toRightOf="@+id/plus"
            android:layout_marginLeft="0dp"
            android:layout_marginTop="0dp"
            app:layout_constraintTop_toBottomOf="@+id/multiple" />

        <Button
            android:id="@+id/nine"
            style="@style/appButtonMaterial_land"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:fontFamily="sans-serif"
            android:text="9"
            android:typeface="normal"
            app:layout_constraintLeft_toRightOf="@+id/eight"
            android:layout_marginLeft="0dp"
            app:layout_constraintTop_toTopOf="parent"
            android:layout_marginTop="8dp" />

        <Button
            android:id="@+id/dot"
            style="@style/appButtonMaterial_land"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:fontFamily="sans-serif"
            android:text="."
            android:typeface="normal"
            app:layout_constraintLeft_toRightOf="@+id/zero"
            android:layout_marginLeft="-1dp"
            android:layout_marginTop="0dp"
            app:layout_constraintTop_toBottomOf="@+id/three" />

        <Button
            android:id="@+id/equals"
            style="@style/appButtonMaterial_land"
            android:layout_height="97dp"
            android:fontFamily="sans-serif"
            android:text="="
            android:typeface="normal"
            tools:layout_editor_absoluteY="103dp"
            app:layout_constraintLeft_toRightOf="@+id/button27"
            android:layout_marginLeft="0dp"
            app:layout_constraintDimensionRatio="w,1:1" />

        <Button
            android:id="@+id/zero"
            style="@style/appButtonMaterial_land"
            android:layout_width="176dp"
            android:fontFamily="sans-serif"
            android:text="0"
            android:typeface="normal"
            android:layout_marginLeft="8dp"
            app:layout_constraintLeft_toLeftOf="parent"
            android:layout_height="49dp"
            android:layout_marginTop="0dp"
            app:layout_constraintTop_toBottomOf="@+id/two" />

        <Button
            android:id="@+id/button26"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginLeft="-1dp"
            android:text="%"
            app:layout_constraintLeft_toRightOf="@+id/dot"
            android:layout_marginTop="0dp"
            app:layout_constraintTop_toBottomOf="@+id/bracketLeft" />

    </android.support.constraint.ConstraintLayout>

   </RelativeLayout>

</LinearLayout>

在android studio 2中，按钮在预览中看起来很好，但在实际设备上它是在屏幕外

0 个答案: