3

我制作了一个可绘制的按钮，该按钮由渐变形状和实心形状组成，两者都在这样的图层列表中：

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
    <item android:height="25dp">
        <shape android:shape="rectangle" >
            <gradient
                android:angle="90"
                android:startColor="@color/greyDark1"
                android:endColor="@color/greyDark2"/>
        </shape>
    </item>
    <item android:top="25dp" android:height="25dp">
        <shape android:shape="rectangle" >
            <solid android:color="@color/black" />
        </shape>
    </item>
</layer-list>

但我无法正确处理角落。我需要整个形状周围的圆角，但不是在内部（所以 topRight 和 topLeft 操作上半部分，bottomRight 和 bottomLeft 用于下半部分）。

如果我将两半都设置为上半部分<corners android:radius="8dp">的底角，而下半部分的顶角也是圆形的，那不是我想要的。

如果我<corners android:topRightRadius="8dp" android:topLeftRadius"8dp">为上半部分和<corners android:bottomRightRadius="8dp" android:bottomLeftRadius"8dp">下半部分设置，上半部分将是可绘制对象的完整大小，使渐变无法正常工作，并且底角也是相同的颜色。

这是我要完成的工作的图像：

ButtonDrawable

有人知道这个问题的解决方案吗？

编辑：

我得到了一些答案，对此我很感激，但遗憾的是，它们似乎不起作用。

我从 bofredo 和 Bhuvnesh Chasta 得到的答案是这样的：

ButtonDrawable 错误（看起来有点像汉堡）

我从好奇心得到的答案看起来很不错，但这不是我的目标：

ButtonDrawable 错误（虽然看起来很不错）

最终编辑：

我已经和我一起工作的人讨论过这个问题，我们都同意让它看起来像这样并不重要，所以我们选择了纯色。

我仍然要感谢所有提供帮助的人，所有当前的答案都会得到支持，我会接受 waqaslam 的答案，因为他非常接近我想要的。

4

5 回答 5

2

我认为这是使用 xml 可以达到的最接近所需可绘制对象的方法。

在此处输入图像描述

<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<item>
    <shape android:shape="rectangle">
        <corners android:radius="2dp"/>
        <gradient android:startColor="#4e4e4e" android:centerColor="#626262" android:endColor="@android:color/transparent" android:angle="270" />
    </shape>
</item>
<item>
    <shape android:shape="rectangle">
        <corners android:radius="2dp"/>
        <gradient android:startColor="@android:color/transparent" android:centerColor="#4c4c4c" android:endColor="#1c1c1c" android:angle="270" />
    </shape>
</item>

也许您应该使用9-patch drawable来获得确切的效果。

于 2016-03-15T13:40:28.207 回答
1

很久以前我也遇到过这个问题。你可以在这里找到这个问题

这是来自工作答案：

<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >
   <item>
     <shape xmlns:android="http://schemas.android.com/apk/res/android" >   
     <solid android:color="@color/cocus_orange"/>
     <corners android:radius="15px"/>
     <padding android:left="1dp" android:top="1dp" android:right="1dp" android:bottom="1dp" /> 
</shape>
</item>
<item>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <gradient android:angle="90" 
        android:startColor="#880f0f10" 
        android:centerColor="#880d0d0f" 
        android:endColor="#885d5d5e"/>
        <corners
            android:radius="15px" />
 </shape> 
</item>
</layer-list>
于 2016-03-15T11:49:23.437 回答
1

试试这样

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
     android:shape="rectangle">

<gradient
    android:angle="270"
    android:endColor="#000"
    android:startColor="#787575" />

<corners android:radius="8dip" />
于 2016-03-15T12:01:16.273 回答
1

试试这个。你应该使用圆角的形状来圆角。

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<item >
    <shape
        android:shape="rectangle">
        <solid android:color="#b2d1d1ef" />
        <corners android:radius="1dp"/>
    </shape>
</item>
<item android:right="1dp" android:left="1dp" android:bottom="2dp" android:top="1dp">
    <shape
        android:shape="rectangle">
        <solid android:color="#FFFFFF"/>
        <corners android:radius="5dp"/>
    </shape>
</item>

于 2016-03-15T11:22:35.203 回答
0

今天发现了这个问题并解决了，我正在分享它，以防其他人发现它没有按照 OP 的要求解决，并且想知道正确的方法，因为我确信 OP 不再需要它。我为每个项目的绘制制作了起点/终点，顶部的渐变从按钮开始的地方开始，在 20dp 之后结束，底部在 20dp 之后开始并在按钮的末尾结束。您甚至可以从附件中看到它与 OP 想要的结果相同！:) （我没有 10 个发布图片的声誉。） 来自 Android Studio 的按钮预览

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item
        android:bottom="20dp">
        <shape
            xmlns:android="http://schemas.android.com/apk/res/android"
            android:shape="rectangle">
            <gradient
                android:angle="270"
                android:startColor="#4e4e4e"
                android:endColor="#626262"
                android:type="linear"/>
        </shape>
    </item>
    <item android:top="20dp">
        <shape
            android:shape="rectangle" >
            <gradient
                android:angle="270"
                android:startColor="#4c4c4c"
                android:endColor="#1c1c1c"
                android:type="linear"/>
            <corners android:bottomLeftRadius="8dp" android:bottomRightRadius="8dp"/>
        </shape>
    </item>
</layer-list>
于 2018-07-14T18:21:28.590 回答