Android uses shape. XML to create a gradient background

Write an XML file and put it under Res/drawable -*/
The basic statement is as follows:

<?xml version="1.0" encoding="utf-8"?>    <shape xmlns:android="http://schemas.android.com/apk/res/android">        <gradient             android:startColor="#3A3C39"             android:endColor="#181818"            android:angle="270"         />        <corners android:radius="0dp" />    </shape>

Usage: Android: Background = "@ drawable/shape_background_grey"

<?xml version="1.0" encoding="utf-8"?> 
<shape xmlns:android="http://schemas.android.com/apk/res/android"> 
<gradient  
        android:startColor="#3A3C39"  
        android:endColor="#181818" 
        android:angle="270" 
/> 
<corners android:radius="0dp"/> 
</shape>

Usage: Android: Background = "@ drawable/shape_background_grey"

Android: angle = "270" indicates the direction, 270 indicates the top-down, 180 indicates the right-to-left, and the default value is the left

The complex statement is as follows:

<shape xmlns:android="http://schemas.android.com/apk/res/android"  
    android:shape="rectangle">   
<gradient android:type="radial" android:gradientRadius="250"  
        android:startColor="#E9E9E9" android:endColor="#D4D4D4"/>   
</shape>   
  
<shape xmlns:android="http://schemas.android.com/apk/res/android">   
<gradient android:angle="0" android:startColor="#FFdaf3fc"  
  android:centerColor="#FFd4e9a9" android:endColor="#FFdaf3fc"/>   
</shape>  

<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
<gradient android:type="radial" android:gradientRadius="250"
        android:startColor="#E9E9E9" android:endColor="#D4D4D4"/>
</shape>

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

The Android: TYPE = "RADIAL" type has different effects.

Android: centercolor = "# ffd4e9a9" is not commonly used.

<?xml version="1.0" encoding="utf-8"?>   
<shape xmlns:android="http://schemas.android.com/apk/res/android"  
    android:shape="rectangle">   
<gradient android:startColor="#509245" android:centerColor="#3e8532"  
        android:endColor="#509245" android:type="linear" android:angle="90"  
        android:centerX="0.5" android:centerY="0.5"/>   
<padding android:left="7dp" android:top="7dp" android:right="7dp"  
        android:bottom="7dp"/>   
<corners android:radius="4dp"/>   
</shape>  

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
        android:shape="rectangle">
<gradient android:startColor="#509245" android:centerColor="#3e8532"
                android:endColor="#509245" android:type="linear" android:angle="90"
                android:centerX="0.5" android:centerY="0.5"/>
<padding android:left="7dp" android:top="7dp" android:right="7dp"
                android:bottom="7dp"/>
<corners android:radius="4dp"/>
</shape>

Android: shape is configured in the form of a graph, mainly including a square or a circle. The code above is a square.

Gradient nodes are mainly configured with the starting point color, the ending point color, the coordinates of the intermediate points, the color of the intermediate points, and the gradient angle (90 degrees for the upper and lower gradient, 0 for the left and right gradient ), the padding node is mainly configured with the upper and lower margins, and the corners node is configured with the radius of the surrounding corner.