延续前面几个的经常用到的ViewPager, 直接加载各种不同的 View
工程目录:
代码:
public class ViewActivity extends Activity { // 每个View的图片 private int[] images = { R.drawable.guide_1,R.drawable.guide_3, R.drawable.guide_5, R.drawable.guide_6, R.drawable.guide_7 }; //所有的View private Listxml 文件list_views = new ArrayList (); private ViewPager pager; private ImageView start; private ImageView curDot; private LinearLayout linear_all_point; // 指示器图标view private int offset; // 位移量 private int nowPosition; // 记录当前的位置 private GuidePagerAdapter adapter; Handler handler = new Handler() { @Override public void handleMessage(Message msg) { switch (msg.what) { case 0: start.setVisibility(View.VISIBLE); break; case 1: start.setVisibility(View.GONE); break; } } }; @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); requestWindowFeature(Window.FEATURE_NO_TITLE); setContentView(R.layout.main); init(); } private ImageView buildImageView(int id){ ImageView iv = new ImageView(this); iv.setImageResource(id); ViewGroup.LayoutParams params = new ViewGroup.LayoutParams( ViewGroup.LayoutParams.FILL_PARENT, ViewGroup.LayoutParams.FILL_PARENT); iv.setLayoutParams(params); iv.setScaleType(ScaleType.FIT_XY); return iv; } //功能介绍界面的初始化 private void init(){ { linear_all_point = (LinearLayout)this.findViewById(R.id.dot_contain); pager = (ViewPager) findViewById(R.id.contentPager); curDot = (ImageView) findViewById(R.id.cur_dot); start = (ImageView) findViewById(R.id.open); } { //初始化点 每个底部小点的指示器哦。 for(int i=0; i< images.length; i++){ ImageView dotView = new ImageView(this); dotView.setImageResource(R.drawable.dot1_w); dotView.setLayoutParams(new LinearLayout.LayoutParams( ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT,1.0f)); linear_all_point.addView(dotView); } } ImageView imageView; //现在的viewpager我往里面塞的是图片,这里你也可以初始化你自己的xml for (int i = 0; i < images.length; i++) { imageView = buildImageView(images[i]); list_views.add(imageView); } //当curDot的所在的树形层次将要被绘出时此方法被调用 curDot.getViewTreeObserver().addOnPreDrawListener( new OnPreDrawListener() { public boolean onPreDraw() { // 获取ImageView的宽度也就是点图片的宽度 offset = curDot.getWidth(); return true; } }); adapter = new GuidePagerAdapter(list_views); // ViewPager设置数据适配器,这个类似于使用ListView时用的adapter pager.setAdapter(adapter); pager.clearAnimation(); // 为Viewpager添加事件监听器 OnPageChangeListener pager.setOnPageChangeListener(new ViewPager.SimpleOnPageChangeListener(){ @Override public void onPageSelected(int position){ //移动下面的小点指示器 moveCursorTo(position); if (position == images.length-1) {// 到最后一张了 handler.sendEmptyMessageDelayed(0, 500); } else if (nowPosition == images.length - 1) { handler.sendEmptyMessageDelayed(1, 100); } nowPosition = position; super.onPageSelected(position); } }); } //指示器 private void moveCursorTo(int position) { AnimationSet animationSet = new AnimationSet(true); TranslateAnimation tAnim = new TranslateAnimation(offset* nowPosition, offset * position, 0, 0); animationSet.addAnimation(tAnim); animationSet.setDuration(10); animationSet.setFillAfter(true); curDot.startAnimation(animationSet); } // ViewPager 适配器 class GuidePagerAdapter extends PagerAdapter{ private List views; public GuidePagerAdapter(List views){ this.views=views; } @Override public void destroyItem(View arg0, int position, Object arg2) { ((ViewPager) arg0).removeView(views.get(position)); } @Override public void finishUpdate(View arg0) { } @Override public int getCount() { return views.size(); } @Override public Object instantiateItem(View arg0, int position) { ((ViewPager) arg0).addView(views.get(position),0); return views.get(position ); } @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){ } } }
图片什么的都自己找吧,老早以前的代码了= =,