Home

Awesome

一行代码实现ofo app首次注册时的步骤控件

stepdialog

欢迎关注微信公众号

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

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

2. 添加依赖

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

Usage

ItHeiMaDialog.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释义
setPageTransformerViewPager切换动画方式,分为DepthPageTransformer和ZoomOutPageTransformer两种方式
setCanceledOnTouchOutside点击四周是否取消dialog,默认取消
setOutsideIsTransparent设置背景四周是否透明,调用时需要放到show方法后面

ViewPager的两种切换方式

DepthPageTransformer方式

示例

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

t1

ZoomOutPageTransformer方式

示例

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

t1