ViewPagerの使い方

5151 ワード

図を見てください.
ViewPager的使用方法_第1张图片          ViewPager的使用方法_第2张图片
ページに埋め込まれている内容は、ランダムなキーワードがアニメーション効果に飛び込んだり飛び出したりして、その後更新されますので、今は無視してください
---2015-02-27---
2年后についに更新して、ネット上ですべて探し当てることができて、しようがなくてあまりに怠惰ですhttp://blog.csdn.net/onlyonecoder/article/details/43965695
-----------
まずjarパッケージのダウンロードアドレス:android-support-v 4をインポートします.jar
レイアウトファイルにviewPagerレイアウトを追加
        <android.support.v4.view.ViewPager
            android:id="@+id/search_viewpager"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_gravity="center" >
        </android.support.v4.view.ViewPager>

2つのitemレイアウトを作成してViewPagerに埋め込む
それからActivityになって、主に左右のスライドを書いてページを切り替えて、もう1つの小さいピクチャーはページを切り替えて変位するアニメーションの効果に従います
public class SearchAllcityActivity extends Activity {

	private KeywordsFlow keywordsFlow;
	private ViewPager viewPager;
	private ImageView imageView;
	private List<View> lists = new ArrayList<View>();
	private ViewPagerAdapter adapter;
	private Bitmap cursor;
	private int offSet;
	private int currentItem;
	private Matrix matrix = new Matrix();
	private int bmWidth;
	private Animation animation;
	private Button shuaxin_sq, shuaxin_fl;

	public void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.search_allcity);

		//        
		imageView = (ImageView) findViewById(R.id.viewpaget_img);
		//                viewPager  
		lists.add(getLayoutInflater().inflate(R.layout.search_hot_shangqu, null));
		lists.add(getLayoutInflater().inflate(R.layout.search_hot_fenlei, null));
		//          
		initeCursor();
		adapter = new ViewPagerAdapter(lists);
		viewPager = (ViewPager) findViewById(R.id.search_viewpager);
		viewPager.setAdapter(adapter);
		// ViewPager     
		viewPager.setOnPageChangeListener(new ViewPager.OnPageChangeListener() {
			
			@Override
			public void onPageSelected(int arg0) {
				// TODO Auto-generated method stub
				//     ,   imageView   animation     
				switch (arg0) {
				case 0:
					if (currentItem == 1) {
						animation = new TranslateAnimation(offSet * 2 + bmWidth, 0, 0,0);
					} else if (currentItem == 2) {
						animation = new TranslateAnimation(offSet * 4 + 2 * bmWidth, 0,0, 0);
					}
					
					break;
				case 1:
					if (currentItem == 0) {
						animation = new TranslateAnimation(0, offSet * 2 + bmWidth, 0,0);
					} else if (currentItem == 2) {
						animation = new TranslateAnimation(4 * offSet + 2 * bmWidth,offSet * 2 + bmWidth, 0, 0);
					}
					
					
					break;
				}
				currentItem = arg0;
				animation.setDuration(500);
				animation.setFillAfter(true);
				imageView.startAnimation(animation);

			}
			
			@Override
			public void onPageScrolled(int arg0, float arg1, int arg2) {
				// TODO Auto-generated method stub
				
			}
			
			@Override
			public void onPageScrollStateChanged(int arg0) {
				// TODO Auto-generated method stub
				
			}
		});
		
	}

	
	/**
	 *           
	 */
	private void initeCursor() {
		cursor = BitmapFactory.decodeResource(getResources(),R.drawable.viewpager_img);
		bmWidth = cursor.getWidth();
		DisplayMetrics dm;
		dm = getResources().getDisplayMetrics();
		offSet = (dm.widthPixels - 2 * bmWidth) / 4;
		matrix.setTranslate(offSet, 0);
		imageView.setImageMatrix(matrix); //   iamgeView scaleType matrix
		currentItem = 0;
	}

}

最後に、ViewPagerのAdapterを忘れてはいけません
public class ViewPagerAdapter extends PagerAdapter{

    List<View> viewLists;
    
    public ViewPagerAdapter(List<View> lists)
    {
        viewLists = lists;
    }

    @Override
    public int getCount() {                                                                 //  size
        // TODO Auto-generated method stub
        return viewLists.size();
    }

    @Override
    public boolean isViewFromObject(View arg0, Object arg1) {                         
        // TODO Auto-generated method stub
        return arg0 == arg1;
    }
    
    @Override
    public void destroyItem(View view, int position, Object object)                       //  Item
    {
        ((ViewPager) view).removeView(viewLists.get(position));
    }
    
    @Override
    public Object instantiateItem(View view, int position)                                //   Item
    {
        ((ViewPager) view).addView(viewLists.get(position), 0);
        
        return viewLists.get(position);
    }
    
}