"Yun Yu" a netease cloud music UI, using Gank.io and Watercress API development of open source projects

Cloudreader

An open source project based on the NetEase cloud music UI, developed using Gankio and watercress APIs, in line with Google Material desgin reading. The project takes the Retrofit + RxJava + mvvm-databinding architecture development. The various problems encountered in the development are summarized here.

GitHub Address: Cloudreader

Introduction

NetEase Cloud Music officially released on April 23, 2013, is a flagship discovery and sharing, with strong social gene network music products. Believe that the people who used to know that it gives the experience is very good, I have seen most of the case of imitation, the basic UI is not detailed enough, so decided to write one of their own, at first do not know how it is layout, and then use the SDK to provide tools to uiautomatorviewer gradually improve after analysis, and strive for the effect of the same ~

Module Analysis Dry Goods (Gank.io)

The API uses a Gank.io (Carousel diagram) and a code home.

• Daily recommendations: Daily content pushed by the dry camp, including a daily picture of a sister, related to Android, iOS and other dry goods. Updated every day after 12:30, because the double break does not update so the content cache three days the network does not take the cache.

• Benefits: Glide loading pictures, click to view large image, support two-finger zoom, you can view the list of all the pictures, no need to click each picture.

• Dry Custom: You can filter your favorite dry goods category, have all, IOS, APP, front end, rest video and expand resources.

• Andro: Displays all information about Android. Supports pull-down refreshes for easy viewing of the latest resources.

Film (watercress)

API is provided by watercress, because limit the number of requests per minute of each IP, so please use as appropriate, please forgive me for the inconvenience caused.

• Movie Hot zone: Updated daily to show the latest film popularity rankings.
• Watercress film Top250: Watercress High-score film collection, so you can rest assured that the good piece ~

Books (watercress)

Using the search API of watercress. More custom content The first version has not been added because of the time, and the second edition will add.

• Synthesis: Search and display the books of the Watercress Synthesis category.
• Literature: Search and display the books of the Watercress Literature category.
• Life: Search and display the books of the Watercress Life class.

Drawer interface

Full imitation of NetEase cloud music drawer interface, including many details such as transparent title bar, background transparency, water ripple color and so on.

• Project homepage: Display the project introduction information, and content description, can share to your friend Oh.
• Sweep code Download: Scan code to download the app, to help you quickly try ~
• Problem Feedback: FAQ Induction, feedback Place, contact way are here Oh!
• About Cloud read: Update log here is visible, the host is the use of outside time to do, cycle longer, satisfied with the small partner to a star bar, which will be my motivation to continue to iterate, thank you ~

What can is learned about this project

So, what can you learn from this project?

• 1. Contents of dry Goods concentration camp and the contents of Watercress film books.
• 2, high imitation NetEase cloud Music song single Detail page.
• 3, NavigationView collocation DrawerLayout of the specific use.
• 4, mvvm-databing Project application.
• 5, Rxbus instead of eventbus for communication between components.
• 6, ToolBar and TabLayout the use of posture.
• 7 Glide . Load monitor, get cache, fillet picture, Gaussian blur.
• 8, Water Ripple Click Effect Detailed use and adaptation.
• 9. Pull down to RecyclerView refresh the pull-up load.
• 10, based DataBinding on ViewHolder .
• 11, based on DataBinding the BaseActivity and BaseFragment .
• 12, Fragment lazy loading mode.
• 13, transparent status bar use and version adaptation.
• 14, SwipeRefreshLayout combined with pull RecyclerView -down refresh pull-up loading.
• 15, CoordinatorLayout + Behavior realize the title bar gradient.
• 16, NestedScrollView RecyclerView the use of nesting.

DownLoad

Jump

End

If you feel good, helpful to you, can help to share to you more friends, this is to give us the biggest impetus and support, at the same time hope you many fork,star,follow, I will contribute more open source project O (∩_∩) o~. Open source makes life better!

About Me

• Csdn:jingbin_
• Blog:http://jingbin.me
• Email:[email protected]
• Github:https://github.com/youlookwhat

Please click on the original text: http://www.jianshu.com/p/69a229fb6e1d

"Yun Yu" a netease cloud music UI, using Gank.io and Watercress API development of open source projects