专栏首页大话swiftAndroid layer实现圆角 阴影

Android layer实现圆角 阴影

分析Android的采用layer-list效果实现圆角 阴影 背景

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

<!--    先整个背景设置为灰色,然后上层叠加一个白色的,bottom right进行偏移不去遮挡底部的layer-->
    <item
        android:left="3dp"
        android:top="3dp">
        <shape>
            <solid android:color="#b4b5b6" />
        </shape>
    </item>
    <item android:bottom="6dp" android:right="3dp">
        <shape>
            <solid android:color="#fff"/>
        </shape>
    </item>
    <item>
        <shape>
<!--            shape 使用solid的填充内部-->
<!--            <solid android:color="#0099CC" />-->

            <corners android:radius="50dp"/>
<!--            stroke描边-->
            <stroke android:width="1dp" android:color="#000000"/>
        </shape>
    </item>
</layer-list>

自带预览效果

我们看看怎么使用

    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="20dp"
        android:background="@drawable/layer_shape"
        android:gravity="center"
        android:minHeight="55dp"
        android:text="shape" />

在drawable的那个layer布局xml中采用item的方式将各个图形控制分开,依照层级堆叠

1 使用shape设置背景为gray,同时在left top留出3dp的空间,也就是进行偏移,其余的空间部分涂成gray的颜色

<item
        android:left="3dp"
        android:top="3dp">
        <shape>
            <solid android:color="#b4b5b6" />
        </shape>
    </item>

2 在1的上层添加一个shape涂成白色--bottom预留6dp,right预留3dp

 <item android:bottom="6dp" android:right="3dp">
        <shape>
            <solid android:color="#fff"/>
        </shape>
    </item

通过 1 2 我们可以可到一个右侧和底部有阴影的晕的效果

3 在 12之上叠加在叠加一个shape---设置圆角半径为50dp,stroke描边宽为1dp

 <item>
        <shape>
<!--            shape 使用solid的填充内部-->
<!--            <solid android:color="#0099CC" />-->

            <corners android:radius="50dp"/>
<!--            stroke描边-->
            <stroke android:width="1dp" android:color="#000000"/>
        </shape>
    </item>

本文分享自微信公众号 - 大话swift(gh_ca2266b7cab0),作者:YuLongLi

原文出处及转载信息见文内详细说明,如有侵权,请联系 yunjia_community@tencent.com 删除。

原始发表时间:2019-10-20

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • kotlin构建MVVM应用之双向数据绑定

    我们在构建MVVM应用的时候数据时双向流动的,比如:用户输入了数据,那么我们的model层的数据也要自动跟着更新或者我们校验了数据,是图层也要给用户反馈;网络请...

    大话swift
  • Android 集成百度地图那些事

    implementation files('libs/BaiduLBS_Android.jar')

    大话swift
  • kotlin如何使用MVVM的开发模式

    互联网开发模式经历了MVC、MVP。Android本身的开发模式为MVC,前些年MVP大行其道,这两年MVVM逐渐开始流行,最近准备用kotlin开发一个项目,...

    大话swift
  • android shape实现阴影或模糊边效果

    以上所述是小编给大家介绍的android shape实现阴影或模糊边效果,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢...

    砸漏
  • Android开发,使用xml drawable制作带边框的背景图

    zhangyunfeiVir
  • Android必知必会--使用shape制作drawable素材

    版权声明:本文为[他叫自己Mr.张]的原创文章,转载请注明出...

    他叫自己MR.张
  • 直播视频网站源码,按钮背景点击按下变色

    以上就是直播视频网站源码,按钮背景点击按下变色的相关代码, 更多内容欢迎关注之后的文章

    yunbaokeji柯基
  • Android中layer-list基本使用详解

    使用layer-list可以将多个drawable按照顺序层叠在一起显示,默认情况下,所有的item中的drawable都会自动根据它附上view的大小而进行缩...

    砸漏
  • android自定义形状的按键实例代码

    以上所述是小编给大家介绍的android自定义形状的按键实例代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对Z...

    砸漏
  • Android shape 绘制图形的实例详解

    Android 绘制图形可以使用shape也可以使用自定义控件的方式,这里我们说下shape的方式去实现。

    砸漏

扫码关注云+社区

领取腾讯云代金券