Question

所以对于一个学校项目，我正在制作一个应用程序，但我只是坚持最后一点。我在photoshop中预先设计了我的应用程序的背景，并将其导入Android Studio。在这个背景下，我已经把按钮和我的计划放在了android工作室中，只需将按钮放在它上面就可以了。问题是当我启动应用程序时按钮与背景不对齐。我有两个屏幕截图来显示我的意思：

这就是它在Android Studio中的外观： https://gyazo.com/05c818710de2db29b630beb8107577e2
这是我启动应用时会发生的事情： https://gyazo.com/2369f3b2c0154262620482b53e007729

有没有人知道如何解决这个问题？提前谢谢！

Answer 1

根据不同Android设备的屏幕分辨率，您的背景屏幕将显示不同。

根据我的经验，你应该从后台删除这些按钮，你必须根据你的要求在你的布局文件中设置按钮的背景。

Answer 2

您应该使用android：layout_gravity =“center”将LinearLayout中的按钮分组，以使其保持在布局的中心位置，如下所示：

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="@drawable/home"
    tools:context="com.example.larsb.csvvg.Home">

    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:orientation="vertical">

        <Button
            android:id="@+id/Lariks"
            android:layout_width="100dp"
            android:layout_height="wrap_content"
            android:text="Button"
            android:visibility="visible" />

        <Button
            android:id="@+id/Salland"
            android:layout_width="100dp"
            android:layout_height="wrap_content"
            android:layout_marginTop="45dp"
            android:text="Button"
            android:visibility="visible" />

        <Button
            android:id="@+id/CSG"
            android:layout_width="100dp"
            android:layout_height="wrap_content"
            android:layout_marginTop="45dp"
            android:text="Button"
            android:visibility="visible" />

    </LinearLayout>

</FrameLayout>

此外，调整 android：layout_marginTop 以大致匹配背景文件

如何让UI元素与背景保持一致？

2 个答案: