首页 > 解决方案 > 想要创建一个应用程序,它在中心垂直和水平显示 3 个按钮,但是当我尝试时只有第 3 个按钮在那里,

问题描述

我想创建一个显示 3 个按钮的应用程序,但是当我运行我的代码时,它显示第三个按钮,而其他按钮没有此代码 -->

这是我的截图(https://i.stack.imgur.com/Ih3mK.png

<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="fill_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context=".MainActivity">


      <Button     
        android:id="@+id/btn1"
        android:layout_width="wrap_content"       android:layout_height="wrap_content"
        android:gravity="center"
        android:text="button1"        android:layout_centerHorizontal="true"
      android:layout_centerVertical="true" />

      <Button
        android:id="@+id/btn2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:gravity="center"
        android:text="button2" 
        android:layout_centerHorizontal="true"
       android:layout_centerVertical="true"/>

     <Button
        android:id="@+id/btn3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:gravity="center"
        android:text="button3" 
        android:layout_centerHorizontal="true"
      android:layout_centerVertical="true"/>

</RelativeLayout>```
[enter image description here][2]


  [1]: https://i.stack.imgur.com/Ih3mK.png
  [2]: https://i.stack.imgur.com/vLjRr.png![enter image description here](https://i.stack.imgur.com/gM59v.png)![enter image description here](https://i.stack.imgur.com/TRLj3.png)

标签: android

解决方案


这是我分享的代码,用于使用 LinearLayout 显示水平和垂直的 3 个按钮。

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:gravity="center"
    android:orientation="vertical">


    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="b1" />


    <LinearLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:gravity="center"
        android:orientation="horizontal">


        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="b2" />


        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="b3" />


        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="b4" />


    </LinearLayout>


    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="b5" />


</LinearLayout>

这是我附上的屏幕截图...在此处输入图像描述


推荐阅读