android渐变中的角度属性

Question

我正在通过测试示例。对于某些图像背景，他们使用渐变， 代码就像这样

<?xml version="1.0" encoding="utf-8"?>


  <shape xmlns:android="http://schemas.android.com/apk/res/android">
    <gradient
        android:startColor="#ff0000"
        android:centerColor="#00ff00"
        android:endColor="#0000ff"
        android:angle="180"/>
    <corners android:radius="5dp" />
   </shape>

在上面的xml中，我没有获得angle属性。但当我稍微更改angle的值时，模式会倾斜。谁能解释一下它究竟是如何运作的？

Answer 1

渐变基本上代表任何数量的空间（在一个方向上）的变化。对于颜色，它表示颜色强度在由角度表示的方向上的变化。以下是一些代表这一概念的图表：

此处图中显示了水平方向的颜色变化（角度设置为0）。
XML代码：

    <shape xmlns:android="http://schemas.android.com/apk/res/android">
    <gradient
        android:startColor="#000000"
        android:angle="0"/>
   </shape>

此处图中显示了垂直方向的颜色变化（角度设置为90）。
XML代码：

<shape xmlns:android="http://schemas.android.com/apk/res/android">
<gradient
    android:startColor="#000000"
    android:angle="90"/>
 </shape>

您还可以使用不同的颜色作为开始，中心和结束颜色。您附加的代码包含所有这些元素。

Answer 2

指定形状的渐变颜色。 属性：

机器人：角 整数。渐变的角度，以度为单位。 0从左到右，90从下到上。它必须是45的倍数。默认值为0.

似乎文档中的描述与karn的答案相矛盾？

您可以在documentation

中找到更多详情

Answer 3

你可能想从代码中创建对角线渐变。它更容易，你有很多选择。这个片段帮助了我

public void SetGradient(View view) {
        GradientDrawable gd = new GradientDrawable(
                GradientDrawable.Orientation.TL_BR,
                new int[]{0xFF141a24, 0xFF293f49, 0xFF72554c});
        view.setBackground(gd);
    }

GradientDrawable类的可用路线

/*public enum Orientation {
        *//** draw the gradient from the top to the bottom *//*
        TOP_BOTTOM,
        *//** draw the gradient from the top-right to the bottom-left *//*
        TR_BL,
        *//** draw the gradient from the right to the left *//*
        RIGHT_LEFT,
        *//** draw the gradient from the bottom-right to the top-left *//*
        BR_TL,
        *//** draw the gradient from the bottom to the top *//*
        BOTTOM_TOP,
        *//** draw the gradient from the bottom-left to the top-right *//*
        BL_TR,
        *//** draw the gradient from the left to the right *//*
        LEFT_RIGHT,
        *//** draw the gradient from the top-left to the bottom-right *//*
        TL_BR,
    }*/

然后从片段中的onCreate或onCreateView调用该方法并传递父视图（在我的例子中）。

 @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
                             Bundle savedInstanceState) {
        View view = inflater.inflate(R.layout.dialog_view_parent, container);           
        ...

        SetGradient(view);

        return view;
    }

Answer 4

更简单地，给出相对于您希望它开始的点的角度值。

它会根据angle值从startColor开始。

90 的例子：

270 的示例：