为Android应用程序创建一个三角形按钮

时间:2014-08-20 03:16:06

标签: android button imagebutton

我需要在我的Android应用程序中创建这样排列的2个按钮:

enter image description here enter image description here

但问题是我创建的按钮不是一个完美的三角形按钮。实际上它是一个方形按钮,图像设置为背景。在这种情况下,存在一个问题,即图像附近的白色区域是可点击的,我希望按钮更接近。这意味着两个按钮之间的空白区域必须被消除到最大。当我使用相对布局时,问题是,当我点击1按钮时,有时另一个按钮也会自动被点击。这是因为一个按钮与另一个按钮重叠。因此,如果不重叠按钮,我希望这两个按钮非常接近,实际上它们看起来像平行四边形。所以我的问题是如何将矩形按钮的形状更改为三角形按钮,以便可以排列两个按钮以这种方式看起来像平行四边形。任何人的帮助都很容易受到赞赏?我不知道从哪里开始。所以对编码部分的一点帮助很容易理解。谢谢提前..

2 个答案:

答案 0 :(得分:7)

可以使用形状来做到这一点: 将此箭头命名为UP:

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
    <item>
        <rotate
            android:fromDegrees="45"
            android:toDegrees="45"
            android:pivotX="-40%"
            android:pivotY="87%" >
            <shape
                android:shape="rectangle" >
                <stroke android:color="@color/transparent" android:width="10dp"/>
                <solid
                    android:color="@color/your_color_here" />
            </shape>
        </rotate>
    </item>
</layer-list>

用法:

<Button
    android:layout_width="70dp"
    android:layout_height="70dp"
    android:background="@drawable/arrow_up" />

为另一个三角形:

<Button
    android:layout_width="70dp"
    android:layout_height="70dp"
    android:rotation="180"
    android:background="@drawable/arrow_up" />

答案 1 :(得分:0)

向右三角形:

NULL

Triangle towards right