《云阅》一个仿天涯论坛云音乐UI,使用Gank.Io及豆瓣Api开发的开源项目

CloudReader

一款基于天涯论坛云音乐UI,使用GankIo及豆瓣api开发的合乎Google Material
Desgin阅读类的开源项目。项目采取的是Retrofit + RxJava +
MVVM-DataBinding架构开发。开发中所遭遇的各类问题已汇总在这里

github地址:CloudReader

已更新至V1.8.2

前段时间,看到了Tikitoo有怎样硕士适用的app应用?的享用,我直接想整理一下投机的手机app,同时也给我们提供一些参考。作为一个智能手机的使用者,要是只是单独的用来娱乐报道,未免太浪费了。Tikitoo校友她列举的接纳都是基于在Android平台上的,在iOS平台上体验并不相同。他说的不错,作为一名研究生,除了精通专业知识,还有更多的刺探自己感兴趣的东西,自我提升和自我管理也是无法缺失的。

效果图

  • 一对效能图

cloudreader.png

  • gif演示

cloudreader.gif

如果你觉得我的文章还不错,欢迎大家点个赞!也欢迎大家继续关注我,后续我会推送更多的app的使用技巧。

Introduction

网易云音乐于二零一三年5月23日专业宣布,是一款主打发现和分享,带有深切社交基因的网络音乐产品。相信用过的人都精通它给人的体验是极好的,我看过了绝大多数仿写的案例,基本UI都不够细致,于是决定自己动手写一个,起初也不明了具体它是怎么布局的,后来应用SDK提供的工具uiautomatorviewer日益分析后再逐月完善的,争取效果同样~

直白以来,阅读都是维持最久的欢喜,所以读书软件也是很重大的。

模块分析


干货(gank.io)

API使用的是动听(轮播图)和代码家的Gank.Io。

  • 每一天推荐:资讯,
    干货集中营推送的每天内容,包括每日一个妹子图,相关Android、IOS等此外干货。每一天第12:30随后更新,因为双休不革新所以内容缓存三天网络取不到就取缓存。

  • 福利:
    Glide加载图片,点击查看大图,帮助双指缩放,一下可查阅列表的享有图片,再也不用逐个点击每张图啦。

  • 干货订制:
    可以筛选自己喜好干货的项目,有任何、IOS、App、前端、休息视频和展开资源。

  • 大安卓: 显示安卓的满贯音讯。协理下拉刷新方便查看最新的资源。

应用分类 App名称
阅读学习 收趣云书签、Pocket、小说阅读器、小说阅读器、QQ阅读、中国大学Mooc、TED
读书写作 简书、知乎、马克文档、印象笔记、MindNode
生活方式 网易严选、厨房故事、好好住、闲鱼、Timi记账
旅行导航 考拉电子狗、高铁管家、巴士管家、滴滴出行、Airbnb、小猪民宿
安全中心 Google Authentictor、网易将军令、百度安全中心、新浪微盾、QQ安全中心
影音娱乐 酷我音乐、网易云音乐、RushPlayer、Teeevo、Mark
工作效率 滴答清单、网易邮箱大师、Pushbullet、快贴、Clips、Copy
资讯浏览 中关村在线、IT之家、网易新闻
手机摄影 米汤姐的相馆、VSCO、POTO、Color Accent、Snapseed、Foodie
搞笑娱乐 花熊、百思不得姐、糗事百科
实用工具 小历、DataMan、StoCard

电影(豆瓣)

API是豆类提供的,因为限制了各类ip每分钟请求的次数,所以请酌定采取,由此拉动的艰辛请见谅。

  • 视频热映区: 每一天更新,体现最新播出的影片热度名次榜。
  • 豆类电影Top250: 豆瓣高分电影集锦,让您放心找好片~

书籍(豆瓣)

选择的是豆类的搜索API。更多订制内容由于时日原因首先版还未添加,第二版会助长。

  • 综合: 检索豆瓣综合类的书本并体现。
  • 文学: 检索豆瓣军事学类的书籍并突显。
  • 生活: 检索豆瓣生活类的图书并出示。

阅读学习

收趣云书签:收趣的功能其实很简单,无论你在哪个App上看到感兴趣的内容,    
          不必马上读完,把它丢进收趣,有空或者用得着的时候翻出来再看。
Pocket  :Pocket的主要功能就是将你要阅读或者一时没有读完的网页标记下来,接着同步到服务器端,
        然后你就可以在不同的设备上阅读。
