Android之应用首次使用的欢迎界面实例

标签：

开篇先把使用的项目（调戏糖宝1.0版本）源码，共享给大家，新手勿喷。UI没有学习，使用的是默认的主题样式，等学习玩UI在做更新吧。此次做这个get一项新技能：安卓.9图片制作。这是原来没有接触过的，感觉好高大上的东西。想了解的自行百度吧，就是简单的一些操作。

源码地址：https://git.oschina.net/zhengweishan/Android_robot

后面有时间会陆续开发新的功能。

先转两篇文章：

http://blog.csdn.net/wsscy2004/article/details/7611529

http://blog.csdn.net/x605940745/article/details/23381443

我要实现目的是：

程序安装后第一次启动：

启动页-->功能介绍页（多图）-->系统主页

以后启动:

启动页-->欢迎界面-->系统主页

所以在启动页中判断一下就可以了，可以弄一个文件保存一个状态，推荐用SharedPreferences。

对比两篇博客之后感觉第二篇最适合我，然后拿来就直接用咯，这里也为自己做个记录，原来自己用线程实现过一个

http://my.oschina.net/zhengweishan/blog/370983

只能加载一张图片用户体验不好，所以这次用了这种多图的引导的形式。

主要代码：

package com.example.robot;

import java.util.ArrayList;
import java.util.List;

import com.example.robot.adapter.WelcomePageAdapter;

import android.app.Activity;
import android.content.Context;
import android.content.Intent;
import android.content.SharedPreferences;
import android.content.SharedPreferences.Editor;
import android.os.Bundle;
import android.os.Handler;
import android.support.v4.view.ViewPager;
import android.support.v4.view.ViewPager.OnPageChangeListener;
import android.util.Log;
import android.view.View;
import android.view.ViewGroup;
import android.view.ViewGroup.LayoutParams;
import android.view.ViewTreeObserver.OnPreDrawListener;
import android.view.animation.TranslateAnimation;
import android.widget.ImageView;
import android.widget.ImageView.ScaleType;

public class WelComeActivity extends Activity {

	// 首次使用程序的显示的欢迎图片
	private int[] ids = { R.drawable.welcome_1, R.drawable.welcome_2, R.drawable.welcome_3, R.drawable.welcome_4 };

	private SharedPreferences share;
	private List<View> guides = new ArrayList<View>();
	private ViewPager pager;
	// 底部小图片
	private ImageView curDot;
	// 位移量
	private int offset;
	// 记录当前的位置
	private int curPos = 0;

	private Editor editor;

	@Override
	public void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		share = getSharedPreferences("showWelcome", Context.MODE_PRIVATE);
		editor = share.edit();
		// 判断是否首次登录程序
		if (share.contains("shownum")) {
			setContentView(R.layout.welcomes);
			int num = share.getInt("shownum", 0);
			editor.putInt("shownum", num++);
			editor.commit();
			skipActivity(1);
		} else {
			editor.putInt("shownum", 1);
			editor.commit();
			setContentView(R.layout.welcome);
			initView();
		}

	}

	private void initView() {
		for (int i = 0; i < ids.length; i++) {
			// 创建一个imageView
			ImageView iv = new ImageView(this);
			iv.setImageResource(ids[i]);
			LayoutParams params = new LayoutParams(LayoutParams.MATCH_PARENT, LayoutParams.MATCH_PARENT);
			iv.setLayoutParams(params);
			iv.setScaleType(ScaleType.FIT_XY);
			guides.add(iv);
		}
		curDot = (ImageView) findViewById(R.id.cur_dot);
		// 绑定回调
		curDot.getViewTreeObserver().addOnPreDrawListener(new OnPreDrawListener() {
			public boolean onPreDraw() {
				offset = curDot.getWidth();
				return true;
			}
		});

		// 初始化Adapter
		WelcomePageAdapter adapter = new WelcomePageAdapter(guides);
		pager = (ViewPager) findViewById(R.id.showwelcome_page);
		pager.setAdapter(adapter);
		pager.setOnPageChangeListener(new OnPageChangeListener() {
			public void onPageSelected(int arg0) {
				moveCursorTo(arg0);
				if (arg0 == ids.length - 1) {// 到最后一张了
					skipActivity(2);
				}
				curPos = arg0;
			}

			public void onPageScrolled(int arg0, float arg1, int arg2) {
			}

			public void onPageScrollStateChanged(int arg0) {
			}

		});

	}

	/**
	 * 移动指针到相邻的位置
	 * 
	 * @param position
	 *            指针的索引值
	 */
	private void moveCursorTo(int position) {
		TranslateAnimation anim = new TranslateAnimation(offset * curPos, offset * position, 0, 0);
		anim.setDuration(300);
		anim.setFillAfter(true);
		curDot.startAnimation(anim);
	}

	/**
	 * 延迟多少秒进入主界面
	 * 
	 * @param min
	 *            秒
	 */
	private void skipActivity(int min) {
		new Handler().postDelayed(new Runnable() {

			@Override
			public void run() {
				Intent intent = new Intent(WelComeActivity.this, MainActivity.class);
				startActivity(intent);
				WelComeActivity.this.finish();
			}
		}, 1000 * min);
	}

}

图片加载的Adapter

package com.example.robot.adapter;
import java.util.List;
import android.os.Parcelable;
import android.support.v4.view.PagerAdapter;
import android.support.v4.view.ViewPager;
import android.view.View;
public class WelcomePageAdapter extends PagerAdapter{
private List<View> views;  
    
    public WelcomePageAdapter(List<View> views){  
        this.views=views;  
    }  
      
    @Override  
    public void destroyItem(View arg0, int arg1, Object arg2) {  
        ((ViewPager) arg0).removeView(views.get(arg1));  
    }  
  
    @Override  
    public void finishUpdate(View arg0) {  
    }  
  
    @Override  
    public int getCount() {  
        return views.size();  
    }  
  
    @Override  
    public Object instantiateItem(View arg0, int arg1) {  
        ((ViewPager) arg0).addView(views.get(arg1), 0);  
        return views.get(arg1);  
    }  
  
    @Override  
    public boolean isViewFromObject(View arg0, Object arg1) {  
        return arg0 == (arg1);  
    }  
  
    @Override  
    public void restoreState(Parcelable arg0, ClassLoader arg1) {  
          
    }  
  
    @Override  
    public Parcelable saveState() {  
        return null;  
    }  
  
    @Override  
    public void startUpdate(View arg0) {  
          
    }  
}

Android之应用首次使用的欢迎界面实例

标签：

原文地址：http://my.oschina.net/zhengweishan/blog/488702