美文网首页UI效果仿写
Android快速实现高亮引导

Android快速实现高亮引导

作者: heavyRain | 来源:发表于2017-11-20 14:51 被阅读0次

    在发新版或增加新功能时常会用到高亮显示某一处,高亮显示所用的最关键技术是PorterDuffXfermode
    在看本文之前推荐大家学习下canvas相关知识 :http://hencoder.com/ui-1-2/
    这里给大家推荐下HenCoder,是面向安卓进阶,内容生动有趣又不失精彩。

    下面进入正题


    PorterDuff

    呈现出的高亮显示无非就是activity.getWindow().getDecorView()得到DecorView,然后在其中添加个全屏的FrameLayout,在OnDraw()进行相关操作,最终效果就是在整块屏幕的的暗色背景上扣出几个高亮点。所用到的PorterDuffXfermode肯定是在这几种中选取一个,通常采取的是SRC_OUT 、DST_OUT、XOR这几种实现方式,本文所采取的是XOR的实现方式。

    实现要点是在暗色透明背景上先用非透明色画出需要高亮的区域,然后给paint设置PorterDuffXfermode(PorterDuff.Mode.XOR),然后再用非透明色画出需要高亮的区域,这样一XOR,两块非透明色相交就相当于扣出了一块透明的高亮区域。实现效果:

    ezgif.com-video-to-gif.gif
    github地址

    相关文章

      网友评论

        本文标题:Android快速实现高亮引导

        本文链接:https://www.haomeiwen.com/subject/ahjgpxtx.html