iOSAndroidWeli收藏的文章Android

Github最火开源项目-一行代码实现ofo小黄车的引导界面

2017-03-10  本文已影响2346人  小怪兽打葫芦娃

自定义控件

联网

工具

数据库

源码分析相关面试题

Activity相关面试题

Service相关面试题

与XMPP相关面试题

与性能优化相关面试题

与登录相关面试题

与开发相关面试题

与人事相关面试题

开源项目地址:https://github.com/open-android/GuideDialog

本文配套视频:

http://www.toutiao.com/i6430934704865673729/

欢迎关注微信公众号

微信公众号名称:Android干货程序员

1. 在project的build.gradle添加如下代码(如下图)

allprojects {
    repositories {
        ...
        maven { url "https://jitpack.io" }
    }
}

2. 添加依赖

dependencies {
     compile 'com.github.open-android:GuideDialog:0.1.0'
}

Usage

StepDialog.getInstance()
                .setImages(new int[]{R.drawable.new_user_guide_1, R.drawable.new_user_guide_2, R.drawable.new_user_guide_3, R.drawable.new_user_guide_4})
                .show(getFragmentManager());

API

API 释义
setPageTransformer ViewPager切换动画方式,分为DepthPageTransformer和ZoomOutPageTransformer两种方式
setCanceledOnTouchOutside 点击四周是否取消dialog,默认取消
setOutsideIsTransparent 设置背景四周是否透明,调用时需要放到show方法后面

ViewPager的两种切换方式

DepthPageTransformer方式

示例

StepDialog.getInstance()
                        .setImages(new int[]{com.zqg.dialogviewpager.R.drawable.new_user_guide_1, com.zqg.dialogviewpager.R.drawable.new_user_guide_2, com.zqg.dialogviewpager.R.drawable.new_user_guide_3, com.zqg.dialogviewpager.R.drawable.new_user_guide_4})
                        .setPageTransformer(new DepthPageTransformer())
                        .show(getFragmentManager());

ZoomOutPageTransformer方式

示例

StepDialog.getInstance()
                        .setImages(new int[]{com.zqg.dialogviewpager.R.drawable.new_user_guide_1, com.zqg.dialogviewpager.R.drawable.new_user_guide_2, com.zqg.dialogviewpager.R.drawable.new_user_guide_3, com.zqg.dialogviewpager.R.drawable.new_user_guide_4})
                        .setPageTransformer(new ZoomOutPageTransformer())
                        .show(getFragmentManager());
上一篇下一篇

猜你喜欢

热点阅读