效果:
ViewPage來源於android -support.v4
-
什么是viewPage？
ViewPage 類似於ListView 用於顯示多個View集合. 支持頁面左右滑動. -
如何使用viewPage以及需要注意點?
ViewPage 需要Adapter:
PagerAdapter 有四個重要方法:
(1) void destroyItem(ViewGroup container, int position, Object object): 銷毀
(2)Object instantiateItem(ViewGroup container, int position) : 添加View
(3) int getCount() : 獲得View總是
(4) boolean isViewFromObject(View view, Object obj) : View比較監聽器: addOnPageChangeListener :頁面發生改變
(1) void onPageSelected(int position) :View進行切換 :position 新的頁面位置
(2) void onPageScrolled(int arg0, float arg1, int arg2) :頁面正在滾動的時候[滑動偏移信息]，回調
(3) void onPageScrollStateChanged(int arg0) :頁面狀態發生變化的時候，回調
ListView 因為使用相同的View，所以采用復用。
而ViewPage ,是基於View ,子類有許多不同，所以要注銷.
public Object instantiateItem(ViewGroup container, int position) {
// TODO Auto-generated method stub
View view= imageVisws.get(position % images.length);
container.removeView(view); // 重復加入會引起異常
container.addView(view);
return view;
導致異常:java.lang.IllegalStateException The specified child already has a parent. You must call removeView()
原因: 被加入的View 有父類， 所以添加到另外一個集合中之前，必須清除父類.
}
activity_activityad.xml
<?xml version="1.0" encoding="utf-8"?> <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:paddingBottom="@dimen/activity_vertical_margin" android:paddingLeft="@dimen/activity_horizontal_margin" android:paddingRight="@dimen/activity_horizontal_margin" android:paddingTop="@dimen/activity_vertical_margin" tools:context="com.example.chenshuai.test322.Activityad"> <!--ViewPager--> <android.support.v4.view.ViewPager android:layout_width="match_parent" android:layout_height="match_parent" android:id="@+id/viewpage"> <!--PagerTitleStrip加標題--> <android.support.v4.view.PagerTitleStrip android:layout_width="match_parent" android:layout_height="wrap_content"> </android.support.v4.view.PagerTitleStrip> </android.support.v4.view.ViewPager> </LinearLayout>
layout_ad1.xml
<?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"> <ImageView android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@drawable/coco" /> </LinearLayout>
layout_ad2.xml
<?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"> <ImageView android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@drawable/df" /> </LinearLayout>
layout_ad3.xml
<?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"> <ImageView android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@drawable/hh" /> </LinearLayout>
activityad.java
package com.example.chenshuai.test322; import android.content.Context; import android.os.Bundle; import android.support.v4.view.PagerAdapter; import android.support.v4.view.ViewPager; import android.support.v7.app.AppCompatActivity; import android.view.LayoutInflater; import android.view.View; import android.view.ViewGroup; import java.util.ArrayList; import java.util.List; public class Activityad extends AppCompatActivity { private ViewPager viewPager; private List<View> content; private LayoutInflater inflater; private List<String> title; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_activityad); viewPager = (ViewPager)findViewById(R.id.viewpage); //准備數據 content = new ArrayList<View>(); //inflater = LayoutInflater.from(this); inflater = getLayoutInflater(); /** * 添加內容content */ content.add(inflater.inflate(R.layout.layout_ad1,null)); content.add(inflater.inflate(R.layout.layout_ad2,null)); content.add(inflater.inflate(R.layout.layout_ad3,null)); /** * 添加每個內容對應的標題title */ title = new ArrayList<String>(); title.add("體育新聞"); title.add("娛樂新聞"); title.add("軍事新聞"); viewPager.setAdapter(new viewadapter(this,content,title)); } public class viewadapter extends PagerAdapter { private Context context; private List<View> content; private List<String> title; //重寫構造方法，加圖片，加標題 public viewadapter(Context context, List<View> content, List<String> title) { this.context = context; this.content = content; this.title = title; } // 必須 1- 獲取要滑動的控件的數量，在這里我們以滑動的廣告欄為例，那么這里就應該是展示的廣告圖片的ImageView數量 @Override public int getCount() { return content.size(); } //實現標題的方法 @Override public CharSequence getPageTitle(int position) { return title.get(position); } //必須 2- 來判斷顯示的是否是同一張圖片，這里我們將兩個參數相比較返回即可 @Override public boolean isViewFromObject(View view, Object object) { return view == object; } //必須 3- PagerAdapter只緩存三張要顯示的圖片，如果滑動的圖片超出了緩存的范圍，就會調用這個方法，將圖片銷毀 @Override public void destroyItem(ViewGroup container, int position, Object object) { ((ViewPager)container).removeView(content.get(position)); //super.destroyItem(container, position, object); } //必須 4- // 當要顯示的圖片可以進行緩存的時候，會調用這個方法進行顯示圖片的初始化， // 我們將要顯示的ImageView加入到ViewGroup中，然后作為返回值返回即可 @Override public Object instantiateItem(ViewGroup container, int position) { ((ViewPager)container).addView(content.get(position)); return content.get(position); } } }