android 圆角和阴影效果

先看看效果：

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">

<!-- Bottom 2dp Shadow -->
<item>
    <shape  android:shape="rectangle">
        <solid android:color="#d8d8d8" />
        <corners android:radius="7dp" />
    </shape>
</item>

<!-- White Top color -->
<item android:bottom="3px">
    <shape  android:shape="rectangle">
        <solid android:color="#FFFFFF" />
        <corners android:radius="7dp" />
    </shape>
</item>

</layer-list>

附：

只是圆角效果：


<?xml version="1.0" encoding="UTF-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle" >

    <!-- 填充色 -->
    <solid android:color="#FFFFFF" />
   
    
    
    <!-- 设置按钮的四个角为弧形 -->
    <!-- android:radius 弧形的半径 -->
   <corners  android:topLeftRadius="0dp" 
             android:topRightRadius="0dp"
             android:bottomRightRadius="7dp" 
             android:bottomLeftRadius="7dp" 
            /> 
      

    <!-- padding：Button里面的文字与Button边界的间隔 -->
    <padding
        android:bottom="10dp"
        android:left="10dp"
        android:right="10dp"
        android:top="10dp" />

</shape>

<!-- 
<shape xmlns:android="http://schemas.android.com/apk/res/android"> 
    <solid android:color="#ffffffff"/>    

    <stroke android:width="3dp"
            android:color="#ff000000"
            />

    <padding android:left="1dp"
             android:top="1dp"
             android:right="1dp"
             android:bottom="1dp"
             /> 

    <corners android:bottomRightRadius="7dp" 
             android:bottomLeftRadius="7dp" 
             android:topLeftRadius="7dp" 
             android:topRightRadius="7dp"/> 
</shape>
 -->

如何使用？

我们知道，android 提供的这些特效处理类，最终都将被解析为一个 Drawable 对象（即：图片），

那么我们就可以像使用图片一样（把它们放到 draw 目录下，引用资源的id）使用这些特效文件了。

比如将这些特效作为一个 LinearLayout 的背景，或一个按钮的背景

更过内容： http://nodebook.info/book/view?bid=5354725719980e913e9be3f1

-

android 圆角和阴影效果

猜你喜欢