美文网首页
Android新手指引蒙层提示

Android新手指引蒙层提示

作者: weioule | 来源:发表于2020-01-04 11:53 被阅读0次
先看效果图: img001.png img002.png img003.png img004.png img005.png img006.png

关于蒙层提示,新手引导层,我见过很多APP的做法是简单粗暴直接用一个完整的图层盖着展示的,根本看不到底层,这样做虽然简单,但我认为这并不是蒙层提示的效果

还有就是用带透明背景的提示图层的, 支付宝的一些提示就是这么干的,这样可以透到底层,但指向的位置和展示的控件或多或少都跟底部所展示的控件有所出入,当提示层消失展示出底层的页面时,总会有一个过渡感,简单点说就是所指向的控件不是当前所展示的控件,而是一个替身,出于用户体验,这也是我不采用的原因

我想要的用户体验类似“无感支付”,就是将控件抠出来,提示指向的既是页面中真实展示的控件,这样蒙层消失后用户的焦点感觉就会如德芙般纵享丝滑。

接下来说一说用法,功能都在HintView这个类里,主要方法有:
1、setTargetView(); 将所要指向的目标view传进去,里面会自动对目标view大小与坐标进行测量,然后在蒙层上复制抠出一个完全透明的view,即可完全展示出底层的目标view 。
2、setCustomGuideView(); 就是将所要提示的带有提示语和箭头的布局view传进,里面会根据所setDirction()设置的方向和setOffset(); X轴、Y轴的偏移量将改布局进行排版展示。
3、setMoreTransparentView(); 传其他需要抠图的控件,需要展示出来的控件里面一并给抠出来
4、setShape();设置抠图的形状,有圆形,矩形,椭圆形
5、setOutsideShape(); 设置绘制目标控件的外围形状,一样可以绘制圆形,矩形,椭圆形
6、setOutsideSpace(); 设置外围与目标控件的间隔
7、setRadius(); 设置抠出目标控件的圆角,应与目标控件圆角一致
8、setDotted(); 设置围围形状图的虚线实线
9、setCancelable(); 设置是否点击屏幕消失

项目里还使用了带阴影背景的LCardView 和 自定义圆角图片控件RoundedImageView

在使用时需要注意:当目标控件完全展示出来后再调用展示提示的方法,因为里面需要使用目标控件的信息,目标控件要展示后才能获取到宽高、坐标等信息。

项目地址:https://github.com/weioule/PrintDemo

相关文章

  • Android新手指引蒙层提示

    先看效果图: 关于蒙层提示,新手引导层,我见过很多APP的做法是简单粗暴直接用一个完整的图层盖着展示的,根本看不到...

  • Android 首次蒙层指引-NewbieGuide使用

    一、前言: Android 快速实现新手引导层的库 这是一款可以通过简洁链式调用,一行代码实现引导层的显示,自动判...

  • Android 蒙层效果

    先看效果,底下是自定义的轮播图组件,简单的很。不上代码了,这个平台编辑器不是很好用。有需要了解的请私信。

  • Android添加蒙层

    之前添加蒙层是在布局上添加一个View,蒙层的显示是通过控制它的显示和隐藏.看了Highlight的实现才知道可以...

  • Android 简单实现半透明新手指引 蒙版

    一.效果图 二.简单实现的思路 就是在我们需要提示的页面上方覆盖一个半透明的activity,首先获取需要提示的位...

  • Android引导蒙层,安卓新手引导页

    感谢及链接地址:http://blog.csdn.net/qiushi_1990/article/details/...

  • Android开发新手引导层

    新手引导是指:用户第一次使用一个新下载的APP时,使用蒙层的技术+文字或图片来提示用户如何操作 APP,或介绍界面...

  • Android Studio新手完全指引

    @author ASCE1885的 Github 简书 微博 CSDN本文由于潜在的商业目的,不开放全文转载许可...

  • Android开源:EasyGuideLayer

    这可能是最简单、灵活、强大的页面蒙层组件了!顾名思义,EasyGuideLayer是用于进行Android页面蒙层...

  • jQuery实现蒙层+分享提示图片

    做HTML5页面的时候,经常会有提示用户分享的需求,一张蒙层上面加一张提示用户去分享的图片,有的时候可能会有一些文...

网友评论

      本文标题:Android新手指引蒙层提示

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