在RelativeLayout中堆叠按钮

时间:2013-12-14 06:28:24

标签: android android-layout button

我想在Android中堆叠多个(圆形)按钮。这就是我想要实现的目标:http://imageshack.us/photo/photo/19/0gp1.jpg/

我试图将多个按钮放在一个RelativeLayout中(并将它们的位置设置为绝对位置),但这并没有给出我想要实现的结果,因为按钮在不同的密度/屏幕上没有正确的位置大小。有没有人有这种按钮/布局的经验?我该怎么做才能达到这个效果?

2 个答案:

答案 0 :(得分:2)

在RelativeView中创建它,首先构建btn1,然后是btn2,然后是另一个RelativeLayout btn3和btn4,最后是btn 5,然后给出背景图像。你应该做的就是照顾他们的尺寸。

编辑:

这是我写的代码:

<?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"
    android:orientation="vertical" >

    <RelativeLayout
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerInParent="true" >

        <Button
            android:id="@+id/btn1"
            android:layout_width="250dp"
            android:layout_height="180dp"
            android:text="btn1" />

        <Button
            android:id="@+id/btn2"
            android:layout_width="250dp"
            android:layout_height="70dp"
            android:layout_below="@+id/btn1"
            android:text="btn2" />

        <RelativeLayout
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_centerInParent="true" >

            <Button
                android:id="@+id/btn3"
                android:layout_width="150dp"
                android:layout_height="75dp"
                android:text="btn3" />

            <Button
                android:id="@+id/btn4"
                android:layout_width="150dp"
                android:layout_height="75dp"
                android:layout_below="@+id/btn3"
                android:text="btn4" />

            <Button
                android:id="@+id/btn5"
                android:layout_width="50dp"
                android:layout_height="50dp"
                android:layout_centerInParent="true"
                android:text="btn5" />
        </RelativeLayout>
    </RelativeLayout>

</RelativeLayout>

答案 1 :(得分:0)

要创建此类型的buttons,您必须将Image剪切成不同的尺寸并将其放在ImagesButton Layout中并使用它非常简单。