android layer-list 下gradient使用（第二篇）

<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
   <item>
      <shape android:shape="rectangle">
         <gradient
            android:startColor="#333"
            android:centerColor="#DDD"
            android:endColor="#333"
            android:angle="90" />

            <stroke android:width="1dp" android:color="#FF333333" />
      </shape>
   </item>
   <item android:left="4dp" android:right="4dp" android:top="1dp" android:bottom="1dp">
      <shape android:shape="rectangle">
         <gradient
            android:startColor="#AAA"
            android:centerColor="#FFF"
            android:endColor="#AAA"
            android:angle="90" />
      </shape>
   </item>
</layer-list>

上面代码的叠加效果如下图:

<item>
   <shape android:shape="rectangle">
      <gradient
         android:startColor="#333"
         android:centerColor="#DDD"
         android:endColor="#333"
         android:angle="90" />

         <stroke android:width="1dp" android:color="#FF333333" />
   </shape>
</item>

上面这段代码初步形成一个上黑中间黑下面黑的图层，

<item android:left="4dp" android:right="4dp" android:top="1dp" android:bottom="1dp">
   <shape android:shape="rectangle">
      <gradient
         android:startColor="#AAA"
         android:centerColor="#FFF"
         android:endColor="#AAA"
         android:angle="90" />
   </shape>
</item>

上面这段代码就是，在第一个图层的基础上，在覆盖一个图层，此时marginleft, marginright, margintop,

marginbottom都是相对于上个图层的边界。

红箭头指示黑竖线就是margin之后第一个图层露出来的。

和第一篇介绍不同，我们添加了第二个图层item项，