打造绚丽平行空间引导页_平行空间源码-优快云博客

本文链接：https://blog.youkuaiyun.com/m0_37402140/article/details/77977642

本文介绍了一种自定义的百分比布局方法，该方法允许元素尺寸相对于屏幕宽度或高度进行调整，并展示了如何通过修改代码实现这一功能。此外，文章还探讨了transformPage函数在滑动布局中的应用及属性动画的实现。

先上图，动图太大传不上来，在项目中有动图

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

首先谷歌的百分比布局做了部分修改，因为我设置的宽高都是相对于屏幕的宽度，而谷歌的百分比布局不能实现，只需要修改一部分代码就可以实现。下面贴出修改的部分代码

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有联系。首先看一张图