小说阅读器:就是云帆小说阅读器的手机端,可以搜索小说,然后缓存全部章节,离线阅读
QQ阅读   :腾讯出品的阅读器,可以付费包月,同步阅读记录。
中国大学Mooc:网易和中国教育出版社联合出品的在线慕课,全部是名校提供的精品课程
TED     :大名鼎鼎的TED演讲官方APP

收趣云书签、Pocket、小说阅读器

QQ阅读、中国大学Mooc、TED

有人会问我,为什么会有收趣云书签和Pocket稍后阅读的同类软件,我会告诉你,因为收趣云书签是最近在国内出来的,手机端不会出现太大的问题,各大浏览器都没有插件。而Pocket已经运营多年了,各种浏览器插件支持都比较好,我都用Pocket保存好了,然后再同步到收趣云书签。

抽屉界面

完全仿知乎云音乐抽屉界面,包括广大细节如透明标题栏,背景透明度,水波纹颜色等。

  • 项目主页:呈现类型介绍音讯,及内容表明,可以大饱眼福给你的好友哦。
  • 扫码下载:扫码即可下载App,协助您连忙试用~
  • 问题反映:科普问题概括,反馈地点,联系情势都在此处哦!
  • 至于云阅:履新日志在此间可见,主人是行使工作外时间做的,周期较长,满意的同伴给个Star吧,这将是自个儿继续迭代的重力,谢谢~

阅读写作

简    书:是一个将 [写作] 与 [阅读] 整合在一起的网络产品。旨在为写作者打造最优秀的写作软件,
     为阅读者打造最优雅的阅读社区,主要是支持手机端写作。
知    乎:知乎是一个真实的网络问答社区,氛围比较好,精英和大神比较多,回答也比较精准、专业。
马克文档:是一个使用 markdown 语法的纯文本编辑器。他能让你轻松的编辑文档。
印象笔记:主要用来保存自己的很多文章,用来同步使用。
MindNode:凭借其简介的风格与人性化的操作,它成为不少朋友绘制[思维脑图]的好帮手

简书、马克文档、印象笔记

MindNode、知乎

简书和知乎自然是少不了的,作为一个大学生,总归要学习点各种知识的!

What can be learned about this project

这就是说,从本项目中您能学到哪些知识呢?

  • 1、干货集中营内容与豆瓣电影书籍内容。
  • 2、高仿乐乎云音乐歌单详情页。
  • 3、NavigationView搭配DrawerLayout的切切实实采纳。
  • 4、MvvM-DataBing的连串拔取。
  • 5、RxBus代替伊夫ntBus举行零部件之间通讯。
  • 6、ToolBarTabLayout的利用姿势。
  • 7、Glide加载监听,获取缓存,圆角图形,高斯模糊。
  • 8、水波纹点击效果详细使用与适配。
  • 9、RecyclerView下拉刷新上拉加载。
  • 10、基于DataBindingViewHolder
  • 11、基于DataBindingBaseActivityBaseFragment
  • 12、Fragment懒加载格局。
  • 13、透明状态栏使用与版本适配。
  • 14、SwipeRefreshLayout结合RecyclerView下拉刷新上拉加载。
  • 15、CoordinatorLayout + Behavior落实标题栏渐变。
  • 16、NestedScrollView嵌套RecyclerView的使用。

生活方法

网易严选:网易出品的电商平台,产品大多是各[大品牌]的[代工厂]与网易合作出品。
厨房故事:不仅是一款[食谱]应用,它更像是一本设计精美的[美食杂志],虽来自德国,
        但却对中文有着很好的支持
好好住  :发现真实好家,结识高能屋主,提高居住[审美],寻找[实用]方案。
闲鱼    :阿里巴巴旗下的二手交易平台,我用来淘一些[二手手机]用来收藏。
Timi记账:精美独特的[时间轴]记账。换个角度记录时光。

新浪严选、厨房故事、好好住

Timi记账、闲鱼

网易严选一直都是我必备的,大到床上四件套,小到文具和水杯,主要就是因为他们的东西很符合我简约、朴素但是不简单的风格。

细节解析 – ToolBar 上的按钮点击效果

有心人研讨的人知晓,知乎云音乐的UI做的很小巧,就拿一个ToolBar为例,下边的每个按钮的点击操作都有独家的遵从。这给了用户一个很好的申报,就是之类的效果:

toolbar_click.gif

上图是在android
5.1系列下的意义图。在6.0上追寻的点击效果有些许改变,其他核心相仿;5.0以下点击则都呈现出一般采用器的机能。

