【问题标题】:How to set 4 button in centerHorizontal in Relative Layout如何在相对布局的centerHorizo​​ntal中设置4个按钮
【发布时间】:2023-04-02 03:03:01
【问题描述】:

我想在布局的中心水平设置 4 个按钮... 像那样 这是我的截图!

https://www.dropbox.com/s/td9r52pagi9kwco/qs.png

【问题讨论】:

  • 你有没有尝试过或者需要程序员来做?

标签: android android-layout button layout


【解决方案1】:

这对你有用:

<LinearLayout 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:gravity="center_horizontal"
    android:orientation="horizontal" >

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

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

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

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

</LinearLayout>

【讨论】:

    【解决方案2】:

    使用这个...

     <?xml version="1.0" encoding="utf-8"?>
     <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
      android:id="@+id/RelativeLayout1"
      android:layout_width="match_parent"
      android:layout_height="match_parent" >
    
    <RelativeLayout
        android:id="@+id/relative_1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"
        android:layout_centerVertical="true" >
    </RelativeLayout>
    
    <Button
        android:id="@+id/button3"
        style="?android:attr/buttonStyleSmall"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignBaseline="@+id/button2"
        android:layout_alignBottom="@+id/button2"
        android:layout_alignLeft="@+id/relative_1"
        android:text="3" />
    
    <Button
        android:id="@+id/button2"
        style="?android:attr/buttonStyleSmall"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignBaseline="@+id/button1"
        android:layout_alignBottom="@+id/button1"
        android:layout_toLeftOf="@+id/button3"
        android:text="2" />
    
    <Button
        android:id="@+id/button1"
        style="?android:attr/buttonStyleSmall"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:layout_marginBottom="28dp"
        android:layout_toLeftOf="@+id/button2"
        android:text="1" />
    
    <Button
        android:id="@+id/button4"
        style="?android:attr/buttonStyleSmall"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignBaseline="@+id/button3"
        android:layout_alignBottom="@+id/button3"
        android:layout_toRightOf="@+id/button3"
        android:text="4" />
    

    【讨论】:

      【解决方案3】:

      如果您真的想使用RelativeLayout,请将所有Button 包装在LinearLayout 中,并将LinearLayout 放入RelativeLayout

      【讨论】:

        【解决方案4】:

        试试这个:

        <?xml version="1.0" encoding="utf-8"?>
        <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
            android:id="@+id/RelativeLayout1"
            android:layout_width="match_parent"
            android:layout_height="match_parent" >
        
            <RelativeLayout
                android:id="@+id/relative_1"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_centerHorizontal="true"
                android:layout_centerVertical="true" >
        
                <Button
                    android:id="@+id/button1"
                    style="?android:attr/buttonStyleSmall"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:text="Button1" />
        
                <Button
                    android:id="@+id/button2"
                    style="?android:attr/buttonStyleSmall"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_toRightOf="@+id/button1"
                    android:text="Button2" />
        
                <Button
                    android:id="@+id/button3"
                    style="?android:attr/buttonStyleSmall"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_toRightOf="@+id/button2"
                    android:text="Button3" />
        
                <Button
                    android:id="@+id/button4"
                    style="?android:attr/buttonStyleSmall"
                    android:layout_width="wrap_content"
                    android:layout_height="wrap_content"
                    android:layout_toRightOf="@+id/button3"
                    android:text="Button4" />
            </RelativeLayout>
        
        </RelativeLayout>
        

        【讨论】:

          【解决方案5】:

          试试这个代码:

          <?xml version="1.0" encoding="utf-8"?>
          <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
              android:id="@+id/RelativeLayout1"
              android:layout_width="match_parent"
              android:layout_height="match_parent"
              android:orientation="vertical" >
          
              <Button
                  android:id="@+id/button4"
                  style="?android:attr/buttonStyleSmall"
                  android:layout_width="wrap_content"
                  android:layout_height="wrap_content"
                  android:layout_alignBaseline="@+id/button3"
                  android:layout_alignBottom="@+id/button3"
                  android:layout_alignParentRight="true"
                  android:layout_marginRight="28dp"
                  android:text="3" />
          
              <Button
                  android:id="@+id/button3"
                  style="?android:attr/buttonStyleSmall"
                  android:layout_width="wrap_content"
                  android:layout_height="wrap_content"
                  android:layout_alignBaseline="@+id/button2"
                  android:layout_alignBottom="@+id/button2"
                  android:layout_toLeftOf="@+id/button4"
                  android:text="4" />
          
              <Button
                  android:id="@+id/button1"
                  style="?android:attr/buttonStyleSmall"
                  android:layout_width="wrap_content"
                  android:layout_height="wrap_content"
                  android:layout_alignParentBottom="true"
                  android:layout_alignParentLeft="true"
                  android:layout_marginBottom="124dp"
                  android:layout_marginLeft="42dp"
                  android:text="1" />
          
              <Button
                  android:id="@+id/button2"
                  style="?android:attr/buttonStyleSmall"
                  android:layout_width="wrap_content"
                  android:layout_height="wrap_content"
                  android:layout_alignBaseline="@+id/button1"
                  android:layout_alignBottom="@+id/button1"
                  android:layout_marginLeft="15dp"
                  android:layout_toRightOf="@+id/button1"
                  android:text="2" />
          
          </RelativeLayout>
          

          【讨论】:

          • 为避免歧义,请同时提及您的父母Layout
          【解决方案6】:

          试试这个..

          <?xml version="1.0" encoding="utf-8"?>
          <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
              android:layout_width="match_parent"
              android:layout_height="match_parent" >
          
              <RelativeLayout
                  android:layout_width="match_parent"
                  android:layout_height="wrap_content"
                  android:layout_alignParentBottom="true"
                  android:gravity="center" >
          
                  <Button
                      android:id="@+id/btn_1"
                      android:layout_width="wrap_content"
                      android:layout_height="wrap_content"
                      android:text="1" />
          
                  <Button
                      android:id="@+id/btn_2"
                      android:layout_width="wrap_content"
                      android:layout_height="wrap_content"
                      android:layout_toRightOf="@+id/btn_1"
                      android:text="2" />
          
                  <Button
                      android:id="@+id/btn_3"
                      android:layout_width="wrap_content"
                      android:layout_height="wrap_content"
                      android:layout_toRightOf="@+id/btn_2"
                      android:text="3" />
          
                  <Button
                      android:id="@+id/btn_4"
                      android:layout_width="wrap_content"
                      android:layout_height="wrap_content"
                      android:layout_toRightOf="@+id/btn_3"
                      android:text="4" />
              </RelativeLayout>
          
          </RelativeLayout>
          

          从我的回答中,我得到了这样的屏幕。

          对于 OP 的问题,我的回答是正确的。谁能告诉我我的ans有什么问题。投反对票的人需要告诉你为什么投反对票

          【讨论】:

          • RelativeLayoutLinearLayout 重。所以,我们的首选应该是使用LinearLayout
          • @Manjunath 没那么多
          • 如果我们将ViewPager 的页面设为RelativeLayout,我们可以注意到RelativeLayout 的重量。
          • @Manjunath 这个对齐没有繁重的工作。
          • 先生,我不是说这很重。但是,使用LinearLayout 会使它更轻。
          猜你喜欢
          • 1970-01-01
          • 2015-07-24
          • 2019-05-02
          • 1970-01-01
          • 2018-08-15
          • 1970-01-01
          • 1970-01-01
          • 1970-01-01
          • 2019-09-24
          相关资源
          最近更新 更多