Android教程網 >> Android技術 >> Android開發 >> 初級開發 >> android通過shape.xml制作漸變背景

android通過shape.xml制作漸變背景

編輯：初級開發

編寫XML文件放到res/drawable-*/下面
最基本的寫法如下
<?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>

使用方法：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>

使用方法：android:background="@drawable/shape_background_grey"
其中 android:angle="270"  代表方向， 270表示從上到下，180表示從右到左，默認從左

復雜一點的寫法如下
<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>

在這裡要注意android:type="radial"類型的使用會有不同的效果
android:centerColor="#FFd4e9a9" 通常這個也不是被人常用

<?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 配置的是圖形的形式，主要包括方形、圓形等，上邊代碼為方形。
gradIEnt節點主要配置起點顏色、終點顏色、中間點的坐標、中間點的顏色、漸變角度（90度為上下漸變，0為左右漸變），padding節點主要配置上下左右邊距，corners節點配置四周園角的半徑。

上一頁:ContentProvider + ContentObserver + SQLiteDatabase
下一頁:Android平台下的焦點問題

初級開發

開發入門初級開發中級開發高級開發關於android開發

相關文章