Android ViewPager 사용 요약

11603 단어 AndroidViewPager
한 창 에 tab 메 모 를 추가 하고 메모지 전환 을 완성 하여 페이지 전환 을 실현 합 니 다.이러한 장점 은 같은 창 에 여러 페이지 가 있 는 것 입 니 다.이 페이지 들 은 같은 창의 자원 을 공유 하고 여러 창 을 사용 하여 이 기능 을 더욱 원활 하 게 실현 할 수 있 습 니 다!
주로 생 성 되 는 클래스 파일 은 activity,n 개 view,adapter,사용자 정의 ViewPager,n+1 개의 레이아웃 파일 이 있 습 니 다.
demo 에 사용 할 파일

단계:
액 티 비 티 생 성

package com.example.myviewpager;

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

import android.app.Activity;
import android.content.Context;
import android.graphics.Color;
import android.os.Bundle;
import android.support.v4.view.ViewPager;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.TextView;
/**
 *    
 * @author cgx
 *
 */
public class MainActivity extends Activity implements OnClickListener {

 private Context mContext;
 private MyViewPager mPager;//     
 private MyViewPagerAdapter pagerAdapter = null;
 private TextView t1, t2, t3;//     
 private List<View> pageList = new ArrayList<View>();
 private View1 mView1;
 private View2 mView2;
 private View3 mView3;

 @Override
 protected void onCreate(Bundle savedInstanceState) {
 super.onCreate(savedInstanceState);
 setContentView(R.layout.activity_main);
 mContext = this;
 initViews();
 initEvents();
 initViewPager();
 }

 private void initViews() {
 // TODO Auto-generated method stub
 
 t1 = (TextView) findViewById(R.id.text1);
 t2 = (TextView) findViewById(R.id.text2);
 t3 = (TextView) findViewById(R.id.text3);
 mPager = (MyViewPager) findViewById(R.id.vPager);
 //   ViewPager     
 //mPager.setCanScroll(false);
 //          ,          
 t1.setBackgroundColor(Color.parseColor("#FFFF00"));
 t2.setBackgroundColor(Color.parseColor("#FFFFFF"));
 t3.setBackgroundColor(Color.parseColor("#FFFFFF"));
 }

 private void initEvents() {
 // TODO Auto-generated method stub
 t1.setOnClickListener(this);
 t2.setOnClickListener(this);
 t3.setOnClickListener(this);
 }

 private void initViewPager() {
 // TODO Auto-generated method stub

 pageList.clear();

 if (mView1 == null) {
  mView1 = new View1(mContext);
 }

 if (mView2 == null) {
  mView2 = new View2(mContext);
 }

 if (mView3 == null) {
  mView3 = new View3(mContext);
 }

 pageList.add(mView1.getView());
 pageList.add(mView2.getView());
 pageList.add(mView3.getView());

 pagerAdapter = new MyViewPagerAdapter(pageList);
 //     ,          ,         ,       1,    
 mPager.setOffscreenPageLimit(2);
 mPager.setAdapter(pagerAdapter);
 //   Page     
 mPager.setOnPageChangeListener(onPageChangeListener);
 }

 /**
 * SimpleOnPageChangeListener.        viewpager                     tab     
 * 。      viewpager actionbar    ,         。
 */
 ViewPager.SimpleOnPageChangeListener onPageChangeListener = new ViewPager.SimpleOnPageChangeListener() {
 @Override
 public void onPageSelected(int position) {
  /**
  * setSelectedNavigationItem       ActionBar   tab .
  *          SLidingMenu      ,   ViewPager        ,            ,
  *           ,    Menu .
  */
  initTab(position);
 }

 //        
 private void initTab(int position) {
  // TODO Auto-generated method stub
  if (position == 0) {
  t1.setBackgroundColor(Color.parseColor("#FFFF00"));
  t2.setBackgroundColor(Color.parseColor("#FFFFFF"));
  t3.setBackgroundColor(Color.parseColor("#FFFFFF"));

  } else if (position == 1) {
  t1.setBackgroundColor(Color.parseColor("#FFFFFF"));
  t2.setBackgroundColor(Color.parseColor("#FFFF00"));
  t3.setBackgroundColor(Color.parseColor("#FFFFFF"));
  } else {
  t1.setBackgroundColor(Color.parseColor("#FFFFFF"));
  t2.setBackgroundColor(Color.parseColor("#FFFFFF"));
  t3.setBackgroundColor(Color.parseColor("#FFFF00"));
  }
 }
 };

 @Override
 public void onClick(View v) {
 // TODO Auto-generated method stub
 switch (v.getId()) {

 case R.id.text1://        
  mPager.setCurrentItem(0, false);
  break;
 case R.id.text2://        
  mPager.setCurrentItem(1, false);
  break;
 case R.id.text3://        
  mPager.setCurrentItem(2, false);
  break;
 default:
  break;
 }
 }

}

사용자 정의 MyViewPager

package com.example.myviewpager;

import android.content.Context;
import android.support.v4.view.ViewPager;
import android.util.AttributeSet;
import android.view.MotionEvent;

/**
 *          ,     isCanScroll               
 */
