Question

我的表布局看起来像带有圆形按钮的数字小键盘（按钮是带有圆形背景的文本视图）。现在我想在整个键盘上应用渐变。但我希望渐变只在按钮上可见。按钮周围的空间应该是白色的。有没有办法通过xml实现它？

Answer 1

更新：是的，我可以想办法在xml中做到这一点。在背景布局上设置渐变。然后创建一个九个补丁可绘制图像，其中包含一个所需尺寸的透明圆圈，周围有一个白色填充物，每个边缘周围有一个小九个补丁（因此圆圈不会被拉伸）

将TextView背景设置为九个补丁，并确保网格单元伸展以适合整个表格布局（因此白色边缘合并在一起。

原始答案：我想不出一个简单的方法来做到这一点，绝对不是在xml中。您可能需要创建一个扩展Drawable类的类，以便您可以覆盖onDraw方法。您需要创建一个RadialGradient（Shader，而不是Drawable），然后每个按钮都会创建一个着色器，并将着色器设置为您的公共着色器。

然后，当您绘制每个按钮时，您需要查看按钮的y值，将画布转换为-y amount，然后使用着色器绘制在y处绘制一个圆（canvas.drawCircle（..））。这应该将圆圈放在屏幕上的相同位置，颜色渐变映射就像在整个页面上绘制渐变一样，但只能在按钮的位置显示。

Answer 2

将背景颜色设置为白色到整个布局。并为每个按钮应用渐变：

将 gradiant_button.xml 保存到您的应用res-＆gt; drawable文件夹

<强> gradiant_button.xml

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android" >
<item android:state_pressed="true">
<shape>
<gradient
android:startColor="#454545"
android:endColor="#F0F0F0"
android:angle="270"/>
<stroke
android:width="4dp"
android:color="#B5F6EC"/>
<corners
android:radius="0dp" />
<padding
android:left="0dp"
android:top="0dp"
android:right="0dp"
android:bottom="0dp" />
</shape>
</item>
<item android:state_focused="true">
<shape>
<gradient
android:startColor="#454545"
android:endColor="#F0F0F0"
android:angle="270"/>
<stroke
android:width="4dp"
android:color="#B5F6EC"/>
<corners
android:radius="0dp" />
<padding
android:left="0dp"
android:top="0dp"
android:right="0dp"
android:bottom="0dp" />
</shape>
</item>
<item android:state_enabled="false">
<shape>
<gradient
android:startColor="#454545"
android:endColor="#F0F0F0"
android:angle="270"/>
<stroke
android:width="4dp"
android:color="#B5F6EC"/>
<corners
android:radius="0dp" />
<padding
android:left="0dp"
android:top="0dp"
android:right="0dp"
android:bottom="0dp" />
</shape>
</item>
<item>
<shape>
<gradient
android:startColor="#F0F0F0"
android:endColor="#454545"
android:angle="270"/>
<stroke
android:width="0dp"
android:color="#000000"/>
<corners
android:radius="0dp" />
<padding
android:left="0dp"
android:top="0dp"
android:right="0dp"
android:bottom="0dp" />
</shape>
</item>
</selector>

看我的git ref： https://github.com/iamsarker/android-apps/tree/master/CustomButton

按钮xml将是：

<Button
android:id="@+id/btn11"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_weight="3"
android:background="@drawable/gradiant_button"
android:text="@string/btnText" />

在多个视图上应用渐变

2 个答案: