Android新手引导View

最新推荐文章于 2024-04-18 20:42:53 发布

转载最新推荐文章于 2024-04-18 20:42:53 发布 · 134 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://juejin.im/post/5ab3c6ea518825556918e7e8

文章标签：

#移动开发

本文介绍了一种在Android应用中实现引导View的方法。通过使用特定库，开发者可以轻松为应用内的不同元素创建高亮效果，并指导用户进行交互。文章详细展示了如何设置高亮区域、配置引导View的位置及事件监听等。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Andorid引导View

引入库

#####1. 从https://github.com/dogbrother/GuideView Download代码.

#####2. 引入guide

如何使用?

     待高亮的View
    mTextView = findViewById(R.id.tv);
    /**
     * 高亮区域1
     */
    HighLight highLight = new HighLight(mTextView, HighLight.Type.ROUND_RECTANGLE);
    highLight.setRound(12);
    highLight.setPadding(12);
    /**
     * 高亮区域2
     */
    HighLight highLight2 = new HighLight(mTextView, HighLight.Type.ROUND_RECTANGLE);
    highLight2.setRound(20);
    highLight2.setPadding(50);
    /**
     * 待加入引导的View
     */
    View view = LayoutInflater.from(this).inflate(R.layout.item_test, null,false);
    /**
     * 创建高亮View
     */
    GuideView guideView = new GuideView(view);
    guideView.setRelativeView(mTextView);
    guideView.setYInterval(100);
    guideView.setOnGuideViewClickListener(new GuideView.OnGuideViewClickListener() {
        @Override
        public void onClick(Guide guide, View view) {
            guide.nextOrRemove();
        }
    });
    /**
     * 创建引导类
     */
    GuideView guideView1 = new GuideView(view);
    //引导类的相对View
    guideView1.setRelativeView(mTextView);
    //引导类相对于相对View的位置
    guideView.setRelative(GuideView.RELATIVE_BOTTOM | GuideView.RELATIVE_RIGHT);
    //引导类相对相对View的Y的高度
    guideView1.setYInterval(100);
    guideView1.setRelative(GuideView.RELATIVE_TOP);
    /**
     * 创建引导
     */
    Guide guide = new Guide.Builder(this)
            .addHightLight(highLight)
            .setOutsideCancelable(true)
            .addGuideView(guideView)
            .asPage()
            .addHightLight(highLight2)
            .addGuideView(guideView1)
            .setOutsideCancelable(true)
            .build();
    guide.show();
复制代码