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

發(fā)布時間：2020-08-25 14:54:28 來源：腳本之家閱讀：133 作者：難不難太難了欄目：移動開發(fā)

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

先上圖，動圖太大傳不上來，在項目中有動圖

點擊查看動圖

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

首先谷歌的百分比布局做了部分修改，因為我設(shè)置的寬高都是相對于屏幕的寬度，而谷歌的百分比布局不能實現(xiàn)，只需要修改一部分代碼就可以實現(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)然僅增加這些還不能實現(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; 
  }

這兩段代碼就能幫助我們實現(xiàn)設(shè)置寬高可以相對于屏幕的寬和高，代碼不太復(fù)雜，后面會貼出項目的完整代碼。
工程中使用了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)系。

首先看一張圖

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

每次移動view都會調(diào)用transform這個函數(shù)，id0，1，2代表三個頁面，position代表三個頁面距離屏幕左邊的距離。
其他的也就是用一些屬性動畫，背景顏色的漸變用了插值器，看完代碼就會明白
項目地址
有不懂的可以隨時提問

以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持億速云。

向AI問一下細(xì)節(jié)

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

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