唯独做到以上的功效并不便于,需要你对ToolBar有深深的刺探;不仅如此,水波纹的点击效果在不同的核心下是有两样的变现。下边一起来琢磨怎样达到以上的效劳。

旅行导航

考拉电子狗:App Store中国区电子狗榜单第一,用来查看[电子狗]和路程距离。
高铁管家:提供火车票查询服务、火车票购买服务的软APP
巴士管家:用于购买汽车票和用车在线预订的软件
滴滴出行:滴滴出行是涵盖出租车、专车、快车、顺风车、代驾及大巴等多项业务在内的一站式出行平台
Airbnb:一家联系旅游人士和家有空房出租的房主的服务型网站,它可以为用户提供多样的住宿信息
小猪民宿:小猪为用户提供高性价比的*短租*房、日租房住宿服务

考拉电子狗、高铁管家、巴士管家

滴滴出行、 Airbnb、小猪民宿

Airbnb是用来预定全球的民宿,而小猪则是用来在国内的,还有景点推荐。

关于ToolBar的布局

总的来看上图我们询问到一个ToolBar上有二种点击效果..

这就有点窘迫了..不急,大家渐渐来分析。利用SDK下的工具uiautomatorviewer可得知:左边的菜单按钮是ToolBar里头包裹的一个Fragment,其中是一个ImageView和一个小红点;然后中间是HorizontalScrollView,其中是多个ImageView;左边的搜索键则是透过安装Menu菜单而来,这样会有长按弹出“搜索”二字的唤醒。

现总结出几个问题:1、ToolBar上按钮的设置;2、不同按钮点击的水波纹效果

对于1: ToolBar上按钮的装置

些微探究了ToolBar的施用后获悉,可以一向在其里面包裹Imageview外,还可以够由此菜单文件设置:

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        getMenuInflater().inflate(R.menu.main, menu);
        return true;
    }

其中,main.xml内容如下:

<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto">
    <item
        android:id="@+id/action_search"
        android:icon="@drawable/actionbar_search"// 显示图标
        android:orderInCategory="100"// 菜单显示优先级
        android:title="@string/actionbar_search"// Toast文字“搜索”
        app:showAsAction="always" />// 总是显示,其中还有"never"点击后弹出显示;``ifRoom``根据空间判断是否显示
</menu>

然后再找到菜单相应的id处理点击事件:

@Override
public boolean onOptionsItemSelected(MenuItem item) {
        switch (item.getItemId()) {
            case R.id.action_search:
//                Toast.makeText(this, "打开搜索页面", Toast.LENGTH_SHORT).show();
                return true;
            default:
                return super.onOptionsItemSelected(item);
        }
 }

如此那般就到位了二者点击效果不同的拍卖。

对于2:今非昔比按钮点击的水波纹效果

这里不是接纳ripple性能了,而是采用系统自带的点击水波纹接纳器,给要爆发点击效果的控件设置:

android:background="?attr/selectableItemBackgroundBorderless"

但是设置后你会发觉所有点击的颜色都是平等的,假诺您利用核心:

theme="@style/Theme.AppCompat.Light.NoActionBar"

点击效果就会所有是黑灰的,就是中档六个按钮的这种效果,如若想要点击效果是反动的话,需要安装主旨:

theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"

明白这样后大家给不同的布局设置不同的主题就解决了这一个题目。最后布局文件:

<android.support.v7.widget.Toolbar
        android:id="@+id/toolbar"
        android:layout_width="match_parent"
        android:layout_height="?attr/actionBarSize"
        android:background="@color/colorTheme"
        app:contentInsetStart="0.0dp"
        app:popupTheme="@style/ThemeOverlay.AppCompat.Light"
        app:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar">

        <FrameLayout
            android:id="@+id/ll_title_menu"
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:background="?attr/selectableItemBackgroundBorderless"
            android:paddingLeft="15dp"
            android:paddingRight="15dp">

            <ImageView
                android:id="@+id/iv_title_menu"
                android:layout_width="23dp"
                android:layout_height="wrap_content"
                android:layout_gravity="center"
                android:src="@drawable/titlebar_menu" />
        </FrameLayout>

        <HorizontalScrollView
            android:layout_width="wrap_content"
            android:layout_height="match_parent"
            android:layout_gravity="center">

            <LinearLayout
                android:layout_width="wrap_content"
                android:layout_height="match_parent"
                android:background="?attr/selectableItemBackgroundBorderless"
                app:theme="@style/Theme.AppCompat.Light.NoActionBar">

                <ImageView
                    android:id="@+id/iv_title_gank"
                    android:layout_width="55dp"
                    android:layout_height="wrap_content"
                    android:layout_gravity="center"
                    android:background="?attr/selectableItemBackgroundBorderless"
                    android:src="@drawable/titlebar_disco" />

                <ImageView
                    android:id="@+id/iv_title_one"
                    android:layout_width="55dp"
                    android:layout_height="match_parent"
                    android:background="?attr/selectableItemBackgroundBorderless"
                    android:src="@drawable/titlebar_music" />

                <ImageView
                    android:id="@+id/iv_title_dou"
                    android:layout_width="55dp"
                    android:layout_height="match_parent"
                    android:background="?attr/selectableItemBackgroundBorderless"
                    android:src="@drawable/titlebar_friends" />

            </LinearLayout>

        </HorizontalScrollView>

 </android.support.v7.widget.Toolbar>

