对于按钮的背景,我们希望有一个双梯度。因此,我们使用内部有两个形状的图层列表,每个图形列表用于每个渐变部分。选择器看起来像这样。
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:state_pressed="false">
<layer-list>
<item android:bottom="24dp">
<shape android:shape="rectangle">
<gradient android:startColor="#9ccb37" android:endColor="#64bb3a" android:angle="270" />
<corners android:bottomRightRadius="0dp" android:bottomLeftRadius="0dp" android:topLeftRadius="6dp"
android:topRightRadius="6dp" />
</shape>
</item>
<item android:top="24dp">
<shape android:shape="rectangle">
<gradient android:startColor="#45ac42" android:endColor="#029345" android:angle="270" />
<corners android:bottomRightRadius="6dp" android:bottomLeftRadius="6dp" android:topLeftRadius="0dp"
android:topRightRadius="0dp" />
</shape>
</item>
</layer-list>
</item>
</selector>
结果正是我们想要的,看起来像这样。
我们的测试设备中有一个HTC Desire HD,它有一条恼人的白线直接通过按钮。在所有其他设备上(均具有较低和较高的dpi),结果都可以。但是,在此设备上,结果如下所示:
对我来说,为什么它只能在这个设备上呈现这样的东西,这完全是个谜。所有指针都欢迎!
答案 0 :(得分:0)
嗯,你是否必须在渐变中有明显的区别,或者你可以做这样的过渡渐变
<item>
<shape>
<gradient android:angle="270" android:endColor="#2f6699" android:startColor="#449def" />
<stroke android:width="1dp" android:color="#2f6699" />
<corners android:radius="4dp" />
<padding android:bottom="10dp" android:left="10dp" android:right="10dp" android:top="10dp" />
</shape>
</item>