viewpager引导页

最新推荐文章于 2021-10-10 16:39:27 发布

X小飞侠

最新推荐文章于 2021-10-10 16:39:27 发布

阅读量259

点赞数

分类专栏：小项目

本文链接：https://blog.csdn.net/baidu_29512909/article/details/48292545

版权

小项目专栏收录该内容

4 篇文章 0 订阅

订阅专栏

项目结构：

3个activity：WelcomeActivity，GuideActivity，MainActivity。

3个对应的布局文件：layout_welcome，layout_guide，activity_main

3张引导图片：one,two,three

layout_welcome：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >

    <ImageView
        android:id="@+id/imageView1"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:src="@drawable/pic_welcome" />

</LinearLayout>

layout_guide:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >

    <android.support.v4.view.ViewPager
        android:id="@+id/viewpager"
        android:layout_width="match_parent"
        android:layout_height="match_parent" >
    </android.support.v4.view.ViewPager>

    <LinearLayout
        android:id="@+id/linearLayout"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true"
        android:gravity="center_horizontal"
        android:orientation="horizontal" >

        <!-- 图片下方的点 -->

        <ImageView
            android:id="@+id/imageView1"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/moon_page_selected" />
        
        <ImageView
            android:id="@+id/imageView2"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/moon_page_unselected" />
        
        <ImageView
            android:id="@+id/imageView3"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/moon_page_unselected" />
    </LinearLayout>
      <!-- 图片按钮点击进入mainactivity -->
    
    <ImageView
        android:id="@+id/iv_turn_to"
        android:layout_width="match_parent"
        android:layout_height="50dp"
         android:layout_marginBottom="80dp"
        android:layout_alignParentBottom="true" />

</RelativeLayout>

activity_main:就一个按钮

WelcomeActivity：

package com.example.popwindow;

import android.app.Activity;
import android.content.Intent;
import android.content.SharedPreferences;
import android.content.SharedPreferences.Editor;
import android.os.Bundle;
import android.os.Handler;
import android.view.Window;

public class WelcomeActivity extends Activity {
	// 判断用户是否是第一次使用该应用
	private boolean isFirstUse = false;
	// 延时时间，用于由欢迎界面进入另外的页面的延时效果
	private static final int TIME = 2 * 1000;
	private static final int TO_MAIN = 100001;
	private static final int TO_GUIDE = 100002;
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		// TODO Auto-generated method stub
		super.onCreate(savedInstanceState);
		requestWindowFeature(Window.FEATURE_NO_TITLE);
		setContentView(R.layout.layout_welcome);
		init();
	}
	//由于不能在主线程中直接延时，所以用一个Handler来处理发送过来的消息
	Handler mHandler = new Handler(){
		public void handleMessage(android.os.Message msg) {
			switch (msg.what) {
			case TO_MAIN:
				Intent i1 = new Intent(WelcomeActivity.this,MainActivity.class);
				startActivity(i1);
				finish();
				break;

			case TO_GUIDE:
				Intent i2 = new Intent(WelcomeActivity.this,GuideActivity.class);
				startActivity(i2);
				finish();
				break;
			}
		};
	};
	private void init() {
		// TODO Auto-generated method stub
		SharedPreferences preferences = getPreferences(MODE_PRIVATE);
		isFirstUse = preferences.getBoolean("isFirstUse", true);
		if(!isFirstUse){
			mHandler.sendEmptyMessageDelayed(TO_MAIN, TIME);
		}else{
			mHandler.sendEmptyMessageDelayed(TO_GUIDE, TIME);
			Editor editor = preferences.edit();
			editor.putBoolean("isFirstUse", false);
			editor.commit();
		}
	}
}

GuideActivity：

package com.example.popwindow;

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

import android.app.Activity;
import android.content.Intent;
import android.os.Bundle;
import android.support.v4.view.PagerAdapter;
import android.support.v4.view.ViewPager;
import android.support.v4.view.ViewPager.OnPageChangeListener;
import android.view.LayoutInflater;
import android.view.View;
import android.view.Window;
import android.view.View.OnClickListener;
import android.widget.Button;
import android.widget.ImageView;

public class GuideActivity extends Activity {
	private List<View> views;
	private ViewPager viewPager;
	private ImageView mImgBtn;
	// 引导界面下面的小点，用于显示当前View是第几个
	private ImageView[] dots;
	private int[] ids = { R.id.imageView1, R.id.imageView2, R.id.imageView3 };

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		// TODO Auto-generated method stub
		super.onCreate(savedInstanceState);
		requestWindowFeature(Window.FEATURE_NO_TITLE);
		setContentView(R.layout.layout_guide);
		initviews();
		mImgBtn = (ImageView) findViewById(R.id.iv_turn_to);
		viewPager = (ViewPager) findViewById(R.id.viewpager);
		viewPager.setAdapter(mAdapter);
		viewPager.setOnPageChangeListener(new OnPageChangeListener() {

			@Override
			public void onPageSelected(int arg0) {
				// TODO Auto-generated method stub
				for (int i = 0; i < ids.length; i++) {
					// 若当前的界面是用户选中的界面，则点设置为选中状态，反之，则为没选中状态
					if (arg0 == i) {
						dots[i].setImageResource(R.drawable.moon_page_selected);
					} else {
						dots[i].setImageResource(R.drawable.moon_page_unselected);
					}

				}

				/**
				 * 当最后一页时为跳转至LoginActivity
				 */
				if (arg0 == ids.length - 1) {

					mImgBtn.setOnClickListener(new OnClickListener() {
						@Override
						public void onClick(View v) {

							Intent it = new Intent(GuideActivity.this,
									MainActivity.class);
							GuideActivity.this.startActivity(it);
							GuideActivity.this.finish();// 结束GuideActivity
						}
					});
				}
			}

			@Override
			public void onPageScrolled(int arg0, float arg1, int arg2) {
				// TODO Auto-generated method stub

			}

			@Override
			public void onPageScrollStateChanged(int arg0) {
				// TODO Auto-generated method stub

			}
		});

	}

	private void initviews() {
		// TODO Auto-generated method stub
		LayoutInflater inflater = getLayoutInflater();
		View view1 = inflater.inflate(R.layout.one, null);
		View view2 = inflater.inflate(R.layout.two, null);
		View view3 = inflater.inflate(R.layout.three, null);
		views = new ArrayList<View>();
		views.add(view1);
		views.add(view2);
		views.add(view3);
		dots = new ImageView[views.size()];
		for (int i = 0; i < views.size(); i++) {
			dots[i] = (ImageView) findViewById(ids[i]);
		}

	}

	PagerAdapter mAdapter = new PagerAdapter() {

		@Override
		public boolean isViewFromObject(View arg0, Object arg1) {
			// TODO Auto-generated method stub
			return arg0 == arg1;
		}

		@Override
		public int getCount() {
			// TODO Auto-generated method stub
			return views.size();
		}
		
		public Object instantiateItem(android.view.ViewGroup container,
				int position) {
			container.addView(views.get(position));
			return views.get(position);
		}

		public void destroyItem(android.view.ViewGroup container, int position,
				Object object) {
			container.removeView(views.get(position));
		}

	};
}

实现一个PagerAdapter，要实现以下几种方法：

instantiateItem(ViewGroup, int)         //实例化
destroyItem(ViewGroup, int, Object)   //销毁
getCount()                                     //获取总数 
isViewFromObject(View, Object)         //用于确认instantiateItem是否返回了和关键对象有关的Page视图

MainActivity: 这是一个popupwindow的练习

package com.example.popwindow;

