android - 根据 Android Studio 的预览版或 Android 手机，我在 Emulator 中看不到相同的内容
问题描述
我正在学习Udacity，到目前为止我已经学到LinearLayout了RelativeLayout。基于此，我尝试xml为项目创建一个。我是根据内部预览创建的Android Studio Nexus 5X。然后当我Emulator Nexus 5X再次运行它时，我看到项目是根据不同的输出创建的API 15。然后，当我在我的 Android 手机上运行它时，我将其视为预览版。接下来我将发布结果：
<?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">
<ImageView
android:id="@+id/background"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:scaleType="centerCrop"
app:srcCompat="@drawable/background" />
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_margin="10dp"
android:orientation="vertical">
<RelativeLayout
android:id="@+id/topScore"
android:layout_width="350dp"
android:layout_height="0dp"
android:layout_gravity="center"
android:layout_marginBottom="15dp"
android:layout_weight="5">
<ImageView
android:id="@+id/topImage"
android:layout_width="match_parent"
android:layout_height="match_parent"
app:srcCompat="@drawable/topscore" />
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignParentLeft="true"
android:layout_alignParentTop="true"
android:layout_alignParentRight="true"
android:layout_alignParentBottom="true"
android:layout_marginTop="18dp"
android:gravity="center"
android:text="0 - 0"
android:textColor="@android:color/background_light"
android:textSize="26dp" />
<ImageButton
android:id="@+id/arrowRightScore"
android:layout_width="90dp"
android:layout_height="wrap_content"
android:layout_alignParentTop="true"
android:layout_alignParentRight="true"
android:layout_alignParentBottom="true"
android:layout_marginTop="30dp"
android:layout_marginRight="6dp"
android:background="@android:color/transparent"
android:src="@android:drawable/arrow_up_float" />
<ImageButton
android:id="@+id/arrowLeftScore"
android:layout_width="90dp"
android:layout_height="wrap_content"
android:layout_alignParentLeft="true"
android:layout_alignParentTop="true"
android:layout_alignParentBottom="true"
android:layout_marginLeft="6dp"
android:layout_marginTop="30dp"
android:background="@android:color/transparent"
android:src="@android:drawable/arrow_up_float" />
</RelativeLayout>
<RelativeLayout
android:layout_width="390dp"
android:layout_height="0dp"
android:layout_gravity="center"
android:layout_marginBottom="25dp"
android:layout_weight="1">
<ImageView
android:id="@+id/row1"
android:layout_width="match_parent"
android:layout_height="match_parent"
app:srcCompat="@drawable/row" />
<TextView
android:id="@+id/textRow1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignLeft="@id/row1"
android:layout_alignTop="@id/row1"
android:layout_alignRight="@id/row1"
android:layout_alignBottom="@id/row1"
android:layout_margin="1dp"
android:gravity="center"
android:text="SHOTS"
android:textColor="#000000"
android:textSize="18dp" />
<ImageButton
android:id="@+id/arrowLeftRow1"
android:layout_width="52dp"
android:layout_height="wrap_content"
android:layout_alignParentLeft="true"
android:layout_alignParentTop="true"
android:layout_alignParentBottom="true"
android:background="@android:color/transparent"
android:src="@android:drawable/arrow_up_float" />
<TextView
android:layout_width="45dp"
android:layout_height="wrap_content"
android:layout_alignTop="@id/row1"
android:layout_alignRight="@+id/arrowLeftRow1"
android:layout_alignBottom="@id/row1"
android:layout_marginTop="0dp"
android:layout_marginRight="-35dp"
android:layout_marginBottom="0dp"
android:gravity="center"
android:text="0"
android:textColor="#ffff"
android:textSize="18dp" />
<ImageButton
android:id="@+id/arrowRightRow1"
android:layout_width="35dp"
android:layout_height="wrap_content"
android:layout_alignTop="@id/row1"
android:layout_alignBottom="@id/row1"
android:layout_alignParentRight="true"
android:background="@android:color/transparent"
android:src="@android:drawable/arrow_up_float" />
<TextView
android:layout_width="45dp"
android:layout_height="wrap_content"
android:layout_alignLeft="@+id/arrowRightRow1"
android:layout_alignTop="@id/row1"
android:layout_alignBottom="@id/row1"
android:layout_marginLeft="-45dp"
android:layout_marginTop="0dp"
android:layout_marginBottom="0dp"
android:gravity="center"
android:text="0"
android:textColor="#ffff"
android:textSize="18dp" />
</RelativeLayout>
<RelativeLayout
android:layout_width="390dp"
android:layout_height="0dp"
android:layout_marginBottom="25dp"
android:layout_weight="1">
<ImageView
android:id="@+id/row2"
android:layout_width="match_parent"
android:layout_height="match_parent"
app:srcCompat="@drawable/row" />
<TextView
android:id="@+id/textRow2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignLeft="@id/row2"
android:layout_alignTop="@id/row2"
android:layout_alignRight="@id/row2"
android:layout_alignBottom="@id/row2"
android:layout_margin="1dp"
android:gravity="center"
android:text="FOULS"
android:textColor="#000000"
android:textSize="18dp" />
<ImageButton
android:id="@+id/arrowLeftRow2"
android:layout_width="35dp"
android:layout_height="wrap_content"
android:layout_alignTop="@id/row2"
android:layout_alignBottom="@id/row2"
android:background="@android:color/transparent"
android:src="@android:drawable/arrow_up_float" />
<TextView
android:layout_width="45dp"
android:layout_height="wrap_content"
android:layout_alignTop="@id/row2"
android:layout_alignRight="@+id/arrowLeftRow2"
android:layout_alignBottom="@id/row2"
android:layout_marginTop="0dp"
android:layout_marginRight="-45dp"
android:layout_marginBottom="0dp"
android:gravity="center"
android:text="0"
android:textColor="#ffff"
android:textSize="18dp" />
<ImageButton
android:id="@+id/arrowRightRow2"
android:layout_width="35dp"
android:layout_height="wrap_content"
android:layout_alignTop="@id/row2"
android:layout_alignBottom="@id/row2"
android:layout_alignParentRight="true"
android:background="@android:color/transparent"
android:src="@android:drawable/arrow_up_float" />
<TextView
android:layout_width="45dp"
android:layout_height="wrap_content"
android:layout_alignLeft="@+id/arrowRightRow2"
android:layout_alignTop="@id/row2"
android:layout_alignBottom="@id/row2"
android:layout_marginLeft="-45dp"
android:layout_marginTop="0dp"
android:layout_marginBottom="0dp"
android:gravity="center"
android:text="0"
android:textColor="#ffff"
android:textSize="18dp" />
</RelativeLayout>
<RelativeLayout
android:layout_width="390dp"
android:layout_height="0dp"
android:layout_marginBottom="25dp"
android:layout_weight="1">
<ImageView
android:id="@+id/row3"
android:layout_width="match_parent"
android:layout_height="match_parent"
app:srcCompat="@drawable/row" />
<TextView
android:id="@+id/textRow3"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignLeft="@id/row3"
android:layout_alignTop="@id/row3"
android:layout_alignRight="@id/row3"
android:layout_alignBottom="@id/row3"
android:layout_margin="1dp"
android:gravity="center"
android:text="CORNERS"
android:textColor="#000000"
android:textSize="18dp" />
<ImageButton
android:id="@+id/arrowLeftRow3"
android:layout_width="35dp"
android:layout_height="wrap_content"
android:layout_alignTop="@id/row3"
android:layout_alignBottom="@id/row3"
android:background="@android:color/transparent"
android:src="@android:drawable/arrow_up_float" />
<TextView
android:layout_width="45dp"
android:layout_height="wrap_content"
android:layout_alignTop="@id/row3"
android:layout_alignRight="@+id/arrowLeftRow3"
android:layout_alignBottom="@id/row3"
android:layout_marginTop="0dp"
android:layout_marginRight="-45dp"
android:layout_marginBottom="0dp"
android:gravity="center"
android:text="0"
android:textColor="#ffff"
android:textSize="18dp" />
<ImageButton
android:id="@+id/arrowRightRow3"
android:layout_width="35dp"
android:layout_height="wrap_content"
android:layout_alignTop="@id/row3"
android:layout_alignBottom="@id/row3"
android:layout_alignParentRight="true"
android:background="@android:color/transparent"
android:src="@android:drawable/arrow_up_float" />
<TextView
android:layout_width="45dp"
android:layout_height="wrap_content"
android:layout_alignLeft="@+id/arrowRightRow3"
android:layout_alignTop="@id/row3"
android:layout_alignBottom="@id/row3"
android:layout_marginLeft="-45dp"
android:layout_marginTop="0dp"
android:layout_marginBottom="0dp"
android:gravity="center"
android:text="0"
android:textColor="#ffff"
android:textSize="18dp" />
</RelativeLayout>
<RelativeLayout
android:layout_width="390dp"
android:layout_height="0dp"
android:layout_marginBottom="25dp"
android:layout_weight="1">
<ImageView
android:id="@+id/row4"
android:layout_width="match_parent"
android:layout_height="match_parent"
app:srcCompat="@drawable/row" />
<TextView
android:id="@+id/textRow4"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_alignLeft="@id/row4"
android:layout_alignTop="@id/row4"
android:layout_alignRight="@id/row4"
android:layout_alignBottom="@id/row4"
android:layout_margin="1dp"
android:gravity="center"
android:text="OFFSIDES"
android:textColor="#000000"
android:textSize="18dp" />
<ImageButton
android:id="@+id/arrowLeftRow4"
android:layout_width="35dp"
android:layout_height="wrap_content"
android:layout_alignTop="@id/row4"
android:layout_alignBottom="@id/row4"
android:background="@android:color/transparent"
android:src="@android:drawable/arrow_up_float" />
<TextView
android:layout_width="45dp"
android:layout_height="wrap_content"
android:layout_alignTop="@id/row4"
android:layout_alignRight="@+id/arrowLeftRow4"
android:layout_alignBottom="@id/row4"
android:layout_marginTop="0dp"
android:layout_marginRight="-45dp"
android:layout_marginBottom="0dp"
android:gravity="center"
android:text="0"
android:textColor="#ffff"
android:textSize="18dp" />
<ImageButton
android:id="@+id/arrowRightRow4"
android:layout_width="35dp"
android:layout_height="wrap_content"
android:layout_alignTop="@id/row4"
android:layout_alignBottom="@id/row4"
android:layout_alignParentRight="true"
android:background="@android:color/transparent"
android:src="@android:drawable/arrow_up_float" />
<TextView
android:layout_width="45dp"
android:layout_height="wrap_content"
android:layout_alignLeft="@+id/arrowRightRow4"
android:layout_alignTop="@id/row4"
android:layout_alignBottom="@id/row4"
android:layout_marginLeft="-45dp"
android:layout_marginTop="0dp"
android:layout_marginBottom="0dp"
android:gravity="center"
android:text="0"
android:textColor="#ffff"
android:textSize="18dp" />
</RelativeLayout>
<Button
android:id="@+id/buttonReset"
android:layout_width="150sp"
android:layout_height="50dp"
android:layout_gravity="center"
android:layout_margin="50dp"
android:layout_marginBottom="5dp"
android:layout_weight="0.5"
android:background="@drawable/reset"
android:text="RESET"
android:textColor="#cdc2b1"
android:textSize="16sp" />
</LinearLayout>
</RelativeLayout>
What I get from preview:
What I get from Emulator:
What I get from my Android Phone:
解决方案
我发现我在上面使用过
<LinearLayout
android:layout_width="match_parent"
android:layout_height="match_parent"
android:layout_margin="10dp"
android:orientation="vertical">
这将内部布局推高了 10dp。然后我使用了静态390dp，RelativeLayout这可能会推到图像之外，使箭头不合适。
<RelativeLayout
android:layout_width="390dp"
android:layout_height="0dp"
android:layout_gravity="center"
android:layout_marginBottom="25dp"
android:layout_weight="1">
通过android:layout_margin="10dp"从顶部移除LinearLayout它现在在 Android 的 Studio 模拟器中看起来也很好！因此，如果您在父布局中看到类似的问题，请检查边距
推荐阅读
- javascript - 删除字符串中出现的 n 个感叹号 javascript
- node.js - 如何使用猫鼬在nodejs中转换日期格式
- node.js - 查找 package-lock.json 和 yarn.lock 之间存在冲突的版本
- wpf - WPF - BorderThickness(1,0,1,1) 添加新边框而不是删除顶部边框
- robotframework - 安装机器人框架后没有获取 pybot 文件？
- twitter-bootstrap - 如何在引导程序 3 中按 id 显示 class="hide" 类元素？
- php - 无法从服务器获得响应 - Android 应用程序和 WAMP 之间的通信
- node.js - 如何在 docker 文件中使用 DEBUG 命令运行节点服务器？
- ios - Flutter iOS pod未安装
- javascript - 更新 React Native Android 后 OneSignal 无法正常工作