AndroidUI設(shè)計(jì)與開發(fā)之ViewPager怎么用-創(chuàng)新互聯(lián)

這篇文章主要介紹了Android UI設(shè)計(jì)與開發(fā)之ViewPager怎么用,具有一定借鑒價(jià)值,感興趣的朋友可以參考下,希望大家閱讀完這篇文章之后大有收獲,下面讓小編帶著大家一起了解一下。

成都創(chuàng)新互聯(lián)公司專注為客戶提供全方位的互聯(lián)網(wǎng)綜合服務(wù),包含不限于成都做網(wǎng)站、網(wǎng)站制作、秦安網(wǎng)絡(luò)推廣、微信小程序開發(fā)、秦安網(wǎng)絡(luò)營(yíng)銷、秦安企業(yè)策劃、秦安品牌公關(guān)、搜索引擎seo、人物專訪、企業(yè)宣傳片、企業(yè)代運(yùn)營(yíng)等,從售前售中售后,我們都將竭誠(chéng)為您服務(wù),您的肯定,是我們大的嘉獎(jiǎng);成都創(chuàng)新互聯(lián)公司為所有大學(xué)生創(chuàng)業(yè)者提供秦安建站搭建服務(wù),24小時(shí)服務(wù)熱線:18980820575,官方網(wǎng)址:muchs.cn

一、ViewPager實(shí)現(xiàn)的效果圖

 Android UI設(shè)計(jì)與開發(fā)之ViewPager怎么用 

二、ViewPager實(shí)現(xiàn)的功能

看到上面的效果圖,想必大家已經(jīng)猜出了這個(gè)類是干嗎用的了,ViewPager類提供了多界面切換的新效果,
新效果有如下特征:
<1>當(dāng)前顯示一組界面中的其中一個(gè)界面;
<2>當(dāng)用戶通過左右滑動(dòng)界面時(shí),當(dāng)前的屏幕顯示當(dāng)前界面和下一個(gè)界面的一部分;
<3>滑動(dòng)結(jié)束后,界面自動(dòng)跳轉(zhuǎn)到當(dāng)前選擇的界面中。 

三、ViewPager詳細(xì)說明

這是谷歌官方給我們提供的一個(gè)兼容低版本安卓設(shè)備的軟件包,里面包囊了只有在安卓3.0以上可以使用的api。而viewpager就是其中之一利用它,我們可以做很多事情,從最簡(jiǎn)單的導(dǎo)航,到頁面菜單等等。那如何使用它呢,與LisstView類似,我們也需要一個(gè)適配器,他就是PagerAdapter??匆幌翧PI的圖片:       

Android UI設(shè)計(jì)與開發(fā)之ViewPager怎么用

四、ViewPager的使用

既然我們已經(jīng)知道了ViewPager類的功能和介紹,那么這個(gè)類到底怎么使用呢?這里我們分三個(gè)步驟來使用它:
1、在住布局文件里加入。

<android.support.v4.view.ViewPager  //注意這個(gè)組件是用來顯示左右滑動(dòng)的界面的,如果不加載xml布局文件,他是不會(huì)顯示內(nèi)容的。  
 android:id="@+id/viewpager"  
 android:layout_width="wrap_content"  
 android:layout_height="wrap_content"  
 android:layout_gravity="center" >

2、加載要顯示的頁卡。

LayoutInflater lf = getLayoutInflater().from(this);  
    view1 = lf.inflate(R.layout.layout1, null);  
    view2 = lf.inflate(R.layout.layout2, null);  
    view3 = lf.inflate(R.layout.layout3, null);  
  
    viewList = new ArrayList<View>();// 將要分頁顯示的View裝入數(shù)組中   
    viewList.add(view1);  
    viewList.add(view2);  
    viewList.add(view3);

3、在Activity里實(shí)例化ViewPager組件,并設(shè)置它的Adapter(就是PagerAdapter,方法與ListView一樣的),在這里一般需要重寫PagerAdapter。

