前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >用shape画内圆外方,形成一个圆形头像

用shape画内圆外方,形成一个圆形头像

作者头像
cMusketeer
发布2018-03-28 10:48:27
2.1K0
发布2018-03-28 10:48:27
举报
文章被收录于专栏:Android机器圈

PS:很多人都有过这样的经历,想要在自己写的程序里,上传一张随便大小形状的照片在程序里显示都是圆形照片,或者是方形,或者是三角形,但是写代码又非常麻烦,这里就有一个也可以实现一样效果的方法,那就是用layer-list画。

1:新建一个工程,在drawable文件夹下创建一个xml文件,如图:

2:代码如下,里面有解释

代码语言:javascript
复制
<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <!-- 图层1(oval) -->
    <!-- left,top,right,bottom定义为-10,是为了扩大oval,达到覆盖四角的效果 -->
    <item android:left="-10dp" android:top="-10dp" android:right="-10dp" android:bottom="-10dp">
        <shape
            android:shape="oval">
            <!-- oval_inner[内部] -->
            <stroke
                android:width="10dp"
                android:color="#ffffff" />
            <!-- oval_inner_size[大小(除去边线)] ,也是最终裸露出来的圆形图像区域-->
            <size
                android:height="50dp"
                android:width="50dp" />
            <!-- 使oval_inner透明,裸露出将来设置的背景图片 -->
            <gradient android:centerColor="#0000" />
        </shape>
    </item>

</layer-list>

3:使用方法

代码语言:javascript
复制
<ImageView
    android:layout_width="400px"
    android:layout_height="400px"
    android:src="@drawable/layer1"
    android:background="@drawable/img1"/>
代码语言:javascript
复制
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2017-10-16 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 1:新建一个工程,在drawable文件夹下创建一个xml文件,如图:
  • 2:代码如下,里面有解释
  • 3:使用方法
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档