Question

我正在为学校开发一个Android应用程序。在Android Studio的预览中，我制定的布局看起来不错，但是只要我在我的物理设备（HTC One m8，Android 5.0.1）上部署它，卡片内部的所有内容都会搞砸。

布局文件：

<?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:orientation="vertical"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    app:layout_behavior="@string/appbar_scrolling_view_behavior"
    tools:context="de.seschi98.trgapp.activities.ScheduleActivity"
    tools:showIn="@layout/activity_schedule">



    <android.support.v7.widget.CardView
        android:id="@+id/card_view"
        android:layout_width="match_parent"
        android:layout_height="120dp">


        <GridLayout
            xmlns:android="http://schemas.android.com/apk/res/android"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:columnCount="4"
            android:rowCount="1"
            android:columnOrderPreserved="false"
            android:orientation="horizontal"
            android:rowOrderPreserved="false">

            <TextView
                android:id="@+id/lesson_number"
                android:text="01"
                android:textSize="22dp"
                android:layout_width="wrap_content"
                android:layout_column="0"
                android:layout_row="0"
                android:layout_rowWeight="1"
                android:gravity="center_vertical|center_horizontal"
                android:textStyle="bold"
                android:layout_columnWeight="20" />

            <GridLayout
                xmlns:android="http://schemas.android.com/apk/res/android"
                android:layout_column="1"
                android:layout_row="0"
                android:columnCount="2"
                android:layout_columnWeight="90"
                android:rowCount="3"
                android:layout_height="match_parent">


                <TextView
                    android:gravity="center_vertical|center_horizontal"
                    android:id="@+id/lesson_name"
                    android:text="Chemistry"
                    android:textSize="22dp"
                    android:layout_height="wrap_content"
                    android:layout_column="1"
                    android:layout_row="0"
                    android:layout_rowWeight="15"
                    android:layout_gravity="center_horizontal"
                    android:paddingTop="10dp"
                    android:layout_width="match_parent" />

                <TextView
                    android:gravity="bottom|center_horizontal"
                    android:id="@+id/teacher"
                    android:text="Mr Smith"
                    android:layout_height="wrap_content"
                    android:textSize="16dp"
                    android:layout_column="1"
                    android:layout_row="1"
                    android:layout_rowWeight="20"
                    android:layout_gravity="center_horizontal"
                    android:layout_width="match_parent" />


                <TextView
                    android:gravity="top|center_horizontal"
                    android:id="@+id/room"
                    android:text="Room A-123"
                    android:textSize="16dp"
                    android:layout_height="wrap_content"
                    android:layout_column="1"
                    android:layout_row="2"
                    android:layout_rowWeight="20"
                    android:layout_gravity="center_horizontal"
                    android:layout_width="match_parent" />


            </GridLayout>

            <View android:layout_row="0"
                android:layout_column="2"
                android:layout_height="match_parent"
                android:layout_width="0dp"
                android:layout_columnWeight="15">

            </View>

            <View android:layout_row="0"
                android:id="@+id/badge"
                android:layout_column="3"
                android:layout_height="match_parent"
                android:layout_width="0dp"
                android:background="#c0392b"
                android:layout_columnWeight="5">

            </View>


        </GridLayout>

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

</LinearLayout>

Preview Screenshot

Device Screenshot（关于动作栏或其他内容，无论是CardView还是......）

//更新：昨天将我的Android版本升级到6.0.0 Marshmallow，现在它运行正常。但是我包含了AppCompat的东西......它可能是什么原因导致它无法在之前版本的Android上运行？

Answer 1

没关系，这是版本错误：

经过一些测试后，我意识到我需要将布局文件中的<GridLayout>更改为<android.support.v7.widget.GridLayout>。没想到这个原因我认为GridLayout会与Android 5兼容......

所以现在它在我的所有设备上运行良好，Android 5和Android 6一样。虽然它对我没有多大帮助，但感谢快速的答案！

Answer 2

android studio中的预览有时与您的设备不同，请确保设置相同的手机屏幕尺寸和android studio中的预览

Answer 3

肯尼已经给你答案了。

有时预览显示正常，但在某些设备上它看起来不同。这通常是因为屏幕大小和（或）屏幕分辨率而发生的。

您可以为屏幕尺寸添加指定布局。但你必须明白android运行在各种各样的设备和屏幕尺寸上。在某些屏幕上你总是会遇到麻烦，也许只关注很少的设计问题是不可能的。

检查此链接：

Android And Supporting Mutiple Screens Layouts

Screens distribution

修改

如果您在每台设备上遇到同样的问题，那么它可能与我们已经讲过的内容有关。让我再检查一下你的代码，我会告诉你别的东西。

Answer 4

对齐很重要，我也有同样的问题。我只设置了一个属性 paddingLeft ，但在某些设备中它不会工作，所以我必须同时提供属性 paddingStart＆amp;样式中的paddingLeft -

<item name="android:paddingLeft">@dimen/drawable_icon_padding_left</item>
<item name="android:paddingStart">@dimen/drawable_icon_padding_left</item>

因此，请确保在布局或样式中使用这两个属性。快乐的编码： - ）

为什么此布局在预览中有效但在我的设备上无效？

4 个答案: