ViewPager实现引导页 ViewPager实现漂亮的引导页
钻石VIP 人气:0想了解ViewPager实现漂亮的引导页的相关内容吗,钻石VIP在本文为您仔细讲解ViewPager实现引导页的相关知识和一些Code实例,欢迎阅读和指正,我们先划重点:ViewPager,引导页,下面大家一起来学习吧。
废话就不多说了,直接上效果图和代码
fry.Activity01
package fry; import java.util.ArrayList; import java.util.Collection; import java.util.Iterator; import java.util.List; import java.util.ListIterator; import com.example.viewPager.R; import android.app.Activity; import android.os.Bundle; import android.support.v4.view.ViewPager; import android.support.v4.view.ViewPager.OnPageChangeListener; import android.view.View; import android.view.View.OnClickListener; import android.view.ViewGroup.LayoutParams; import android.widget.ImageView; import android.widget.LinearLayout; public class Activity01 extends Activity implements OnPageChangeListener,OnClickListener{ private ViewPager viewPager; private List<View> views;//用来存放放进ViewPager里面的ImageView private int[] imageID;// private ImagePagerAdapter adapter;//适配器 private LinearLayout linearLayout; private int currentPoint;//当前被选中中页面的下标 @Override protected void onCreate(Bundle savedInstanceState) { // TODO Auto-generated method stub super.onCreate(savedInstanceState); setContentView(R.layout.activity01); initData(); initView(); } //初始化view void initView(){ adapter=new ImagePagerAdapter(views); viewPager=(ViewPager) findViewById(R.id.viewPager); viewPager.setAdapter(adapter); linearLayout=(LinearLayout) findViewById(R.id.linearLayout); initPoint(); viewPager.setOnPageChangeListener(this); } //初始化数据 void initData(){ //将图片的id全部放到imageID集合中 imageID=new int[]{R.drawable.guide1,R.drawable.guide2,R.drawable.guide3,R.drawable.guide4}; views=new ArrayList<View>(); //给iamgeView设置LayoutParams参数 LayoutParams layoutParams=new LayoutParams(LayoutParams.MATCH_PARENT, LayoutParams.MATCH_PARENT); for(int i:imageID){ //不确定1 ImageView imageView=new ImageView(this); imageView.setImageResource(i); imageView.setLayoutParams(layoutParams); views.add(imageView); } } /* * 初始化页面下方的点 */ private void initPoint(){ ImageView[] imageView=new ImageView[imageID.length]; for(int i=0;i<linearLayout.getChildCount();i++){ imageView[i]=(ImageView) linearLayout.getChildAt(i); imageView[i].setImageResource(R.drawable.point_normal); imageView[i].setOnClickListener(this); imageView[i].setTag(i); } currentPoint=0; imageView[currentPoint].setImageResource(R.drawable.point_select); } /* * 将页面下方的点全部置为未选中状态 */ private ImageView[] clearPoint(){ ImageView[] imageView=new ImageView[imageID.length]; for(int i=0;i<linearLayout.getChildCount();i++){ imageView[i]=(ImageView) linearLayout.getChildAt(i); imageView[i].setImageResource(R.drawable.point_normal); } return imageView; } @Override public void onPageScrollStateChanged(int arg0) { // TODO Auto-generated method stub } @Override public void onPageScrolled(int arg0, float arg1, int arg2) { // TODO Auto-generated method stub } /* * 页面被选中时候执行的方法 * (non-Javadoc) * @see android.support.v4.view.ViewPager.OnPageChangeListener#onPageSelected(int) */ @Override public void onPageSelected(int position) { // TODO Auto-generated method stub ImageView[] imageView= clearPoint(); imageView[position].setImageResource(R.drawable.point_select); } //小圆点点击事件 @Override public void onClick(View v) { // TODO Auto-generated method stub int i=(Integer) v.getTag(); viewPager.setCurrentItem(i); } }
fry.ImagePagerAdapter
package fry; import java.util.ArrayList; import java.util.List; import android.support.v4.view.PagerAdapter; import android.support.v4.view.ViewPager; import android.view.View; import android.view.ViewGroup; public class ImagePagerAdapter extends PagerAdapter{ private List<View> views; public ImagePagerAdapter(List<View> views) { this.views=views; } @Override public int getCount() { // TODO Auto-generated method stub return this.views.size(); } /** * position是在viewPager中显示图片的位置 * 我对应的图片放到对应的位置就好了 * instantiateItem和destroyItem是对应的 * 一个是创建item,一个是销毁item */ @Override public Object instantiateItem(ViewGroup container, int position) { ((ViewPager)container).addView(views.get(position)); return views.get(position); } @Override public boolean isViewFromObject(View arg0, Object arg1) { // TODO Auto-generated method stub return arg0==arg1; } @Override public void destroyItem(ViewGroup container, int position, Object object) { ((ViewPager)container).removeView(views.get(position)); } }
/viewPager/res/layout/activity01.xml
<?xml version="1.0" encoding="utf-8"?> <FrameLayout 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="wrap_content" android:layout_height="wrap_content" android:orientation="horizontal" android:layout_gravity="bottom|center" > <ImageView android:id="@+id/point1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@drawable/point_select" android:padding="25dip" /> <ImageView android:id="@+id/point2" android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@drawable/point_normal" android:padding="25dip" /> <ImageView android:id="@+id/point3" android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@drawable/point_normal" android:padding="25dip" /> <ImageView android:id="@+id/point4" android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@drawable/point_normal" android:padding="25dip" /> </LinearLayout> </FrameLayout>
1、多个控件(这里指小圆点)可以用List来一起访问
2、可用动态的控件设置tag来区分控件
加载全部内容