Android自定義控件打造絢麗平行空間引導(dǎo)頁

更新時間：2021年04月22日 09:42:41 作者：難不難太難了

這篇文章主要為大家詳細(xì)介紹了Android自定義控件打造絢麗平行空間引導(dǎo)頁，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下

本文實(shí)例為大家分享了Android自定義控件打造平行空間引導(dǎo)頁的具體代碼，供大家參考，具體內(nèi)容如下

先上圖，動圖太大傳不上來，在項(xiàng)目中有動圖

點(diǎn)擊查看動圖

首先解釋下工程的主要部分。

首先谷歌的百分比布局做了部分修改，因?yàn)槲以O(shè)置的寬高都是相對于屏幕的寬度，而谷歌的百分比布局不能實(shí)現(xiàn)，只需要修改一部分代碼就可以實(shí)現(xiàn)。下面貼出修改的部分代碼

public static class PercentLayoutInfo 
  { 
 
    private enum BASEMODE 
    { 
 
      BASE_WIDTH, BASE_HEIGHT, BASE_SCREEN_WIDTH, BASE_SCREEN_HEIGHT; 
 
      /** 
       * width_parent 
       */ 
      public static final String PERCENT = "%"; 
      /** 
       * width_parent 
       */ 
      public static final String W = "w"; 
      /** 
       * height_parent 
       */ 
      public static final String H = "h"; 
      /** 
       * width_screen 
       */ 
      public static final String SW = "sw"; 
      /** 
       * height_screen 
       */ 
      public static final String SH = "sh"; 
    } 
..............

首先我修改了寬高標(biāo)識的基類，增加了一些識別字段，當(dāng)然僅增加這些還不能實(shí)現(xiàn)，還要在識別字段后返回相應(yīng)的標(biāo)準(zhǔn)

PercentLayoutInfo.PercentVal percentVal = new PercentLayoutInfo.PercentVal(); 
    percentVal.percent = percent; 
    if (percentStr.endsWith(PercentLayoutInfo.BASEMODE.SW)) 
    { 
      percentVal.basemode = PercentLayoutInfo.BASEMODE.BASE_SCREEN_WIDTH; 
    } else if (percentStr.endsWith(PercentLayoutInfo.BASEMODE.SH)) 
    { 
      percentVal.basemode = PercentLayoutInfo.BASEMODE.BASE_SCREEN_HEIGHT; 
    } else if (percentStr.endsWith(PercentLayoutInfo.BASEMODE.PERCENT)) 
    { 
      if (isOnWidth) 
      { 
        percentVal.basemode = PercentLayoutInfo.BASEMODE.BASE_WIDTH; 
      } else 
      { 
        percentVal.basemode = PercentLayoutInfo.BASEMODE.BASE_HEIGHT; 
      } 
    } else if (percentStr.endsWith(PercentLayoutInfo.BASEMODE.W)) 
    { 
      percentVal.basemode = PercentLayoutInfo.BASEMODE.BASE_WIDTH; 
    } else if (percentStr.endsWith(PercentLayoutInfo.BASEMODE.H)) 
    { 
      percentVal.basemode = PercentLayoutInfo.BASEMODE.BASE_HEIGHT; 
    } else 
    { 
      throw new IllegalArgumentException("the " + percentStr + " must be endWith [%|w|h|sw|sh]"); 
    } 
 
    return percentVal; 
  }

這兩段代碼就能幫助我們實(shí)現(xiàn)設(shè)置寬高可以相對于屏幕的寬和高，代碼不太復(fù)雜，后面會貼出項(xiàng)目的完整代碼。
工程中使用了transformPage（View view，float position）首先我介紹一下這個函數(shù)，這個函數(shù)在布局滑動時會觸發(fā)這個函數(shù)，position代表每個viewpager中每個view布局距離屏幕左邊的距離，setOffScreenPageLimit（int number）可以設(shè)置viewpage緩沖頁面，當(dāng)前頁面左右兩邊能緩沖幾個頁面，比如number=2，代表當(dāng)前頁面左右兩邊最多可以緩沖兩個，這個number數(shù)量和transformPage中的view有聯(lián)系。

首先看一張圖