public class MyViewPager extends ViewPager {
 /**          ,     */
 private boolean isCanScroll = true;

 public MyViewPager(Context context, AttributeSet attrs) {
 super(context, attrs);
 }

 public MyViewPager(Context context) {
 super(context);
 }

 public boolean isCanScroll() {
 return isCanScroll;
 }

 /**            */
 public void setCanScroll(boolean isCanScroll) {
 this.isCanScroll = isCanScroll;
 }

 @Override
 public void scrollTo(int x, int y) {
 super.scrollTo(x, y);
 }

 //          
 @Override
 public boolean onTouchEvent(MotionEvent arg0) {
 if (!isCanScroll)
  return true;
 return super.onTouchEvent(arg0);
 }

 @Override
 public boolean onInterceptTouchEvent(MotionEvent arg0) {

 return super.onInterceptTouchEvent(arg0);
 }

 @Override
 public void setCurrentItem(int item, boolean smoothScroll) {
 super.setCurrentItem(item, smoothScroll);
 }

 @Override
 public void setCurrentItem(int item) {
 super.setCurrentItem(item);
 }

}

어댑터:

package com.example.myviewpager;

import java.util.List;

import android.support.v4.view.PagerAdapter;
import android.view.View;
import android.view.ViewGroup;
/**
 * viewpager   
 * */
public class MyViewPagerAdapter extends PagerAdapter{

 
  private List<View> mListViews; 
  
  public MyViewPagerAdapter(List<View> mListViews) { 
    this.mListViews = mListViews;//    ,        ,       
  }
  
  @Override 
  public void destroyItem(ViewGroup container, int position, Object object)  {   
    container.removeView(mListViews.get(position));//     
  } 

  @Override 
  public Object instantiateItem(ViewGroup container, int position) { //           
    container.addView(mListViews.get(position), 0);//     
    return mListViews.get(position);
  } 
 
  @Override 
  public int getCount() {      
    return mListViews.size();//        
  } 
     
  @Override 
  public boolean isViewFromObject(View arg0, Object arg1) {       
    return arg0==arg1;//       
  }

}

첫 번 째 뷰

package com.example.myviewpager;

import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;

/**
 *    
 * @author cgx
 *
 */
public class View1 {

 private Context mContext;
 private View rootView;
 public View1(Context mContext) {
 // TODO Auto-generated constructor stub
 this.mContext=mContext;
 //    
 rootView = LayoutInflater.from(mContext).inflate(
  R.layout.view1_layout, null);
 }
 
 public View getView(){
 return rootView;
 }
 
}

activity 레이아웃 파일

<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"
  android:orientation="vertical"
  >
 <LinearLayout
    android:id="@+id/linearLayout1"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:background="#FFFFFF" >

    <TextView
      android:id="@+id/text1"
      android:layout_width="fill_parent"
      android:layout_height="fill_parent"
      android:layout_weight="1.0"
      android:gravity="center"
      android:text="  1"
      android:textColor="#000000"
      android:textSize="20sp" />

    <TextView
      android:id="@+id/text2"
      android:layout_width="fill_parent"
      android:layout_height="fill_parent"
      android:layout_weight="1.0"
      android:gravity="center"
      android:text="  2"
      android:textColor="#000000"
      android:textSize="20sp" />

    <TextView
      android:id="@+id/text3"
      android:layout_width="fill_parent"
      android:layout_height="fill_parent"
      android:layout_weight="1.0"
      android:gravity="center"
      android:text="  3"
      android:textColor="#000000"
      android:textSize="20sp" />
  </LinearLayout>
   <com.example.myviewpager.MyViewPager
    android:id="@+id/vPager"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="center"
    android:layout_weight="1.0"
    android:background="#000000"
    android:flipInterval="30"
     />
 

</LinearLayout>

View 1 레이아웃

<?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:background="#123456" >
</LinearLayout>
프레젠테이션 에 사용 되 기 때문에 view 의 레이아웃 은 서로 다른 배경 색 으로 만 구분 되 고 개발 에서 구체 적 으로 보 여줄 레이아웃 은 view 의 레이아웃 파일 에서 직접 고 칠 수 있 습 니 다.demo 의 view 는 모두 첫 번 째 를 참고 하여 쓴 것 입 니 다.유사 합 니 다.
총화
실제 개발 에서 공식 적 으로 많은 api 를 제 공 했 지만 진정 으로 자신 이 사용 해 야 할 때 까지 기 다 렸 다가 습관 에 따라 다시 포장 하여 자신의 도구 가 되 었 습 니 다.그러면 나중에 바로 사용 할 수 있 습 니 다.위의 예 는 제 가 실습 기간 에 정리 한 것 입 니 다.추 한 점 은 용서해 주 십시오.여러분 의 지적 을 환영 합 니 다.같이 공부 합 시다(^ ^)
코드 링크:http://pan.baidu.com/s/1pJAF6Gz
이상 은 바로 Android ViewPager 에 대한 자 료 를 정리 하고 관련 자 료 를 계속 보충 하 는 것 입 니 다.본 사이트 에 대한 여러분 의 지지 에 감 사 드 립 니 다!

좋은 웹페이지 즐겨찾기