Android自定義控件打造絢麗平行空間引導頁

2019-10-22 18:20:55

字體：大中小

來源：轉載

供稿：網友

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

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

Android,引導頁

點擊查看動圖

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

首先谷歌的百分比布局做了部分修改，因為我設置的寬高都是相對于屏幕的寬度，而谷歌的百分比布局不能實現，只需要修改一部分代碼就可以實現。下面貼出修改的部分代碼

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";     } ..............

首先我修改了寬高標識的基類，增加了一些識別字段，當然僅增加這些還不能實現，還要在識別字段后返回相應的標準

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;   }

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

首先看一張圖

Android,引導頁