社区首页 >问答首页 >为android应用程序创建三角形按钮

为android应用程序创建三角形按钮
EN

Stack Overflow用户
提问于 2014-08-20 03:16:06
回答 2查看 12.2K关注 0票数 7

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

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

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2014-08-20 03:40:43

可以使用shape:将此箭头命名为UP:

代码语言:javascript
代码运行次数:0
复制
<?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>

用法:

代码语言:javascript
代码运行次数:0
复制
<Button
    android:layout_width="70dp"
    android:layout_height="70dp"
    android:background="@drawable/arrow_up" />

对于另一个三角形:

代码语言:javascript
代码运行次数:0
复制
<Button
    android:layout_width="70dp"
    android:layout_height="70dp"
    android:rotation="180"
    android:background="@drawable/arrow_up" />
票数 8
EN

Stack Overflow用户

发布于 2018-07-26 05:04:12

向右的三角形:

代码语言:javascript
代码运行次数:0
复制
<?xml version="1.0" encoding="utf-8"?>
<rotate
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:fromDegrees="48"
    android:pivotX="115%"
    android:pivotY="95%"
    android:toDegrees="48">

    <shape android:shape="rectangle">

        <stroke
            android:width="10dp"
            android:color="#c6802a" />

        <solid android:color="#c6802a" />

    </shape>
</rotate>

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/25396194

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文