这样就取得了我们想要的效能~
更多细节优化我会逐渐整理在Wiki文档,或你也得以间接查看源代码。

有惊无险中央

Google Authenticator:Google Authenticator通过两个验证步骤,在登录时为用户的帐号提供    
                      一层额外的安全保护
网易将军令:用于保护网易通行证帐号和网易经销商通行证帐号
百度安全中心:用来保护百度账号的安全中心
新浪微盾:用来登录新浪微博的二次验证和快速修改密码
QQ安全中心:可以管理您的帐号密码、密保,为Q币、游戏装备、QQ开启保护,还可以获得最新的安全资讯。
1Password:是管理网站登录和敏感信息的最好应用,它拥有友好的用户界面,
           可以在任何时刻在任何设备上使用,包括笔记本电脑、手机甚至智能手表Apple Watch上。

Google Authenticator、天涯论坛将军令、百度平安基本

乐乎微盾、QQ安全大旨、

有人肯定会很好奇我为什么会提这个,我会告诉你,这个真的很重要。其实,保护自己的各种账号真的很简单,就是绑定手机、邮箱和开启二次验证。1Password是一款非常优秀的密码管理器

DownLoad

顿时跳转

download.png

影音娱乐

酷我音乐:酷我音乐盒是一款融歌曲和MV搜索、在线播放、同步歌词为一体的音乐聚合播放器,  
        最重要的是下载高品质音乐不要钱,除了有版权限制的除外。
网易云音乐:业界有良心的音乐app
RushPlayer:可以播放大部分格式的音频与视频,最重要的是可以收看全球的
            各大[电视]、[广播]和[电台]的[直播]
TeeEvo:一个用来追美剧,一个用来追电影的app,不用翻墙
Mark: Mark是一款电影清单应用。数百个精选影单,帮你筛选好电影,记录想看、已看、喜欢的电影。

酷我音乐、天涯论坛云音乐、RushPlayer

Teeevo、Mark

我最喜欢的app就是网易云音乐、 Teeevo RushPlayer
Teeevo用来追剧,
RushPlayer用来看电视直播,我不喜欢用手机看本地视频,所以多数以在线视频为主,用iPad来
RushPlayer看电视直播,那真是爽,可以看国外的高清电视直播

宝贵意见

假若有其他问题,请到github的issue处写上您不亮堂的地方,也足以通过上面提供的格局挂钩自身,我会立马给予扶助。此外常见的问题已总括在这里

工作效能

滴答清单:滴答清单是一款帮助记录工作、任务,规划时间的应用,易用、轻量、功能完整
网易邮箱大师Pro:全面支持网易邮箱、QQ邮箱、 Gmail、Hotmail、雅虎邮箱、139邮箱、新浪邮箱、
               各类企业邮箱和高校邮箱。
Pushbullet:Pushbullet 是一个强大免费的跨平台消息推送工具,支持 Android、iOS、Windows、Mac 
快贴:快贴是一款 iOS、Android、OS X 间的云剪贴板应用,只需在一台设备上复制,其他设备就可以粘贴。
Clips:同时支持通知中心小部件、Safari 扩展和第三方键盘的 Clips,是一款iOS 8 新晋的剪贴板增强工具
Copy:常用语复制助手,你可以把你常用的词语保存在app里,需要时去通知栏里复制,然后粘贴。

滴答清单、新浪邮箱大师Pro、Pushbullet

快贴、Clips、Copy

