Android應用中使用ViewPager實現類似QQ的界面切換效果
這幾天在研究ViewPager，簡單的寫一下如何使用ViewPager實現類似于QQ的“最近聯系人、好友、群組”的界面切換（不知道他們是不是用這個方法實現的）。
ViewPager已經在android-sdk中加入了，具體的位置在%android_sdk_home%\android-compatibility\v4，%android_sdk_home%是你的android-sdk-windows目錄。
好，下面放一張效果圖：
步驟一：新建一個工程，我的是Viewpager
步驟二：導入jar包
具體如下：
右鍵工程--Properties--單擊左側Java Build Path--單擊右側Libraries標簽--單擊右側Add External Jars--選擇上面描述位置的jar包，保存
步驟三：編寫一個主界面，加入android.support.v4.view.ViewPager組件
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:orientation="vertical" >
<TextView
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:text="@string/hello" />
<android.support.v4.view.ViewPager
android:id="@+id/mViewPager"
android:layout_width="fill_parent"
android:layout_height="wrap_content"
/>
</LinearLayout>
步驟四：編寫三個要添加進來的界面
界面都很簡單，隨便寫的
界面1
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:background="#ff0000"
android:orientation="vertical" >
<Button
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:text="layout1" />
</LinearLayout>
界面2
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:background="#00ff00"
android:orientation="vertical" >
<TextView
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:text="layout2" />
</LinearLayout>
界面3
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="fill_parent"
android:layout_height="fill_parent"
android:background="#0000ff"
android:orientation="vertical" >
<TextView
android:layout_width="fill_parent"
android:layout_height="wrap_content"
android:text="layout3" />
</LinearLayout>
步驟五：編寫主類，我的名字是叫ViewpagerActivity
package com.carter.viewpager;
import java.util.ArrayList;
import java.util.List;
import java.util.zip.Inflater;
import android.app.Activity;
import android.app.ActivityGroup;
import android.content.Intent;
import android.os.Bundle;
import android.support.v4.view.PagerAdapter;
import android.support.v4.view.ViewPager;
import android.support.v4.view.ViewPager.OnPageChangeListener;
import android.util.Log;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
public class ViewpagerActivity extends ActivityGroup {
/**
* 能夠支持滑動的組件
*/
ViewPager mViewPager;
/**
* ViewPager 需要設置該Adapter才能實現添加界面，
* 該Adapter繼承自PagerAdapter
*/
MyPagerAdapter adapter;
/**
* 用于保存三個界面
*/
List<View> list;
/**
* 用于生成界面
*/
LayoutInflater mInflater;
/** Called when the activity is first created. */
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
mInflater = this.getLayoutInflater();
/**
* 添加進來三個界面到List，用于初始化PagerAdapter
*/
list = new ArrayList<View>();
list.add(this.getLocalActivityManager().startActivity("layout1", new Intent(ViewpagerActivity.this, Layout1Activity.class)).getDecorView());
list.add(mInflater.inflate(R.layout.layout2, null));
list.add(mInflater.inflate(R.layout.layout3, null));
mViewPager = (ViewPager)findViewById(R.id.mViewPager);
adapter = new MyPagerAdapter(list);
mViewPager.setAdapter(adapter);
/**
* 為ViewPager添加PageChangeListener，在回調的方法中可以完成其他的事情，例如處理一些界面標簽的轉換之類的，如果你有標簽欄的話
*/
mViewPager.setOnPageChangeListener(new OnPageChangeListener() {
@Override
public void onPageSelected(int arg0) {
// TODO Auto-generated method stub
Log.i("carter", "onPageSelected");
}
@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
}
});
}
class MyPagerAdapter extends PagerAdapter
{
List<View> mList;
public MyPagerAdapter(List<View> list){
mList = list;
}
@Override
public int getCount() {
// TODO Auto-generated method stub
return mList.size();
}
@Override
public boolean isViewFromObject(View arg0, Object arg1) {
// TODO Auto-generated method stub
return arg0 == (arg1);
}
@Override
public void destroyItem(View container, int position, Object object) {
// TODO Auto-generated method stub
((ViewPager)container).removeView(mList.get(position));
}
@Override
public Object instantiateItem(View container, int position) {
// TODO Auto-generated method stub
((ViewPager)container).addView(mList.get(position), 0);
return mList.get(position);
}
@Override
public void finishUpdate(ViewGroup container) {
// TODO Auto-generated method stub
super.finishUpdate(container);
}
}
}
代碼解讀：
1、在上面重寫了PagerAdapter，在里面最重要的方法就是
@Override
public Object instantiateItem(View container, int position) {
// TODO Auto-generated method stub
((ViewPager)container).addView(mList.get(position), 0);
return mList.get(position);
}
具體為什么每次都是addView到0的位置，目前我還不知道，這個也是從網上找了一個方法看到的。
2、在初始化List的時候，里面包含的內容是一個個的View元素，在我的了解范圍內有兩種方法
第一種就是通過添加Window的getDecorView（）來得到一個View；
第二種就是通過LayoutInflater，從xml中生成一個View。
需要注意的是，第一種方法，需要主類繼承自ActivityGroup，這樣才能在添加時使用getLocalActivityManager以及之后的方法，需要生成的Activity，例如本例中的Layout1Activity，要在AndroidManifest.xml中聲明。
/**
* 添加進來三個界面到List，用于初始化PagerAdapter
*/
list = new ArrayList<View>();
list.add(this.getLocalActivityManager().startActivity("layout1", new Intent(ViewpagerActivity.this, Layout1Activity.class)).getDecorView());
list.add(mInflater.inflate(R.layout.layout2, null));
list.add(mInflater.inflate(R.layout.layout3, null));
3、如果只是從xml生成View來添加的話，完全可以移除繼承ActivityGroup。
4、如果使用startActivity的方法來啟動，需要添加進來的幾個Activity，是一起在加入時就初始化的，可以通過在onCreate（）方法中打LOG看出來。
PS：如何解決Android下ViewPager和PagerAdapter中調用notifyDataSetChanged失效的問題
具體講解如下：
Google在Android 3.0SDK中推出的ViewPager控件很大程度上滿足了開發(fā)者開發(fā)頁面左右移動切換的功能，使用非常方便。但是使用中發(fā)現，在刪除或者修改數據的時候，PagerAdapter無法像BaseAdapter那樣僅通過notifyDataSetChanged方法通知刷新View。
最基本的方法：
針對于child view比較簡單的情況（例如僅有TextView、ImageView等，沒有ListView等展示數據的情況），可以在自己的Adapter中加入代碼：
@Override
public int getItemPosition(Object object) {
return POSITION_NONE;
}
這樣既可達到一般情況下要求的效果。
存在的問題：
這不是PagerAdapter中的Bug，通常情況下，調用notifyDataSetChanged方法會讓ViewPager通過Adapter的getItemPosition方法查詢一遍所有child view，這種情況下，所有child view位置均為POSITION_NONE，表示所有的child view都不存在，ViewPager會調用destroyItem方法銷毀，并且重新生成，加大系統(tǒng)開銷，并在一些復雜情況下導致邏輯問題。特別是對于只是希望更新child view內容的時候，造成了完全不必要的開銷。
更有效地方法：
更為靠譜的方法是因地制宜，根據自己的需求來實現notifyDataSetChanged的功能，比如，在僅需要對某個View內容進行更新時，在instantiateItem()時，用View.setTag方法加入標志，在需要更新信息時，通過findViewWithTag的方法找到對應的View進行更新即可。
相關文章
對于已經ROOT的手機來說的沒有任何安全性可以，一旦被利用將會導致數據庫數據的泄漏，本篇文章主要介紹了Android數據存儲之SQLCipher數據庫加密，具有一定的參考價值，有需要的可以了解一下。2016-12-12
單例模式，可以說是GOF的23種設計模式中最簡單的一個。接下來通過本文給大家實例講解android設計模式系列之單例模式的相關知識，感興趣的朋友一起看看吧2016-09-09
Android開發(fā)Flutter?桌面應用窗口化實戰(zhàn)示例
這篇文章主要為大家介紹了Android開發(fā)Flutter?桌面應用窗口化實戰(zhàn)示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-09-09
這篇文章主要介紹了使用Timer實現網頁勻速加載的進度條樣式，在使用WebView加載網頁時有時候網速等原因加載比較慢時，影響用戶的體驗度，今天小編給大家分享使用timer實現網頁勻速加載的進度條樣式，需要的的朋友參考下吧2017-01-01
下面我們就以實現手勢識別的onFling動作，在CwjView中我們從View類繼承，當然大家可以從TextView等更高層的界面中實現觸控，感興趣的朋友可以了解下哈2013-06-06
android2.3.5 CDMA/EVDO撥號APN解決方案
google提供的android2.3里面，只能在GSM/WCDMA情況下才能從“設置”->“無線和網絡”->“移動網絡”->“接入點名稱”中選擇不同的apn帳號進行撥號連接，而CDMA/EVDO則沒有這個功能,接下來本文介紹一些方法實現這個功能，感興趣的朋友可以了解下2013-01-01
本篇文章給大家分享了Android 獲取手機中微信聊天記錄的詳細步驟和操作方法，有需要的朋友可以學習參考下。2018-05-05
本篇文章主要介紹了android自定義view之模擬qq消息拖拽刪除效果，實現主要依靠了PATH和二階貝塞爾曲線，想要了解的小伙伴可以參考下。2017-03-03
這篇文章主要為大家詳細介紹了Android實現圖片點擊放大，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-10-10
這篇文章主要介紹了Android開發(fā)實現消除屏幕鎖的方法,結合實例形式較為詳細的分析了Android鎖屏的原理及消除屏幕鎖的相關操作技巧,需要的朋友可以參考下2017-09-09