欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

Android應(yīng)用中使用ViewPager實現(xiàn)類似QQ的界面切換效果

 更新時間:2016年03月23日 10:50:11   作者:vampirecarter  
這篇文章主要介紹了Android應(yīng)用中使用ViewPager實現(xiàn)類似QQ的界面切換效果的示例,文中的例子重寫了PagerAdapter,并且講解了如何解決Android下ViewPager和PagerAdapter中調(diào)用notifyDataSetChanged失效的問題,需要的朋友可以參考下

這幾天在研究ViewPager,簡單的寫一下如何使用ViewPager實現(xiàn)類似于QQ的“最近聯(lián)系人、好友、群組”的界面切換(不知道他們是不是用這個方法實現(xiàn)的)。
ViewPager已經(jīng)在android-sdk中加入了,具體的位置在%android_sdk_home%\android-compatibility\v4,%android_sdk_home%是你的android-sdk-windows目錄。

好,下面放一張效果圖:

2016323104647071.png (480×800)

步驟一:新建一個工程,我的是Viewpager
步驟二:導(dǎo)入jar包
具體如下:
右鍵工程--Properties--單擊左側(cè)Java Build Path--單擊右側(cè)Libraries標(biāo)簽--單擊右側(cè)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> 

步驟四:編寫三個要添加進(jìn)來的界面
界面都很簡單,隨便寫的
界面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 需要設(shè)置該Adapter才能實現(xiàn)添加界面, 
   * 該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(); 
     
    /** 
     * 添加進(jìn)來三個界面到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,在回調(diào)的方法中可以完成其他的事情,例如處理一些界面標(biāo)簽的轉(zhuǎn)換之類的,如果你有標(biāo)簽欄的話 
     */ 
    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的位置,目前我還不知道,這個也是從網(wǎng)上找了一個方法看到的。

2、在初始化List的時候,里面包含的內(nèi)容是一個個的View元素,在我的了解范圍內(nèi)有兩種方法
第一種就是通過添加Window的getDecorView()來得到一個View;
第二種就是通過LayoutInflater,從xml中生成一個View。
需要注意的是,第一種方法,需要主類繼承自ActivityGroup,這樣才能在添加時使用getLocalActivityManager以及之后的方法,需要生成的Activity,例如本例中的Layout1Activity,要在AndroidManifest.xml中聲明。

/** 
 * 添加進(jìn)來三個界面到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的方法來啟動,需要添加進(jìn)來的幾個Activity,是一起在加入時就初始化的,可以通過在onCreate()方法中打LOG看出來。

PS:如何解決Android下ViewPager和PagerAdapter中調(diào)用notifyDataSetChanged失效的問題
具體講解如下:
Google在Android 3.0SDK中推出的ViewPager控件很大程度上滿足了開發(fā)者開發(fā)頁面左右移動切換的功能,使用非常方便。但是使用中發(fā)現(xiàn),在刪除或者修改數(shù)據(jù)的時候,PagerAdapter無法像BaseAdapter那樣僅通過notifyDataSetChanged方法通知刷新View。
最基本的方法:
針對于child view比較簡單的情況(例如僅有TextView、ImageView等,沒有ListView等展示數(shù)據(jù)的情況),可以在自己的Adapter中加入代碼:

@Override  
public int getItemPosition(Object object) {  
  return POSITION_NONE;  
}  

這樣既可達(dá)到一般情況下要求的效果。
存在的問題:
這不是PagerAdapter中的Bug,通常情況下,調(diào)用notifyDataSetChanged方法會讓ViewPager通過Adapter的getItemPosition方法查詢一遍所有child view,這種情況下,所有child view位置均為POSITION_NONE,表示所有的child view都不存在,ViewPager會調(diào)用destroyItem方法銷毀,并且重新生成,加大系統(tǒng)開銷,并在一些復(fù)雜情況下導(dǎo)致邏輯問題。特別是對于只是希望更新child view內(nèi)容的時候,造成了完全不必要的開銷。
更有效地方法:
更為靠譜的方法是因地制宜,根據(jù)自己的需求來實現(xiàn)notifyDataSetChanged的功能,比如,在僅需要對某個View內(nèi)容進(jìn)行更新時,在instantiateItem()時,用View.setTag方法加入標(biāo)志,在需要更新信息時,通過findViewWithTag的方法找到對應(yīng)的View進(jìn)行更新即可。

相關(guān)文章

  • Android中如何使用Glide加載圖像

    Android中如何使用Glide加載圖像

    大家好,本篇文章主要講的是Android中如何使用Glide加載圖像,感興趣的同學(xué)趕快來看一看吧,對你有幫助的話記得收藏一下
    2022-01-01
  • Flutter自定義Appbar搜索框效果

    Flutter自定義Appbar搜索框效果

    這篇文章主要為大家詳細(xì)介紹了Flutter自定義Appbar搜索框,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2021-06-06
  • Android實現(xiàn)掃雷小游戲

    Android實現(xiàn)掃雷小游戲

    這篇文章主要為大家詳細(xì)介紹了Android實現(xiàn)掃雷小游戲,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2020-11-11
  • Flutter使用Overlay與ColorFiltered新手引導(dǎo)實現(xiàn)示例

    Flutter使用Overlay與ColorFiltered新手引導(dǎo)實現(xiàn)示例

    這篇文章主要介紹了Flutter使用Overlay與ColorFiltered新手引導(dǎo)實現(xiàn)示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪
    2022-10-10
  • Android之Gallery使用例子

    Android之Gallery使用例子

    本篇文章主要介紹了Android之Gallery使用例子,Gallery用來顯示圖片列表,具有一定的參考價值,感興趣的小伙伴們可以參考一下。
    2017-01-01
  • Android編程之selector下設(shè)置背景屬性值的方法

    Android編程之selector下設(shè)置背景屬性值的方法

    這篇文章主要介紹了Android編程之selector下設(shè)置背景屬性值的方法,結(jié)合實例形式分析了Android的selector背景選擇器相關(guān)使用技巧,需要的朋友可以參考下
    2016-01-01
  • Android實現(xiàn)九宮格解鎖

    Android實現(xiàn)九宮格解鎖

    根據(jù)最近Android項目需要,實現(xiàn)九宮格解鎖效果,下面小編給大家分享了具體實現(xiàn)代碼,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2015-12-12
  • Android ScrollView嵌套ExpandableListView顯示不正常的問題的解決辦法

    Android ScrollView嵌套ExpandableListView顯示不正常的問題的解決辦法

    這篇文章主要介紹了Android ScrollView嵌套ExpandableListView顯示不正常的問題的解決辦法的相關(guān)資料,需要的朋友可以參考下
    2017-02-02
  • UI 開源組件Flutter圖表范圍選擇器使用詳解

    UI 開源組件Flutter圖表范圍選擇器使用詳解

    這篇文章主要為大家介紹了UI 開源組件Flutter圖表范圍選擇器使用詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪
    2022-08-08
  • Android 短信驗證碼自動填寫

    Android 短信驗證碼自動填寫

    這篇文章主要介紹了Android 短信驗證碼自動填寫的相關(guān)資料,需要的朋友可以參考下
    2017-06-06

最新評論