ViewPage控件

最新推荐文章于 2021-08-07 03:47:46 发布

weixin_34074740

最新推荐文章于 2021-08-07 03:47:46 发布

阅读量123

点赞数

文章标签：移动开发 python java

原文链接：https://my.oschina.net/qiuhoude/blog/301291

版权

2019独角兽企业重金招聘Python工程师标准>>>

ViewPage标签：

使用android.support.v4.view.ViewPager 包为了更好兼容低版本。‍

<android.support.v4.view.ViewPager
        android:id="@+id/pager"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center" >
        
         <android.support.v4.view.PagerTabStrip
            android:id="@+id/tab"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="top" >
        </android.support.v4.view.PagerTabStrip>
        
</android.support.v4.view.ViewPager>
<!--android.support.v4.view.PagerTitleStrip和android.support.v4.view.PagerTabStrip用法和显示一样的 -->

将Layout布局转换成View对象

LayoutInflater if = getLayoutInflater().from(this);
if.inflate(resoure,root);
View.inflate(context,resoure,root);

需要用到的适配器：

PagerAdapter 数据源：List<View> 每次只3个3个进行加载view，比如现在显示的页面是 2,3,4 那么1个页面就会被destroyItem()方法销毁掉

FragmentPagerAdapter 数据源：List<Fragmemt> 一次加载全部的Fragment

FragmentStatePagerAdapter 数据源：List<Frament> 跟PagerAdapter 一样，每次也只会动态3个3个进行加载。

贴上代码例子

布局文件 main.xml

<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=".MainActivity" >
    
      <android.support.v4.view.ViewPager
        android:id="@+id/pager"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center" >

        <android.support.v4.view.PagerTabStrip
            android:id="@+id/tab"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="top" >
        </android.support.v4.view.PagerTabStrip>
        
    </android.support.v4.view.ViewPager>
    
</LinearLayout>

view1.xml 依次建立 view2 view3 view4

<?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" 
    android:gravity="center_vertical"
    >

     <TextView
        android:id="@+id/textView1"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:gravity="center_horizontal"
        android:background="#9cc300"
        android:text=" 第一个页面" />

</LinearLayout>

activity写法

package com.example.viewpage;

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

import com.example.viewpage.adapter.MyFragmentPageAdapter;
import com.example.viewpage.adapter.MyPageAdpter;
import com.example.viewpage.fragment.MyFragment1;
import com.example.viewpage.fragment.MyFragment2;
import com.example.viewpage.fragment.MyFragment3;
import com.example.viewpage.fragment.MyFragment4;

import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentActivity;
import android.support.v4.view.PagerTabStrip;
import android.support.v4.view.ViewPager;
import android.support.v4.view.ViewPager.OnPageChangeListener;
import android.view.View;
import android.widget.Toast;
import android.R.string;
import android.app.Activity;
import android.graphics.Color;

public class MainActivity extends FragmentActivity implements OnPageChangeListener{

	private List<View> viewList; //数据源
	private ViewPager viewPager ;
	private List<String> titleList;
	private PagerTabStrip tab;
	private List<Fragment> fragList;//数据源

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.main);
		viewPager = (ViewPager) findViewById(R.id.pager);
		tab = (PagerTabStrip) findViewById(R.id.tab);
		
		viewList = new ArrayList<View>();
		titleList = new ArrayList<String>();
		fragList = new ArrayList<Fragment>();
		//加载View
		View view1 = View.inflate(this, R.layout.view1, null);
		View view2 = View.inflate(this, R.layout.view2, null);
		View view3 = View.inflate(this, R.layout.view3, null);
		View view4 = View.inflate(this, R.layout.view4, null);
		
		viewList.add(view1);
		viewList.add(view2);
		viewList.add(view3);
		viewList.add(view4);
		
		fragList.add(new MyFragment1());
		fragList.add(new MyFragment2());
		fragList.add(new MyFragment3());
		fragList.add(new MyFragment4());
		
		//加载title
		titleList.add("第1页");
		titleList.add("第2页");
		titleList.add("第3页");
		titleList.add("第4页");
		
		//设置PagerTabStrip的属性
		tab.setBackgroundColor(Color.YELLOW);
		tab.setTextColor(Color.GREEN);
		tab.setDrawFullUnderline(false);//长线不显示
		tab.setTabIndicatorColor(Color.BLUE);
		MyPageAdpter myPageAdpter = new MyPageAdpter(viewList,titleList);
		MyFragmentPageAdapter fragmentPageAdapter = new MyFragmentPageAdapter(getSupportFragmentManager(), fragList, titleList);
		viewPager.setAdapter(fragmentPageAdapter);
		viewPager.setOnPageChangeListener(this);
	}
	@Override
	public void onPageScrollStateChanged(int arg0) {
	}
	@Override
	public void onPageScrolled(int arg0, float arg1, int arg2) {
	}

	/**
	 * 监听当前选择的页面
	 */
	@Override
	public void onPageSelected(int arg0) {
		Toast.makeText(this, "当前页数"+(arg0+1) , Toast.LENGTH_SHORT).show();
	}

}

