android 功能指引,Android新功能高亮指引

前言

一个app用户刚上手的时候可能面对界面上很多信息无所适从,所以这时候可能一个简单的新功能指引是非常必要的,至少用户戳戳戳几下就能知道点了那个地方能干些什么。

今天的内容就是实现这个功能,但是这次不是自己写了,感谢github,感谢伟大的开源精神。推荐的是两个项目,一个满足基本需求;一个满足各种需求。各位小伙伴在看了文章和代码之后自行取舍适合自己的。

上代码

我在自己某个项目中使用的是第二个.

上说明

主要说的是第二个,因为第一个没用过…

只需要复制作者项目里面的GuideView类就可以了。主要作者在里面定义了两个色值,自己去color里面添加一下。另外,这个类调用了

1234因为是新功能的高亮指引,所以必须一上来就出效果,而且是只出这第一次打开app的效果,所以需要在oncreat或者onresume方法中调用,然后自己使用sp判断一下是不是第一次打开就行啦。设置方法也很清楚明了,这里是使用文字+图片,图片可以自行替换,比如把**R.mipmap.ic_launcher**替换成箭头:

// 使用文字+图标

final TextView tv2 = new TextView(this);

tv2.setText("欢迎使用");

Drawable d = getResources().getDrawable(R.mipmap.ic_launcher);

d.setBounds(0, 0, 50, 50);

tv2.setCompoundDrawables(d , null, null, null);

tv2.setTextColor(getResources().getColor(R.color.white));

tv2.setTextSize(30);

//tv2.setGravity(Gravity.CENTER);

12上面这个是准备要显示的东西,最后要将其显示到目标区域:

GuideView guideView = GuideView.Builder.newInstance(this)

.setTargetView(btnTest2)//要突出的目标

.setCustomGuideView(tv2)//对目标进行的解释,就是上面准备那个

.setDirction(GuideView.Direction.LEFT_BOTTOM)//设置位置

.setShape(GuideView.MyShape.RECTANGULAR) // 设置矩形显示区域,

.setRadius(80) // 设置圆形或矩形透明区域半径,默认是targetView的显示矩形的半径,如果是矩形,这里是设置矩形圆角大小

.setBgColor(getResources().getColor(R.color.shadow))//背景颜色

.setOnclickListener(new GuideView.OnClickCallback() {

@Override

public void onClickedGuideView() {

guideView.hide();//点一下隐藏自己或者开启下一个需要指引的地方

}

})

.build();

```

在一个方法里面设置那么三四个高亮指引,然后在oncreat或者onresume方法中调用就ok啦。

上效果图

AAffA0nNPuCLAAAAAElFTkSuQmCC

最后

说说这个GuideView,继承自RelativeLayout,onDraw方法中枚举了CIRCULAR圆形, ELLIPSE椭圆, RECTANGULAR圆角矩形三种图形,可以在这里去增加自己想要的,比如五角星什么的。静态类Builder中可以自定义各种零件的属性来装饰guiderView,具体的那些看代码啦~

上代码

文中给出的是第二个的代码,虽然demo是我自己的写的,但是跟作者那个也如出一辙,这里就不放我的代码了。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值