android 图片加边框 ImageView border 效果

最新推荐文章于 2024-04-03 20:07:45 发布

原创最新推荐文章于 2024-04-03 20:07:45 发布 · 364 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#android 图片 #边框 #ImageView #border

android 专栏收录该内容

5 篇文章

订阅专栏

本文深入解析Android应用中布局文件与背景设置文件的作用与实现方式，通过具体示例展示如何使用LinearLayout与自定义drawable文件来创建美观且功能丰富的用户界面。包括图片与代码演示，为开发者提供实用的UI设计技巧。

[b]1、布局文件[/b]
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>

[b]2. 背景设置文件[/b]
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>

效果图：

[img]http://dl2.iteye.com/upload/attachment/0102/7183/b0581463-fecc-37a9-b879-02aa68e5d6b3.png[/img]

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

-