Android 中的简单渐变
Simple gradient in Android
我是 Android 的新手,我想创建一个非常简单的 2 种颜色的渐变,从上到下,将其显示在视图上,并可能将其另存为图像.我真的没有找到适合我需要的答案,我真的在寻找最简单直接的方法。
谢谢!
我认为最简单的方法是在 XML 中创建一个简单的形状模板,然后在您想要的任何视图中使用它,如下所示:
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"
我将分两部分来回答创建渐变和显示渐变。
创建渐变 在您的可绘制文件夹中创建一个新的 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
希望对你有所帮助
我是 Android 的新手,我想创建一个非常简单的 2 种颜色的渐变,从上到下,将其显示在视图上,并可能将其另存为图像.我真的没有找到适合我需要的答案,我真的在寻找最简单直接的方法。 谢谢!
我认为最简单的方法是在 XML 中创建一个简单的形状模板,然后在您想要的任何视图中使用它,如下所示:
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"
我将分两部分来回答创建渐变和显示渐变。
创建渐变 在您的可绘制文件夹中创建一个新的 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
希望对你有所帮助