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

问题描述

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

我需要以下布局

|按钮| |徽标（大）| |按钮|

|文字|

请修改我的布局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>

解决方法

首先，您的父母RelativeLayout应该身高更高或wrap_content，而layout_weight什么也不做（适用于LinearLayout），因此将其删除

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

由于Button的父级wrap_content的高度以及RelativeLayout会将两个alignParentEnd对齐到一侧，因此{p}通常是正确的，在RTL设备上通常是左侧）

Button

下一步，向左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的外面和下面