Git Product home page Git Product logo

neteasemusicui's Introduction

NeteaseMusicUI

仿网易云歌单详情页【已全新改写】

知识点

  • 1、Activity页面跳转共享元素曲线动画
  • 2、Glide加载固定图片大小，解决切换页面时图片闪烁问题；加载状态监听等
  • 3、Toolbar背景图显示布局高斯模糊图底部的一部分
  • 5、RecyclerView滑动渐变Toolbar背景图、改变覆盖View的marginTop

实现思路：

  • 1、透明状态栏
  • 2、Activity设置自定义Shared Element切换动画
  • 3、Toolbar底部为高斯模糊图，并上移图片（为了使背景图的底部作为Toolbar的背景）
  • 4、上下滑动，通过RecyclerView拿到移动的高度，同时调整Toolbar的背景图透明度

效果图

网易云音乐App原图 实现的效果图
网易云音乐App原图.gif 模仿的效果图.gif

neteasemusicui's People

Contributors

youlookwhat avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.