网易云音乐引导页

最新推荐文章于 2021-07-14 13:36:54 发布

原创最新推荐文章于 2021-07-14 13:36:54 发布 · 5.7k 阅读

2 ·

CC 4.0 BY-SA版权

demo篇专栏收录该内容

5 篇文章

订阅专栏

花了几天反编译了网易云音乐apk，学到了很多东西，下面单独把引导界面剥离出来.

先看原来网易云音乐引导界面的效果

反编译后剥离的效果

细微之处还是有点不同的。不过大部分我都还原了，可能动画实现方式有一点不同。还有个地方我搞不懂，就是viewpager的切换动画被禁止了，这个好像要在自定义viewpager里面操作。这里有点看不懂，于是我就用了淡入淡出的动画效果代替了一下。

总的来说，有几个地方是值得学习的。一个是适配性方面。UI配合不错，看得出是有算过的。1920像素密度为准，1248*831为比例画中间视图。这种挖空图片某一部分做动画，好像只能这样做适配了。

 	float bigHeight = 1F * getResources().getDisplayMetrics().heightPixels / 1920.0F;
        marginsLeft = (int) (41.0F * bigHeight);

        flMain.getLayoutParams().width = (int) (831.0F * bigHeight);
        flMain.getLayoutParams().height = (int) (1248.0F * bigHeight);
        int mPadding = (int) (15.0F * bigHeight);
        flMain.setPadding(mPadding, mPadding, mPadding, mPadding);
        flMain.setTranslationY(12.0F * -bigHeight);
        secondHeight = (int) (bigHeight * 358.0F);
        ivMid.getLayoutParams().width = (int) (236.0F * bigHeight);
        ivMid.getLayoutParams().height = (int) (236.0F * bigHeight);
        ivSmall.getLayoutParams().width = (int) (105.0F * bigHeight);
        ivSmall.getLayoutParams().height = (int) (105.0F * bigHeight);

源码：https://github.com/OrandNotCN/NeteaseMusicGuide