android 布局问题：按钮显示不正确

Question

我正在为我的大学项目开发一个购物网络视图应用程序。但是我的应用程序主屏幕在某些移动设备上有一些问题。

我需要以下布局

|按钮| <--->|标志（大）| <--->|按钮|

|文字 |

请检查我的布局 xml 并建议我修改。

<RelativeLayout
    android:layout_width="match_parent"
    android:layout_height="7dp"
    android:layout_weight="2"
    android:background="#fff">

    <Button
        android:id="@+id/SignOut"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentEnd="true"
        android:layout_alignParentBottom="true"
        android:layout_marginEnd="314dp"
        android:layout_marginBottom="44dp"
        android:backgroundTint="#FFFFFF"
        android:capitalize="characters"
        android:foregroundTint="#7E63DC"
        android:shadowColor="#FFFFFF"
        android:text="Sign Out"
        android:textAllCaps="false"
        android:textColor="#7E63DC"
        android:textSize="15sp" />

    <Button
        android:id="@+id/contact"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentEnd="true"
        android:layout_alignParentBottom="true"
        android:layout_marginEnd="11dp"
        android:layout_marginBottom="49dp"
        android:backgroundTint="#FFFFFF"
        android:capitalize="characters"
        android:foregroundTint="#7E63DC"
        android:shadowColor="#FFFFFF"
        android:text="HELP"
        android:textAllCaps="false"
        android:textColor="#7E63DC"
        android:textSize="15sp"></Button>

    <ImageView
        android:id="@+id/imageView3"
        android:layout_width="wrap_content"
        android:layout_height="78dp"
        android:layout_alignParentStart="true"
        android:layout_alignParentTop="true"
        android:layout_marginStart="25dp"
        android:layout_marginTop="10dp"
        app:srcCompat="@drawable/logopng" />

    <TextView
    android:id="@+id/textView2"
    android:layout_width="371dp"
    android:layout_height="wrap_content"
    android:layout_alignParentEnd="true"
    android:layout_alignParentBottom="true"
    android:layout_marginEnd="16dp"
    android:layout_marginBottom="-2dp"
        android:gravity="center"
        android:text="Welcome to our app, Please select any of the options "
        android:textColor="#7e63dc"
        android:textSize="18dp" />

</RelativeLayout>

Answer 1

首先你的 parent RelativeLayout 应该有更大的高度或 wrap_content，而 layout_weight 什么都不做（用于 LinearLayout），所以删除它

<RelativeLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="#fff">

对于两个 Button 删除下面的行，因为 wrap_content RelativeLayout parent 的高度并且因为 alignParentEnd 将对齐两个 Buttons 到一侧（通常是右边，在 RTL 设备上是左边）

android:layout_alignParentEnd="true"
android:layout_alignParentBottom="true"

接下来，左边 Button 添加

android:layout_alignParentLeft="true"

并为右边 Button 添加

android:layout_alignParentRight="true"

最后将你的 ImageView 放在这条线的中间

android:layout_centerInParent="true"

或这个

android:layout_centerHorizontal="true"

并删除这些行

android:layout_alignParentStart="true"
android:layout_alignParentTop="true"

您的文字 View 应该放在 RelativeLayoutRelativeLayout

的外面和下面

android 布局问题：按钮显示不正确

android Layout issue: button doesnt show properly

android

android-layout

android-relativelayout