①添加三个page页面
②主页面布局代码
<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.support.v4.view.ViewPager
android:id="@+id/viewpager"
android:layout_width="fill_parent"
android:layout_height="fill_parent" >
</android.support.v4.view.ViewPager>
<LinearLayout
android:id="@+id/layout"
android:layout_width="fill_parent"
android:layout_height="60dp"
android:layout_alignParentBottom="true"
android:gravity="center"
android:orientation="horizontal" >
</LinearLayout>
</RelativeLayout>
|
③主页面代码
package com.example.viewpagerdemo2;
import java.util.ArrayList;
import java.util.List;
import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentActivity;
import android.support.v4.app.FragmentManager;
import android.support.v4.app.FragmentPagerAdapter;
import android.support.v4.view.ViewPager;
import android.support.v4.view.ViewPager.OnPageChangeListener;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.LinearLayout.LayoutParams;
public class ViewPager2Activity extends FragmentActivity {
private ViewPager viewPager;
private List<Fragment> list;
private FragmentManager manager;
private ImageView[] images = null;
private LinearLayout layout = null;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_view_pager2);
layout = (LinearLayout) findViewById(R.id.layout);
viewPager = (ViewPager) findViewById(R.id.viewpager);
list = new ArrayList<Fragment>();
list.add(new Fragment1());
list.add(new Fragment2());
list.add(new Fragment3());
manager = getSupportFragmentManager();
MyFragmentAdapter adapter = new MyFragmentAdapter(manager);
viewPager.setAdapter(adapter);
images = new ImageView[list.size()];
for (int i = 0; i < images.length; i++) {
images[i] = new ImageView(this);
images[i].setLayoutParams(new LayoutParams(27, 27));
images[i].setPadding(20, 0, 20, 0);
if (i == 0) {
images[i].setBackgroundResource(R.drawable.dot);
} else {
images[i].setBackgroundResource(R.drawable.dot_1);
}
layout.addView(images[i]);
}
viewPager.setOnPageChangeListener(new OnPageChangeListener() {
@Override
public void onPageSelected(int position) {
for (int i = 0; i < images.length; i++) {
images[i].setBackgroundResource(R.drawable.dot_1);
if (i == position) {
// 当你显示的页面等于position时,把所对应的点变大
images[i].setBackgroundResource(R.drawable.dot);
}
}
}
@Override
// positionOffset:记录从右往左拖动的百分比(0%--100%)
// positionOffsetPixsls:像素(0--800)
public void onPageScrolled(int position, float positionOffset,
int positionOffsetPixsls) {
System.out.println("positionOffset-->" + positionOffset * 100
+ "positionOffsetPixsls-->" + positionOffsetPixsls);
}
@Override
// 记录状态
/*
*
* @see android.support.v4.view.ViewPager.OnPageChangeListener#
* onPageScrollStateChanged(int)
*/
public void onPageScrollStateChanged(int arg0) {
System.out.println("arg0-->" + arg0);
}
});
}
class MyFragmentAdapter extends FragmentPagerAdapter {
public MyFragmentAdapter(FragmentManager fm) {
super(fm);
}
@Override
public Fragment getItem(int position) {
return list.get(position);
}
@Override
public int getCount() {
return list.size();
}
}
}
|
④三个类分别连接页面
package com.example.viewpagerdemo2;
import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
public class Fragment1 extends Fragment {
@Override
public View onCreateView(LayoutInflater inflater, ViewGroup container,
Bundle savedInstanceState) {
return
inflater.inflate(R.layout.page1, container, false);
}
}
|
⑤效果
第一页
第二页
第三页