当前位置: 首页 > 知识库问答 >
问题:

Android RelativeLayout:将按钮并排放置

胡泓
2023-03-14

我正在尝试使用RelativeLayout将三个按钮并排放置在一行中。

这是放置在带有按钮组的线性布局中的相对布局

main.xml

<LinearLayout
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:gravity="center_horizontal"
            android:orientation="vertical" >
        <RelativeLayout
                android:layout_width="fill_parent"
                android:layout_height="wrap_content"
                android:background="#CC8FD8D8"
                android:gravity="center"
                android:orientation="vertical"
                android:paddingBottom="20px" >
         </RelativeLayout> 
 </LinearLayout>      

这些是在布局中发现的按钮组

<Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:drawableTop="@drawable/snap"
            android:textColor="#FFFFFF"
            android:background="#00FFFFFF"
            android:id="@+id/shutterButton"
            android:text="SNAP"></Button>

                   <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:drawableTop="@drawable/up"
            android:textColor="#FFFFFF"
            android:background="#00FFFFFF"
            android:id="@+id/Up"
            android:text="xxxx"></Button>

                   <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:drawableTop="@drawable/ic_action_borrow"
            android:textColor="#FFFFFF"
            android:background="#00FFFFFF"
            android:id="@+id/xxxx"
            android:text="xxxxx"></Button>

                   <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:drawableTop="@drawable/xxxx"
            android:textColor="#FFFFFF"
            android:background="#00FFFFFF"
            android:id="@+id/xxxx"
            android:text="xxxx"></Button>

                   <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:drawableTop="@drawable/xxxx"
            android:textColor="#FFFFFF"
            android:background="#00FFFFFF"
            android:id="@+id/xxxx"
            android:text="xxxx"></Button>

共有3个答案

荆炳
2023-03-14

对于这种水平按钮,您应该使用线性布局,不要忘记将内部线性布局的方向设置为水平。喜欢

<LinearLayout
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:background="#CC8FD8D8"
            android:gravity="center"
            android:orientation="horizontal" 
            android:paddingBottom="20px" >

然后在线性布局中添加按钮,所有按钮将并排出现。

米迪
2023-03-14

下面的代码创建4个按钮并排水平

   <LinearLayout
    android:layout_marginTop="1dp"
    android:layout_marginBottom="1dp"
    android:id="@+id/lay"
    android:layout_alignParentLeft="true"
    android:layout_alignParentStart="true"
    android:orientation="horizontal"
    android:layout_width="match_parent"
    android:layout_height="50dp">

    <Button
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:id="@+id/button1"
        android:text="Button1"
        android:layout_weight="1"
        android:padding="5dp" />

    <Button
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:id="@+id/button2"
        android:text="Button2"
        android:layout_weight="1"
        android:padding="5dp" />

    <Button
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:id="@+id/button3"
        android:text="Button3"
        android:layout_weight="1"
        android:padding="5dp" />

    <Button
        android:layout_width="0dp"
        android:layout_height="match_parent"
        android:id="@+id/button4"
        android:text="Button4"
        android:layout_weight="1"
        android:padding="5dp" />

</LinearLayout>
南门焱
2023-03-14

试试这个:

XML:

    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:gravity="center_horizontal"
    android:orientation="vertical">

    <LinearLayout
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:background="#CC8FD8D8"
        android:gravity="center"
        android:orientation="horizontal"
        android:paddingBottom="20px">

        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:background="#00FFFFFF"
            android:text="SNAP"
            android:textColor="#FFFFFF"></Button>
        <!--android:drawableTop="@drawable/snap"-->
        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:background="#00FFFFFF"
            android:text="xxxx"
            android:textColor="#FFFFFF"></Button>

        <Button
            android:id="@+id/xxxx"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:background="#00FFFFFF"
            android:text="xxxxx"
            android:textColor="#FFFFFF"></Button>

    </LinearLayout>

    <LinearLayout
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:background="#CC8FD8D8"
        android:gravity="center"
        android:orientation="horizontal"
        android:paddingBottom="20px">

        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:background="#00FFFFFF"
            android:text="xxxx"
            android:textColor="#FFFFFF"></Button>

        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:background="#00FFFFFF"
            android:text="xxxx"
            android:textColor="#FFFFFF"></Button>

        <Button
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:background="#00FFFFFF"
            android:text="xxxx"
            android:textColor="#FFFFFF"
            android:visibility="invisible"></Button>
    </LinearLayout>
</LinearLayout>

输出将是:

 类似资料:
  • 我在第一次布局中做错了什么?

  • 问题内容: 我有一个设置100%宽度的主包装div。在里面,我想有两个div,一个是固定宽度的,另一个是填充其余空间的。我如何浮动第二个div来填充其余的空间。谢谢你的帮助。 问题答案: 有很多方法可以满足您的要求: 使用CSS 属性:

  • 问题内容: 我尝试将两个jpanel并排放置,但是在这一刻,我无法执行我想要的代码, `我尝试再放一个jpanel: 此代码无效,也不会出错。 问题答案: 如果我正确理解了您的问题,则希望并排放置2个JPanel。查看布局GridLayout。 您需要setLayout(new GridLayout(1,2)); 上面写着1 Row,2 Col

  • 所以我有这些按钮(3叠6个,18个),我想实现的是当我按下其中一个按钮时: > 边框颜色 其他按钮将重置为其正常样式 但是我不想通过“isEnable”技巧禁用其他的(我只在这里找到了涉及isEnable的解决方案),我仍然希望它们被启用,我只是希望它们不要在按下时被我的自定义样式“突出显示”。 对于第一部分,也就是我在IBAction中所做的造型: 这一小部分只是一个按钮,但我想如果我有18个按

  • 这是我的第一个实现,但是我扩展了JFrame,将所有这些都放在一个框架中,然后我意识到我需要使用cardlayout来从主菜单切换到播放场景,所以我将它拆分为一个类main frame和mainmenu、play scene、game over scene等其他类。所以我的mainmenu现在扩展了JPanel,当我向button panel添加按钮,然后向mainpanel添加buttonpan

  • 所以我有下面的jQuery: 当我将项目拖到这个排序表中的“坏”地方(在那里它们不能被排序,例如在可排序区域之外)时,克隆会恢复到它在可排序表中的最后一个好位置。当这个动画完成时,停止函数会关闭“停止”。 是否有一个我可以使用的事件,它会在鼠标按钮释放后立即触发?(或在此还原动画开始之前?)