import android.app.ActionBar.LayoutParams;
import android.app.Activity;
import android.content.Context;
import android.graphics.drawable.BitmapDrawable;
import android.os.Bundle;
import android.view.Gravity;
import android.view.LayoutInflater;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.Window;
import android.widget.Button;
import android.widget.PopupWindow;

public class MainActivity extends Activity {
	private Button mButton;
	private PopupWindow mPopupWindow;

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		requestWindowFeature(Window.FEATURE_NO_TITLE);
		setContentView(R.layout.activity_main);

		mButton = (Button) findViewById(R.id.bt_upload);
		mButton.setOnClickListener(new OnClickListener() {

			@Override
			public void onClick(View v) {
				// TODO Auto-generated method stub
				View contentView = getLayoutInflater().inflate(
						R.layout.popwindowbg, null);
				mPopupWindow = new PopupWindow(contentView,
						LayoutParams.MATCH_PARENT, LayoutParams.WRAP_CONTENT);
				Button btnPhoto = (Button) contentView
						.findViewById(R.id.bt_takep);// 拍照
				Button btnImage = (Button) contentView
						.findViewById(R.id.bt_chosep);// 图库
				Button btnCancel = (Button) contentView
						.findViewById(R.id.bt_cancel);// 取消

				// 获得焦点，点击mPopupWindow以外的地方，窗体消失，contentView里的button要在最上面
				mPopupWindow.setFocusable(true);
				mPopupWindow.setBackgroundDrawable(new BitmapDrawable());
				mPopupWindow.setOutsideTouchable(true);

				mPopupWindow.showAtLocation(contentView, Gravity.BOTTOM
						| Gravity.CENTER_VERTICAL, 0, 0);
				// mPopupWindow.showAsDropDown(v);
				btnCancel.setOnClickListener(new OnClickListener() {

					@Override
					public void onClick(View v) {
						// TODO Auto-generated method stub
						mPopupWindow.dismiss();
					}
				});
			}
		});

	}

}

顺便给出popupwindow的布局：

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context="com.example.popwindow.MainActivity" >

    <Button
        android:id="@+id/bt_takep"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:layout_centerHorizontal="true"
        android:background="@drawable/bt_seletor"
        android:text="拍照"
        android:textColor="#0066FF" />

    <Button
        android:id="@+id/bt_chosep"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentLeft="true"
        android:layout_below="@+id/bt_takep"
        android:background="@drawable/bt_seletor"
        android:text="相册"
        android:textColor="#0066FF" />

    <Button
        android:id="@+id/bt_cancel"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignLeft="@+id/bt_chosep"
        android:layout_below="@+id/bt_chosep"
        android:layout_marginTop="24dp"
        android:background="@drawable/bt_seletor"
        android:text="取消"
        android:textColor="#0066FF" />

</RelativeLayout>

button的背景

bt_bg_nor：

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" >
    <corners 
        android:topLeftRadius="5dp"
        android:topRightRadius="5dp"
        />
	<solid android:color="#EAEAEA"/>
	<stroke 
	    android:width="2dp"
	    android:color="#CCCCCC"
	    />
</shape>

bt_bg_press：

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" >
    <corners 
        android:topLeftRadius="5dp"
        android:topRightRadius="5dp"
        />
	<solid android:color="#CCCCCC"/>
	<stroke 
	    android:width="2dp"
	    android:color="#CCCCCC"
	    />
</shape>

还有一个选择器 bt_selector：

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android" >
    <item android:state_pressed="false" android:drawable="@drawable/bt_bg_nor"></item>
	<item android:state_pressed="true" android:drawable="@drawable/bt_bg_press"></item>
</selector>

X小飞侠

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
viewpager引导页

项目结构：3个activity：WelcomeActivity，GuideActivity，MainActivity。3个对应的布局文件：layout_welcome，layout_guide，activity_main3张引导图片：one,two,threelayout_welcome：<LinearLayout xmlns:android="http://schema
复制链接

扫一扫

专栏目录