Android UI设计小知识——渐变色背景的制做

渐变色的制做

  前几天忽然发现QQ默认的聊天背景是渐变色的,而后学恶习了一下背景颜色渐变的制做,在此总结一下。
  
1. 分别取上中下的是那种颜色。咱们这里使用 黑色”#000000“, 灰色”#aaaaaa“, 白色”#ffffff“。android

2. 在drawable建立一个shape,定义gradient标签,分别定义startstartColor, centerstartColor, endstartColor三个属性。angle属性定义旋转角度。type属性定义颜色的渐变类型。web

<shape xmlns:android="http://schemas.android.com/apk/res/android">

    <gradient  android:angle="90" android:centerColor="#aaaaaa" android:endColor="#000000" android:startColor="#ffffff" android:type="linear"></gradient>

</shape>

3. 在background中调用便可。svg

这里写图片描述

type属性

  • linear属性值:解决如上图所示,渐变上的颜色是线性分布。
  • radial属性值:从内向外渐变,使用该属性值时,必须设置gradientRadius属性。

这里写图片描述

  • sweep属性值:这个有点说不清楚,它有点像扇形的渐变,具体看图会更明了

这里写图片描述