首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >羊皮书APP(Android版)开发系列(五)APP引导页实现

羊皮书APP(Android版)开发系列(五)APP引导页实现

作者头像
热心的程序员
发布2018-08-30 10:42:03
5090
发布2018-08-30 10:42:03
举报
文章被收录于专栏:编程之路编程之路

APP开发中,引导页展示通常是必不可少的,用来展示产品。github上有一个引导页的库,个人感觉不错,就拿来使用,地址:AppIntro

  • 导入AppIntro库的方法(两种):
    1. 方法一: 到github上下载AppIntro,解压,将library文件夹拷贝到自己项目的根目录下,重命名为app____intro____library,在settings.gradle文件中添加:include ':app',':app_____intro____library',在build.gradle文件中添加: compile project(':app_____intro____library'),重新编译后即可使用。
    2. 方法二: 直接在 build.gradle文件中添加如下代码:
repositories {
    mavenCentral()
}
dependencies {
  compile 'com.github.paolorotolo:appintro:3.4.0'
}
  • AppIntro的使用:
  • 新建SlideFragment,展示介绍页面,代码如下:
package cn.studyou.parchment.fragment;

import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;

/**
 * 基本功能:引导页Fragment
 * 创建:王杰
 * 创建时间:16/3/7
 * 邮箱:w489657152@gmail.com
 */
public class SlideFragment extends Fragment {
    private static final String ARG_LAYOUT_RES_ID = "layoutResId";

    public static SlideFragment newInstance(int layoutResId) {
        SlideFragment slideFragment = new SlideFragment();

        Bundle args = new Bundle();
        args.putInt(ARG_LAYOUT_RES_ID, layoutResId);
        slideFragment.setArguments(args);

        return slideFragment;
    }

    private int layoutResId;

    public SlideFragment() {}

    @Override
    public void onCreate( Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);

        if(getArguments() != null && getArguments().containsKey(ARG_LAYOUT_RES_ID))
            layoutResId = getArguments().getInt(ARG_LAYOUT_RES_ID);
    }

    @Override
    public View onCreateView(LayoutInflater inflater,  ViewGroup container,  Bundle savedInstanceState) {
        return inflater.inflate(layoutResId, container, false);
    }
}
  • 新建AppIntroActivity继承自AppIntro,代码如下:
package cn.studyou.parchment.activity;

import android.os.Bundle;

import com.github.paolorotolo.appintro.AppIntro;

import cn.studyou.parchment.R;
import cn.studyou.parchment.fragment.SlideFragment;
import cn.studyou.parchment.log.L;
import cn.studyou.parchment.utils.IntentUtil;

public class AppIntroActivity extends AppIntro {

    @Override
    public void init(Bundle savedInstanceState) {

        addSlide(SlideFragment.newInstance(R.layout.intro1));
        addSlide(SlideFragment.newInstance(R.layout.intro2));
        addSlide(SlideFragment.newInstance(R.layout.intro3));
        addSlide(SlideFragment.newInstance(R.layout.intro4));
        setBarColor(getResources().getColor(R.color.green));
        setSeparatorColor(getResources().getColor(R.color.colorAccent));
        setVibrateIntensity(30);
        setSkipText(getString(R.string.skip));
        setDoneText(getString(R.string.enter));
    }

    private void startMain(){
        startActivity(IntentUtil.getLauncherIntent().setClass(getApplicationContext(),MainActivity.class));
        finish();
    }
    @Override
    public void onSkipPressed() {
        L.e("onSkipPressed");
        startMain();
    }

    @Override
    public void onDonePressed() {
        L.e("onDonePressed");
        startMain();
    }

    @Override
    public void onSlideChanged() {
        L.e("onSlideChanged");
    }

    @Override
    public void onNextPressed() {
        L.e("onNextPressed");
    }
}
  • R.layout.intro1布局文件是你想要展示的APP介绍的页面。
  • 启动APP设置跳转到此Activity即可查看效果。

layout2.png

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2016.03.18 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档