滴答清单是我最欢的 GTD应用,既有清单又有任务,这点很重要。网易邮箱大师Pro是¥1购买的,支持各种邮箱,最重要可以不翻墙使用Google邮箱。
Pushbullet
是一个用来在多个客户端推送消息的应用,可以实现PC端复制手机端粘贴功能。
*Copy *是! *KollWay
*http://www.kollway.com/ 出品的用来把你常用的词语保存在app里,需要时去通知栏里复制,然后粘贴。粘贴复制的利器

Thanks

情报浏览

中关村在线:中关村在线 中国第一科技门户,是一家资讯覆盖全国并定位于销售促进型的IT互动门户
IT之家:IT之家是业内领先的即时IT资讯和数码产品类网站
网易新闻:网易新闻是网易倾力打造的精品应用,已然成为国内第一新闻客户端,因体验最流畅、
        新闻最快速、[评论最犀利]而备受推崇。

中关村在线、IT之家、知乎快讯

我是一个学计算机的学生,所以我会更多的关注关于互联网的内容,加上一个伪文艺,也会关注一些文字的内容,现在是互联网时代,必须懂一些互联网的知识才行啊!

Statement

感谢搜狐云音乐App提供参考,附上《新浪云音乐Android
3.0视觉设计规范文档》
。本人是天涯论坛云音乐的粉丝,使用了中间的一部分材料,并非抨击,如整合侵权请立时通告自己修改或删除。大部分数额出自于干货集中营和豆瓣APIV2.0,一切数据解释权都归代码家和豆类所有。

手机录像

  米汤姐的相馆:发图利器.拼长图,切宫格图,数十张图片拼接的利器
  VSCO:VSCO是时下一款非常流行的强大的摄影App,包含了相机拍照、照片编辑和照片分享三大功能。
  POTO:一股浓浓的文艺工具风就铺面而来,恰如其分地展示图片的另一个视角,文艺干净
  Color Accent:帮助您转换黑白图片同时保持选定的颜色不变。只需装简单的点击,
                就可将图片处理成极具视觉冲击的颜色效果。
  Snapseed:Google出品的是一款多功能,高精度的照片处理软件,被誉为是移动平台上的[Photoshop],
                   让你的相片别具一格。
  Foodie:Foodie这款相机提供的各式功能只为一个目标:让你的食物拍起来更鲜美 ,有[LINE]提供。

米汤姐的相馆、VSCO、POTO

Color Accent、Snapseed、Foodie

其实这个分类的应用有很多,我比较常用的就是这几个。米汤姐的相馆是我最喜欢的拼长图的软件,绝对比同类软件优秀。具体的功能有很多,我就不介绍了。*
Color
Accent*帮助您转换黑白图片同时保持选定的颜色不变。只需装简单的点击,就可将图片处理成极具视觉冲击的颜色效果,
Foodie可以让你拍出更好看的照片和视频

End

万一您觉得不错,对你有协理,能够襄助分享给您更多的对象,这是给大家最大的重力与扶助,同时愿意您多多fork,star,follow,我将贡献更多的开源项目O(∩_∩)O~。开源使生活更美好!

搞笑娱乐

花熊:花熊App一个毫无节操的名字,没有表情包,怎么斗图呢?
百思不得姐:一个在线发布和分享内涵段子、冷笑话,搞笑图片,成人笑话的热门社区
糗事百科:是以糗友真实糗事为主题的笑话网站,话题轻松休闲

花熊、百思不得姐、糗事百科

时下最流行就是表情包了,手里没有几个像样的表情图,怎么跟别人斗呢?

About me

实用工具

小历:以在通知中心显示农历的日历应用,支持 [ 3D Touch] 和 [watchOS 2],备受欢迎的 Timy 日历
DataMan:一款手机数据流量监控软件,是对抗流量套餐超标的最佳武器,一眼即可了解你的流量状况
Stocard(许多卡):是时候对会员卡说再见了,你需要的是电子卡包,支持国内外大部分会员卡,也可以自定义会员卡

小历、DataMan、StoCard

小历是一个支持中国农历的小软件,在通知栏显示农历。
DataMan是一个小清新的统计流量的app,最爆了的功能是可以自动统计日间和夜间流量和自动结算本月未用完流量统计到下个月。

总计:整理了几许个钟头,在多年使用智能手机的进程中,我发现了广大问题,就是有人根本未曾行使各样app的各样效率,或者说过分依赖手机社交软件,我的一个同班,每一天真正是沉迷于手机社交软件,天天看到她,除了和别人聊天,就是聊语音。我不想说过多鸡汤话,我直接都希望我们大学生可以更好地读书应用智能手机App,可以提高自我和保管我。

Post Author: admin

发表评论

电子邮件地址不会被公开。 必填项已用*标注