|
9 | 9 | ## Introduce |
10 | 10 | 一款基于网易云音乐UI,使用GankIo及豆瓣api开发的符合Google Material Desgin阅读类的开源项目。项目采取的是Retrofit + RxJava + MVVM-DataBinding架构开发。全项目使用的是DataBinding,包括RecyclerView的BaseHolder、页面布局等,使用方便简洁,代码结构清晰。现主要包括:干货区、电影区和书籍区。开发中所遇到的各种问题已总结在[这里][5]。 |
11 | 11 |
|
12 | | -## Screenshot |
13 | | -- **干货区** |
| 12 | +## 效果图 |
| 13 | +- **干货** |
14 | 14 |
|
15 | | -<img width="160" height=“274” src="https://github.com/youlookwhat/CloudReader/blob/master/screenshot/page_gank_00.png"></img> |
16 | | -<img width="160" height=“274” src="https://github.com/youlookwhat/CloudReader/blob/master/screenshot/page_gank_01.png"></img> |
17 | | -<img width="160" height=“274” src="https://github.com/youlookwhat/CloudReader/blob/master/screenshot/page_gank_02.png"></img> |
18 | | -<img width="160" height=“274” src="https://github.com/youlookwhat/CloudReader/blob/master/screenshot/page_gank_03.png"></img> |
19 | | -<img width="160" height=“274” src="https://github.com/youlookwhat/CloudReader/blob/master/screenshot/page_gank_04.png"></img> |
| 15 | +<img width="160" height=“274” src="https://github.com/youlookwhat/CloudReader/blob/master/file/page_gank_00.png"></img> |
| 16 | +<img width="160" height=“274” src="https://github.com/youlookwhat/CloudReader/blob/master/file/page_gank_01.png"></img> |
| 17 | +<img width="160" height=“274” src="https://github.com/youlookwhat/CloudReader/blob/master/file/page_gank_02.png"></img> |
| 18 | +<img width="160" height=“274” src="https://github.com/youlookwhat/CloudReader/blob/master/file/page_gank_03.png"></img> |
| 19 | +<img width="160" height=“274” src="https://github.com/youlookwhat/CloudReader/blob/master/file/page_gank_04.png"></img> |
20 | 20 |
|
21 | | -- **电影区** |
| 21 | +- **电影** |
22 | 22 |
|
23 | | -<img width="160" height=“274” src="https://github.com/youlookwhat/CloudReader/blob/master/screenshot/page_movie_01.png"></img> |
24 | | -<img width="160" height=“274” src="https://github.com/youlookwhat/CloudReader/blob/master/screenshot/page_movie_02.png"></img> |
25 | | -<img width="160" height=“274” src="https://github.com/youlookwhat/CloudReader/blob/master/screenshot/page_movie_03.png"></img> |
| 23 | +<img width="160" height=“274” src="https://github.com/youlookwhat/CloudReader/blob/master/file/page_movie_01.png"></img> |
| 24 | +<img width="160" height=“274” src="https://github.com/youlookwhat/CloudReader/blob/master/file/page_movie_02.png"></img> |
| 25 | +<img width="160" height=“274” src="https://github.com/youlookwhat/CloudReader/blob/master/file/page_movie_03.png"></img> |
26 | 26 |
|
27 | | -- **书籍区** |
| 27 | +- **书籍** |
28 | 28 |
|
29 | | -<img width="160" height=“274” src="https://github.com/youlookwhat/CloudReader/blob/master/screenshot/page_book_01.png"></img> |
30 | | -<img width="160" height=“274” src="https://github.com/youlookwhat/CloudReader/blob/master/screenshot/page_book_02.png"></img> |
31 | | -<img width="160" height=“274” src="https://github.com/youlookwhat/CloudReader/blob/master/screenshot/page_book_03.png"></img> |
| 29 | +<img width="160" height=“274” src="https://github.com/youlookwhat/CloudReader/blob/master/file/page_book_01.png"></img> |
| 30 | +<img width="160" height=“274” src="https://github.com/youlookwhat/CloudReader/blob/master/file/page_book_02.png"></img> |
| 31 | +<img width="160" height=“274” src="https://github.com/youlookwhat/CloudReader/blob/master/file/page_book_03.png"></img> |
32 | 32 |
|
33 | 33 | - **抽屉界面** |
34 | 34 |
|
35 | | -<img width="160" height=“274” src="https://github.com/youlookwhat/CloudReader/blob/master/screenshot/page_menu_01.png"></img> |
36 | | -<img width="160" height=“274” src="https://github.com/youlookwhat/CloudReader/blob/master/screenshot/page_menu_02.png"></img> |
37 | | -<img width="160" height=“274” src="https://github.com/youlookwhat/CloudReader/blob/master/screenshot/page_menu_03.png"></img> |
| 35 | +<img width="160" height=“274” src="https://github.com/youlookwhat/CloudReader/blob/master/file/page_menu_01.png"></img> |
| 36 | +<img width="160" height=“274” src="https://github.com/youlookwhat/CloudReader/blob/master/file/page_menu_02.png"></img> |
| 37 | +<img width="160" height=“274” src="https://github.com/youlookwhat/CloudReader/blob/master/file/page_menu_03.png"></img> |
38 | 38 |
|
39 | 39 | ## 模块分析 |
40 | 40 | ### 干货区(gank.io) |
|
79 | 79 | - 电影详情页是仿网易云音乐的歌单详情页做的,并封装成基类,方便使用。效果有转场动画,透明状态栏,滑动title渐变色等,几乎和歌单详情页一模一样。 |
80 | 80 | - 书籍类数据展示使用的是``SwipeRefreshLayout``刷新控件结合``RecyclerView``的方式,支持一般的列表、GridView和瀑布流的上拉加载的使用。 |
81 | 81 |
|
| 82 | + |
| 83 | +## See Detail |
| 84 | +> [戳这里查看详情]()。 |
| 85 | +
|
82 | 86 | ## Thanks |
83 | 87 | - 我几乎看过了所有关于Android仿网易云音乐的项目与文章,发现大部分做的都不够细致,也没有比较好的内容填充,于是决心自己着手做一个,才有了这个开源项目。这里列出主要参考的内容。 |
84 | 88 |
|
|
0 commit comments