【问题标题】:Simple gradient in AndroidAndroid中的简单渐变
【发布时间】:2015-01-17 15:20:18
【问题描述】:

我对 Android 有点陌生,我希望创建一个非常简单的 2 种颜色渐变,从上到下,将其显示在视图上,并可能将其保存为图像。我真的没有找到适合我需要的答案,我真的在寻找最简单,最直接的方法。 谢谢!

【问题讨论】:

    标签: java android gradient


    【解决方案1】:

    我认为最简单的方法是在 XML 中创建一个简单的 Shape 模板,然后在您想要的任何视图中使用它,如下所示:

    shape.xml

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

    然后在您的视图标签中添加:

     android:background="@drawable/shape"
    

    【讨论】:

    • 什么是“shape.xml”?我尝试创建它,但并没有真正设法使用它..
    • 把它放在你的drawable文件夹中,就像一个普通的png文件一样使用它(如示例所示)。
    • shape.xml 是 XML 布局文件,它将作为您创建的任何视图的可重用模板。你可以随意命名。您只需创建一个空白 XML 文件(通常在 res/foldre 中的某个位置),插入此代码作为示例,您将看到它是如何工作的。
    【解决方案2】:

    我将分两部分回答创建渐变和显示它。

    创建渐变 在您的可绘制文件夹中创建一个新的 xml 文件,并将其命名为您想要的任何名称。在这种情况下,我将其命名为 myGradient.xml。 打开 myGradient.xml 文件并粘贴下面的代码,这将有助于创建两种颜色渐变。您可以根据需要更改颜色值。

    <?xml version="1.0" encoding="utf-8"?>
    <layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:bottom="6px" android:right="4dp">
    
        <shape xmlns:android="http://schemas.android.com/apk/res/android"
            android:shape="rectangle">
            <gradient
                android:startColor="#d7009482"
                android:endColor="#ad1c4e9b"
                android:centerX="100%"
                android:centerY="150%"
                android:type="linear"
                android:angle="135"/>
        </shape>
    </item>
    </layer-list>
    

    这会给你下面的输出。 Gradient with two colors

    第二部分是在视图中显示这个渐变。 打开视图并将背景设置为渐变。

    android:background="@drawable/myGradient
    

    希望对你有帮助

    【讨论】:

    • 我相信angle对于OP的情况应该是180。
    猜你喜欢
    • 2012-04-17
    • 2015-03-06
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2022-01-19
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多