android---(ViewPager)

//activity类：
/**
* viewPager 组件的使用
*/
public class ViewPages extends AppCompatActivity implements ViewPager.OnPageChangeListener {

private ViewPager viewPager;
private PagerTabStrip pagerTabStrip;

//视图的标题
private String[] titles = {"小人", "小孩", "天空"};

//用于装布局用的
private ArrayList<View> views = new ArrayList<View>();

@Override
protected void onCreate(Bundle savdInstanceState) {
super.onCreate(savdInstanceState);
setContentView(R.layout.activity_view_pages);

//获取viewpager布局
viewPager = (ViewPager) findViewById(R.id.viewPager);

//获取tab 布局
pagerTabStrip = (PagerTabStrip) findViewById(R.id.pagertab);

//初始化视图布局
initViews();

//添加适配器
viewPager.setAdapter(new MyPagerAdapter());

//设置默认显示的选项卡
viewPager.setCurrentItem(2);

viewPager.setOnPageChangeListener(this);
}

private void initViews() {

views.add(getLayoutInflater().inflate(R.layout.layout1, null));
views.add(getLayoutInflater().inflate(R.layout.layout2, null));
views.add(getLayoutInflater().inflate(R.layout.layout3, null));

//选项卡背景颜色
pagerTabStrip.setBackgroundColor(getResources().getColor(android.R.color.holo_blue_bright));

pagerTabStrip.setTabIndicatorColor(getResources().getColor(android.R.color.holo_blue_dark));
pagerTabStrip.setTextColor(Color.WHITE);

}

@Override
public void onPageScrolled(int position, float positionOffset, int positionOffsetPixels) {

}

@Override
public void onPageSelected(int position) {
Toast.makeText(this, "当前选中的" + position, Toast.LENGTH_SHORT).show();
}

@Override
public void onPageScrollStateChanged(int state) {

}

class MyPagerAdapter extends PagerAdapter {

@Override
public int getCount() {
return views.size();
}

//实例化选项卡
@Override
public Object instantiateItem(ViewGroup container, int position) {
View v = views.get(position);
return v;
}

//删除选项卡
@Override
public void destroyItem(ViewGroup container, int position, Object object) {
container.removeView(views.get(position));
}

//选项卡标题
@Override
public CharSequence getPageTitle(int position) {
return titles[position];
}

//提高视图利用率
@Override
public boolean isViewFromObject(View view, Object object) {
return view == object;
}
}

}

//布局建立3个，分别放入一个图片显示组件ImageView

//主布局：
<LinearLayout 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"
tools:context="com.example.zhangjianbin.myapplication.ViewPages">

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

<!--像选项卡哪样的效果-->
<android.support.v4.view.PagerTabStrip
android:id="@+id/pagertab"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="top"
/>
</android.support.v4.view.ViewPager>

</LinearLayout>