android 图片加边框 ImageView border 效果

1、布局文件
res/layout/some_page.xml

<!-- 图片 -->
<LinearLayout
   android:id="@+id/respImageBorder"
   android:layout_width="240dp"
   android:layout_height="160dp"
   android:layout_marginTop="5dp"    
   android:background="@drawable/shape_image_border"           
   android:gravity="center">
   <ImageView
       android:id="@+id/respImage"
       android:layout_width="fill_parent"
       android:layout_height="fill_parent"
       android:scaleType="centerCrop"
       android:src="@drawable/pjh_01test_splash"
       />
</LinearLayout>

2. 背景设置文件
res/drawable/shape_image_border.xml

<?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="#BBB" />
            <corners android:radius="7dp" />         
        </shape>
    </item>
    
    <!-- White Top color -->
    <item android:bottom="3px">
        <shape  android:shape="rectangle">
             <solid android:color="#FFF" />
             <corners android:radius="7dp" />
             <padding
                android:top="5dp"
                android:right="5dp"
                android:bottom="5dp"
                android:left="5dp"/>
        </shape>       
    </item>
</layer-list>

效果图：







更多阅读：http://nodebook.info/book/view?bid=5354725719980e913e9be3f1













-