ViewPager实现页面滑动效果
.java代码:
package com.example.day9;
import java.util.ArrayList;
import java.util.List;
import android.support.v4.view.ViewPager;
import android.support.v4.view.ViewPager.LayoutParams;
import android.support.v4.view.ViewPager.OnPageChangeListener;
import android.support.v4.view.ViewPager.PageTransformer;
import android.support.v7.app.ActionBarActivity;
import android.os.Bundle;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.ImageView;
import android.widget.LinearLayout;
public class MainActivity extends ActionBarActivity implements OnPageChangeListener,OnClickListener{
private ViewPager viewpager; //页面视图
private List<View> views; //视图列表容器
private int[] Images={R.drawable.av_adblock_count_orange_1,R.drawable.av_adblock_count_orange_2,
R.drawable.av_adblock_count_orange_3,R.drawable.av_adblock_count_orange_4};
private viewpager_adapter adapt; // 适配器
private ImageView[] points;
private LinearLayout ll;
private int currentpoint; // 当前页下标
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
// 实例化
ll=(LinearLayout) findViewById(R.id.ll);
viewpager=(ViewPager) findViewById(R.id.viewpager);
views=new ArrayList<View>();
adapt =new viewpager_adapter(views);
//初始化
initData();
initPoint();
viewpager.setAdapter(adapt); // 设置适配器
viewpager.setOnPageChangeListener(this); //设置页面转换事件监听器
}
//初始化数据
private void initData(){
android.view.ViewGroup.LayoutParams layout=new android.view.ViewGroup.LayoutParams(LayoutParams.WRAP_CONTENT,
LayoutParams.MATCH_PARENT);
for(int i:Images){
ImageView image=new ImageView(this);
image.setImageResource(i);
image.setLayoutParams(layout);
views.add(image);
}
}
//初始化圆点
private void initPoint(){
points=new ImageView[Images.length];
//全部圆点为未选中状态(绿色)
for(int i=0;i<ll.getChildCount();i++){
points[i]=(ImageView) ll.getChildAt(i);
points[i].setImageResource(R.drawable.av_adblock_kuan_blue);
points[i].setOnClickListener(this); //每个点设置单击事件监听器
points[i].setTag(i);
}
currentpoint=0;
points[currentpoint].setImageResource(R.drawable.av_adblock_kuan_orange);
}
/**
* OnPageChangeListener事件的方法
*/
@Override
public void onPageScrollStateChanged(int arg0) {
}
@Override
public void onPageScrolled(int arg0, float arg1, int arg2) {
}
//当新的界面被选中时 调用
@Override
public void onPageSelected(int position) {
for(int i=0;i<ll.getChildCount();i++){
points[i]=(ImageView) ll.getChildAt(i);
points[i].setImageResource(R.drawable.av_adblock_kuan_blue);
}
points[position].setImageResource(R.drawable.av_adblock_kuan_orange);
}
/**
* OnClickListener事件的方法
*/
@Override
public void onClick(View v) {
viewpager.setCurrentItem((Integer) v.getTag());
}
}
.自定义适配器
package com.example.day9;
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 viewpager_adapter extends PagerAdapter {
private List<View> view;
public viewpager_adapter(List<View> views){
this.view=views;
}
// 获得当前界面数
@Override
public int getCount() {
return view.size();
}
//初始化position位置的界面
@Override
public Object instantiateItem(ViewGroup container, int position) {
((ViewPager)container).addView(view.get(position));
return view.get(position);
}
//判断是否由对象生成界面
@Override
public boolean isViewFromObject(View arg0, Object arg1) {
return arg0==arg1;
}
//销毁position位置的界面
@Override
public void destroyItem(ViewGroup container, int position, Object object) {
((ViewPager)container).removeView(view.get(position));
}
}
<FrameLayout 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.day9.MainActivity" >
<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/ll"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:layout_gravity="bottom|center_horizontal"
>
<ImageView
android:id="@+id/imageView1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/av_adblock_kuan_orange"
android:padding="15dip"/>
<ImageView
android:id="@+id/imageView2"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/av_adblock_kuan_blue"
android:padding="15dip"/>
<ImageView
android:id="@+id/imageView3"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/av_adblock_kuan_blue"
android:padding="15dip"/>
<ImageView
android:id="@+id/imageView4"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/av_adblock_kuan_blue"
android:padding="15dip"/>
</LinearLayout>
</FrameLayout>