如何使用Android GradientDrawable

时间:2010-04-19 09:11:16

标签: android android-layout

我尝试使用GradientDrawable将渐变设置为某些背景和按钮。 可悲的是documentation并不是很详细。

配置渐变的主要属性是什么?我理解start和endcolor,但其他一些属性可能需要一些解释。

目前我使用图像作为按钮的背景,但是用XML定义的drawable会更好。

我试着看起来像这样(它是一个非常浅的渐变):alt text http://janusz.de/~janusz/RedButton.png

3 个答案:

答案 0 :(得分:41)

使用此xml作为imageview的背景。

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
<gradient android:angle="90" android:startColor="#7c0000" android:endColor="#A71C1C"/>
</shape>

就是这样。

答案 1 :(得分:38)

我将给出与Praveen相同的答案,但也会尝试解释这些设置。

<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <gradient 
       android:type="linear" 
       android:angle="-90" 
       android:startColor="#7c0000" 
       android:endColor="#A71C1C" />
</shape>

机器人:类型

有三种类型的渐变,默认值和此问题的一种是“线性”。另外2个是“径向”和“扫描”。

机器人:角

梯度逆时针旋转,其中0为|开始颜色 - &gt;结束颜色| (水平方向)。

机器人:startColor

渐变的颜色从,开始由旋转定义。

机器人:ENDCOLOR

渐变的颜色以,结束由旋转定义。

机器人:centerColor

如果需要,在开始颜色和结束颜色之间也可以有颜色。

答案 2 :(得分:3)

enter image description here

代码

我最初发现这个问题是因为我想在代码中执行此操作。以下是如何以编程方式执行此操作。

int startColor = 0xfff6ee19; // yellow
int endColor = 0xff115ede;   // blue
GradientDrawable gradientDrawable = new GradientDrawable(
        GradientDrawable.Orientation.LEFT_RIGHT,
        new int[] {startColor, endColor});

View myView = findViewById(R.id.my_view);
myView.setBackgroundDrawable(gradientDrawable);

通过更改构造函数中的Orientation,可以实现顶部图像中的不同方向。

XML

正如已经回答的那样,这就是你在xml中的表现。

my_gradient_drawable.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <gradient
        android:type="linear"
        android:angle="0"
        android:startColor="#f6ee19"
        android:endColor="#115ede" />
</shape>

您将其设置为某个视图的背景。例如:

<View
    android:layout_width="200dp"
    android:layout_height="100dp"
    android:background="@drawable/my_gradient_drawable"/>

另见