Android Studio 布局在真实设备上的变化答案

【问题标题】：Android Studio Layout changes on real deviceAndroid Studio 布局在真实设备上的变化
【发布时间】：2018-07-19 12:07:36
【问题描述】：

我在 Android Studio 上的布局有问题。编辑器（XML 文件）和模拟器（Nexus 10）显示正确的布局。但是，如果我在我的 Huawei Mediaped M5 上运行该应用程序，布局会发生变化，一切都是混合的。

模拟器和我的设备具有相同的分辨率（2560*1600）。

XML 文件：

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout 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"
tools:context=".MainActivity">

<Button
    android:id="@+id/button_fahrzeugsimulation"
    android:layout_width="461dp"
    android:layout_height="203dp"
    android:layout_alignParentStart="true"
    android:layout_alignParentTop="true"
    android:layout_marginStart="108dp"
    android:layout_marginTop="173dp"
    android:background="@android:color/holo_blue_dark"
    android:text="Fahrzeugsimulation"
    android:textColor="#ffffff"
    android:textSize="38sp"
    android:textStyle="bold" />

<Button
    android:id="@+id/button_uebungen"
    android:layout_width="457dp"
    android:layout_height="182dp"
    android:layout_alignParentBottom="true"
    android:layout_alignStart="@+id/button_fahrzeugsimulation"
    android:layout_marginBottom="106dp"
    android:background="@android:color/holo_blue_dark"
    android:text="Übungen"
    android:textColor="#ffffff"
    android:textSize="38sp"
    android:textStyle="bold" />

<Button
    android:id="@+id/button_Weiterbildungsangebot"
    android:layout_width="wrap_content"
    android:layout_height="207dp"
    android:layout_alignBottom="@+id/button_fahrzeugsimulation"
    android:layout_alignParentEnd="true"
    android:layout_marginEnd="107dp"
    android:background="@android:color/holo_blue_dark"
    android:text="Weiterbildungsangebot"
    android:textColor="#ffffff"
    android:textSize="38sp"
    android:textStyle="bold" />

<Button
    android:id="@+id/button_Unterlagen"
    android:layout_width="498dp"
    android:layout_height="185dp"
    android:layout_alignStart="@+id/button_Weiterbildungsangebot"
    android:layout_alignTop="@+id/button_uebungen"
    android:layout_marginStart="-6dp"
    android:layout_marginTop="-2dp"
    android:background="@android:color/holo_blue_dark"
    android:text="Unterlagen"
    android:textColor="#ffffff"
    android:textSize="38sp"
    android:textStyle="bold" />

<TextView
    android:id="@+id/textView_eMobility"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignParentStart="true"
    android:layout_alignParentTop="true"
    android:layout_marginStart="16dp"
    android:layout_marginTop="16dp"
    android:text="eMobility"
    android:textColor="@android:color/holo_blue_dark"
    android:textStyle="bold"
    android:textSize="64sp" />

<TextView
    android:id="@+id/textView_Lab"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_alignTop="@+id/textView_eMobility"
    android:layout_toEndOf="@+id/textView_eMobility"
    android:text="Lab"
    android:textColor="@android:color/holo_red_light"
    android:textStyle="bold"
    android:textSize="52sp" />

【问题讨论】：

这是预览不是 xml 文件
不要为按钮定义绝对值 - 使用 LinearLayout、GridLayout 或 TableLayout 并改用权重。

标签： android android-studio layout android-layout-editor

【解决方案1】：

我认为问题是真机的屏幕宽度和模拟器不一样，所以你需要

创建不同的布局以支持您的屏幕宽度和高度以及每个布局的设计，

更改视图尺寸以适应屏幕..

此文档会有所帮助：https://developer.android.com/training/multiscreen/screensizes

【讨论】：

【解决方案2】：

您的测试分辨率与您尝试在设备上测试的设备不同（Huawei Mediaped M5）

所以你正面临这个问题。即使你在布局中使用 marginstart。有一些静态值会因设备而异。

喜欢这个值：

android:layout_width="457dp"
android:layout_height="182dp"
android:layout_marginStart="108dp"
android:layout_marginTop="173dp"

设备屏幕尺寸请查看下面显示 nexus10 和华为 Mediaped M5 的链接

screen size is different

【讨论】：