三种Adapter的写法

package com.example.viewpage.adapter;

import java.util.List;

import android.support.v4.view.PagerAdapter;
import android.view.View;
import android.view.ViewGroup;

public class MyPageAdpter extends PagerAdapter{
	
	private List<View> viewList;
	private List<String> titleList;
	
	public MyPageAdpter(List<View> viewList,List<String> titleList) {
		super();
		this.viewList = viewList;
		this.titleList = titleList;
	}

	/**
	 * 返回页卡的数量
	 */
	@Override
	public int getCount() {
		return viewList.size();
	}

	/**
	 * view是否来自于对象
	 */
	@Override
	public boolean isViewFromObject(View view, Object arg1) {
		
		return view == arg1;
	}

	
	/**
	 * 实例化一个页卡
	 */
	@Override
	public Object instantiateItem(ViewGroup container, int position) {
		container.addView(viewList.get(position));
		return viewList.get(position);
	}
	
	/**
	 * 销毁一个页卡
	 */
	@Override
	public void destroyItem(ViewGroup container, int position, Object object) {
		container.removeView(viewList.get(position));
	}

	/**
	 * 设置vierpager页卡的标题
	 */
	@Override
	public CharSequence getPageTitle(int position) {
		return titleList.get(position);
	}
	
	
	
}

package com.example.viewpage.adapter;

import java.util.List;

import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentManager;
import android.support.v4.app.FragmentPagerAdapter;

public class MyFragmentPageAdapter extends FragmentPagerAdapter{

	private List<Fragment> fragList;
	private List<String> titleList;
	
	
	public MyFragmentPageAdapter(FragmentManager fm,List<Fragment> fragList, List<String> titleList) {
		super(fm);
		this.fragList =fragList;
		this.titleList =titleList;
	}

	@Override
	public Fragment getItem(int position) {
		return fragList.get(position);
	}

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

	@Override
	public CharSequence getPageTitle(int position) {
		
		return titleList.get(position);
	}
}

package com.example.viewpage.adapter;

import java.util.List;

import android.support.v4.app.Fragment;
import android.support.v4.app.FragmentManager;
import android.support.v4.app.FragmentStatePagerAdapter;
import android.view.ViewGroup;

public class MyFragmentStatePageAdapter extends FragmentStatePagerAdapter{

	private List<Fragment> fragList;
	private List<String> titleList;
	
	public MyFragmentStatePageAdapter(FragmentManager fm,List<Fragment> fragList, List<String> titleList) {
		super(fm);
		this.fragList =fragList;
		this.titleList =titleList;
	}

	@Override
	public Fragment getItem(int position) {
		return fragList.get(position);
	}

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

	@Override
	public Object instantiateItem(ViewGroup arg0, int arg1) {
		return super.instantiateItem(arg0, arg1);
	}

	@Override
	public void destroyItem(ViewGroup container, int position, Object object) {
		super.destroyItem(container, position, object);
	}
	
}

建立Fragment1 再依次创建3个

package com.example.viewpage.fragment;

import com.example.viewpage.R;

import android.os.Bundle;
import android.support.v4.app.Fragment;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;

public class MyFragment1 extends Fragment{

	@Override
	public View onCreateView(LayoutInflater inflater, ViewGroup container,
			Bundle savedInstanceState) {
		return inflater.inflate(R.layout.view1, container, false);
	}
	
}

转载于:https://my.oschina.net/qiuhoude/blog/301291