PagerAdapter pagerAdapter = new PagerAdapter() {  
  
      @Override  
      public boolean isViewFromObject(View arg0, Object arg1) {  
  
        return arg0 == arg1;  
      }  
  
      @Override  
      public int getCount() {  
  
        return viewList.size();  
      }  
  
      @Override  
      public void destroyItem(ViewGroup container, int position,  
          Object object) {  
        container.removeView(viewList.get(position));  
  
      }  
  
      @Override  
      public int getItemPosition(Object object) {  
  
        return super.getItemPosition(object);  
      }  
  
      @Override  
      public CharSequence getPageTitle(int position) {  
  
        return titleList.get(position);  
      }  
  
      @Override  
      public Object instantiateItem(ViewGroup container, int position) {  
        container.addView(viewList.get(position));  
        weibo_button=(Button) findViewById(R.id.button1);  
        weibo_button.setOnClickListener(new OnClickListener() {  
            
          public void onClick(View v) {  
            intent=new Intent(ViewPagerDemo.this,WeiBoActivity.class);  
            startActivity(intent);  
          }  
        });  
        return viewList.get(position);  
      }  
  
    };  
    viewPager.setAdapter(pagerAdapter);

這是重寫PagerAdapter的一個(gè)方法,我們還可以這樣做:

public class MyViewPagerAdapter extends PagerAdapter{  
    private List<View> mListViews;  
      
    public MyViewPagerAdapter(List<View> mListViews) {  
      this.mListViews = mListViews;//構(gòu)造方法,參數(shù)是我們的頁卡,這樣比較方便。   
    }  
  
    @Override  
    public void destroyItem(ViewGroup container, int position, Object object)  {    
      container.removeView(mListViews.get(position));//刪除頁卡   
    }   
  
    @Override  
    public Object instantiateItem(ViewGroup container, int position) { //這個(gè)方法用來實(shí)例化頁卡      
       container.addView(mListViews.get(position), 0);//添加頁卡   
       return mListViews.get(position);  
    }  
  
    @Override  
    public int getCount() {       
      return mListViews.size();//返回頁卡的數(shù)量   
    }  
      
    @Override  
    public boolean isViewFromObject(View arg0, Object arg1) {        
      return arg0==arg1;//官方提示這樣寫   
    }  
  }

從上面的圖片可以看到,ViewPager的適配器是PagerAdapter,它是基類提供適配器來填充頁面ViewPager內(nèi)部,你很可能想要使用一個(gè)更具體的實(shí)現(xiàn),如FragmentPagerAdapter或FragmentStatePagerAdapter。在這里需要說明一下,其實(shí)ViewPager應(yīng)該和Fragment一起使用,至少谷歌官方是這么想的,但是在3.0之下,我們沒有必要這么做。下面要注意,當(dāng)你實(shí)現(xiàn)一個(gè)PagerAdapter,你必須至少覆蓋以下方法:

instantiateItem(ViewGroup, int)
destroyItem(ViewGroup, int, Object)
getCount()
isViewFromObject(View, Object)

感謝你能夠認(rèn)真閱讀完這篇文章,希望小編分享的“Android UI設(shè)計(jì)與開發(fā)之ViewPager怎么用”這篇文章對(duì)大家有幫助,同時(shí)也希望大家多多支持創(chuàng)新互聯(lián),關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道,更多相關(guān)知識(shí)等著你來學(xué)習(xí)!

網(wǎng)站標(biāo)題:AndroidUI設(shè)計(jì)與開發(fā)之ViewPager怎么用-創(chuàng)新互聯(lián)
本文地址:http://muchs.cn/article40/deicho.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供品牌網(wǎng)站建設(shè)App開發(fā)、商城網(wǎng)站、網(wǎng)站改版、網(wǎng)站營(yíng)銷、面包屑導(dǎo)航

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)

網(wǎng)站優(yōu)化排名