Question

我想在Android中创建渐变背景。我使用angrytools.com来生成这两个形状。不完全确定如何实现它们。

<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle" >
<gradient 
android:type="linear"
android:centerX="100%" 
android:startColor="#7F000000" 
android:centerColor="#FFffffff" 
android:endColor="#FFffffff" 
android:angle="90"/>
</shape>

-------------------------------------------------
<shape xmlns:android="http://schemas.android.com/apk/res/android" android:shape="rectangle" >
<gradient 
android:type="radial"
android:centerX="50%" 
android:centerY="50%" 
android:startColor="#7F000000" 
android:centerColor="#FFffffff" 
android:endColor="#FFffffff" 
android:gradientRadius="100"/>
</shape>

Answer 1

首先，您需要为shape1.xml和shape2.xml等形状创建2 xml文件并将drawable文件夹放在res文件夹中。

然后通过调用

使用根据需要

android:background="@drawable/shape1" 要么 android:background="@drawable/shape2"

详细信息See here

Answer 2

尝试通过在可绘制文件夹中创建yourFile.xml来使用图层列表

<item>
   <layer-list>
    <item> 
           <shape xmlns:android="http://schemas.android.com/apk/res/android"      android:shape="rectangle" >
           <gradient 
            android:type="linear"
            android:startColor="#7F000000" 
            android:centerColor="#FFffffff" 
            android:endColor="#FFffffff" 
            android:angle="90"/>
            </shape>
      </item>
      <item>
            <shape xmlns:android="http://schemas.android.com/apk/res/android"    android:shape="rectangle" >
            <gradient 
            android:type="radial"
            android:centerX="0.5" 
            android:centerY="0.5" 
            android:startColor="#7F000000" 
            android:centerColor="#FFffffff" 
            android:endColor="#FFffffff" 
            android:gradientRadius="100"/>
            </shape>
      </item>
   </layer-list>
</item>

并像android:background="@drawable/yourFile.xml"

一样使用它

创建具有2个形状的自定义渐变

2 个答案: