新手引导视图,初次打开页面时显示。 支持圆形,椭圆,矩形等多种图形 提示部分支持图片和文字提示

先看效果图

使用步骤。

使用起来特别简单,只需要把GuideView这个类复制到你的项目中就可以了

package com.laxian.guideview;

import android.os.Bundle;

import android.support.v7.app.AppCompatActivity;

import android.view.Gravity;

import android.view.ViewGroup;

import android.widget.Button;

import android.widget.ImageButton;

import android.widget.ImageView;

import android.widget.RelativeLayout;

import android.widget.TextView;

public class MainActivity extends AppCompatActivity {

private ImageButton menu;

private Button btnTest;

private Button btnTest2;

private GuideView guideView;

private GuideView guideView3;

private GuideView guideView2;

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

menu = (ImageButton) findViewById(R.id.ib_menu);

btnTest = (Button) findViewById(R.id.btn_test);

btnTest2 = (Button) findViewById(R.id.btn_test2);

}

private void setGuideView() {

// 使用图片

final ImageView iv = new ImageView(this);

iv.setImageResource(R.drawable.img_new_task_guide);

RelativeLayout.LayoutParams params = new RelativeLayout.LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT);

iv.setLayoutParams(params);

// 使用文字

TextView tv = new TextView(this);

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

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

tv.setTextSize(30);

tv.setGravity(Gravity.CENTER);

// 使用文字

final TextView tv2 = new TextView(this);

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

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

tv2.setTextSize(30);

tv2.setGravity(Gravity.CENTER);

guideView = GuideView.Builder

.newInstance(this)

.setTargetView(menu)//设置目标

.setCustomGuideView(iv)

.setDirction(GuideView.Direction.LEFT_BOTTOM)

.setShape(GuideView.MyShape.CIRCULAR) // 设置圆形显示区域,

.setBgColor(getResources().getColor(R.color.shadow))

.setOnclickListener(new GuideView.OnClickCallback() {

@Override

public void onClickedGuideView() {

guideView.hide();

guideView2.show();

}

})

.build();

guideView2 = GuideView.Builder

.newInstance(this)

.setTargetView(btnTest)

.setCustomGuideView(tv)

.setDirction(GuideView.Direction.LEFT_BOTTOM)

.setShape(GuideView.MyShape.ELLIPSE) // 设置椭圆形显示区域,

.setBgColor(getResources().getColor(R.color.shadow))

.setOnclickListener(new GuideView.OnClickCallback() {

@Override

public void onClickedGuideView() {

guideView2.hide();

guideView3.show();

}

})

.build();

guideView3 = 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() {

guideView3.hide();

guideView.show();

}

})

.build();

guideView.show();

}

@Override

protected void onResume() {

super.onResume();

setGuideView();

}

}

android 圆形图片设置蒙层,Android引导蒙层,安卓新手引导图,引导图层,支持椭圆,圆形,矩形多种形状,一行代码快速搞定-Go语言中文社区...相关推荐

  1. Android引导蒙层,安卓新手引导图,引导图层,支持椭圆,圆形,矩形多种形状,一行代码快速搞定

    新手引导视图,初次打开页面时显示. 支持圆形,椭圆,矩形等多种图形 提示部分支持图片和文字提示 github源码地址:https://github.com/qiushi123/GuideView-ma ...

  2. 极度丝滑!CentOS/Unbuntu系统下快速设置虚拟内存,一行命令快速搞定!!!

    CentOS/Unbuntu系统下快速设置虚拟内存,一行命令搞定 快速开始 #请cd到你机器的执行命令的路径下 cd /usr/local/bin #wget脚本 wget https://gitee ...

  3. Android自带的下载功能,不需要断点续传、大文件下载、通知栏显示等窝心问题,四行代码全部搞定(经测)

    简单使用:         完成一个下载任务只需要4行代码,什么断点续传,大文件下载,通知栏进度显示-.都不需要你操心. //创建下载任务,downloadUrl就是下载链接 DownloadMana ...

  4. Qt QPushButton圆形图片设置为背景

    效果如下: 这是通过一个圆形图片设置的背景,通过样式表实现. 原图片如下       样式表如下: QPushButton{ border-image: url(:/image/red_btn.png ...

  5. 安卓视频播放器 一行代码快速实现视频播放,Android视频播放,AndroidMP3播放,安卓视频播放一行代码搞定,仿今日头条 Android视频播放器

    一行代码快速实现视频播放,Android视频播放,AndroidMP3播放,安卓视频播放一行代码搞定,真正实现Android的全屏功能 github地址:https://github.com/qius ...

  6. 【快速搞定】教你如何快速集成环信(android端EaseUI),跳过我踩过的坑

    [快速搞定]教你如何快速集成环信(android端EaseUI),跳过我踩过的坑 一.前言 最近,公司准备集成一个即时通讯的功能,于是我找到了环信,于是我就这样被坑了,于是就有了本文来教大家如何跳出我 ...

  7. Android鬼点子 100行代码,搞定柱状图!

    最近,项目中遇到一个地方,要用到柱状图.所以这篇文章主要讲怎么搞一个柱子. 100行代码,搞定柱状图! 我的印象中柱子是这样的. 恩,简单,一个View直接放到xml,搞定! 但,设计师给的柱子是这样 ...

  8. html文件如何设置为桌面壁纸,怎样把文件里的图片设置为桌面背景时全部是全屏图?最好详细一点的。...

    怎样把文件里的图片设置为桌面背景时全部是全屏图?最好详细一点的.以下文字资料是由(历史新知网www.lishixinzhi.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧! 怎样把文 ...

  9. Android沉浸式状态栏工具类,一句代码轻松搞定

    Android沉浸式状态栏工具类,一句代码轻松搞定 博客原文及源码地址:http://jaeger.itscoder.com/android/2016/03/27/statusbar-util.htm ...

最新文章

  1. 当上 CTO 才发现:程序员时常犯的 4 个错误有多可怕!
  2. Android测试环境配置
  3. 所有的工程师都鄙视 php 工程师.,程序员的鄙视链(所有工程师都鄙视php工程师23333)...
  4. stm32单片机屏幕一直闪_STM32使用HAL库函数点亮OLED
  5. JAVA后端面试100 QA之第一篇
  6. 最近对焦距离与最大放大倍率
  7. Cross-entropy 和 Binary cross-entropy
  8. 2019人工智能写作软件
  9. comsol光学模块案例
  10. 【Lintcode】350. Slash Separating
  11. 游戏后台开发九问(腾讯技术分享实录)
  12. h3c 抓包么 能通过debug_华三路由器可以抓包吗 路由器密码
  13. idea中java版本设置
  14. 矩阵维度:几乘几怎么看
  15. 计算机专业考研复习方法,2014年东北大学计算机专业——关于考研我个人的复习方法...
  16. UI 智能化的原理和未来
  17. 自力式压力调节阀的应用和结构原理详解
  18. 测试面试题之白盒测试的实用技术(问题及答案)
  19. 细说redis持久化流程
  20. 强推集成GPT-4的编辑器Cursor;面向ChatGPT编程18种方法;如何将AI绘画融合于工作流;ChatGPT SEO公式大揭秘 | ShowMeAI日报

热门文章

  1. Word基本操作之论文格式调整
  2. Win10启动Telnet方式
  3. 用计算机探索规律的思维导图,手绘思维导图与计算机的完美结合
  4. JavaScript数组最全整理(包含ES6)
  5. npm 安装时报错sha1不对应
  6. 企业网站建设常识及常见错误
  7. Spark3大数据实时处理-Streaming+Structured Streaming 实战(完整版)
  8. 复旦微的FMQL10S400ZYNQ芯片+国微SM25QH256MX的FLASH的使用体验
  9. 软银领投,灰度母公司 DCG 完成7亿美元融资
  10. java线程池有什么作用_java线程池的作用是什么?线程池介绍