仿Android网易新闻客户端,并增加水平图片滑动,改进阅读体验
仿网易新闻Android端APP
主要功能展示和代码实现
差不多花了一周的时间,目前实现的了新闻下的包括头条、体育、娱乐的一系列的新闻展示,以及点击后进入的新闻详情展示。
目前效果
目前效果请访问该网页:http://www.cnblogs.com/FightForFreedom/p/4807083.html
更新:目前新闻内容的详情展示已经实现
技术实现
框架实现
APP总体底部的4个Fragment切换和在每个Fragment中的ViewPage切换, 采用的是LuckyJayce/ViewPagerIndicator的开源框架:地址是https://github.com/LuckyJayce/ViewPagerIndicator
列表实现
新闻列表采用纵向RecyclerView,其中暂时划分为3种类型。
public static enum ITEM_TYPE {
ITEM_TYPE_BANNER,
ITEM_TYPE_IMAGE,
ITEM_TYPE_TEXT
}
分别表示以下3种类型:
- BANNER:
- TEXT:
- IMAGE:
其中ITEM_TYPE_BANNER 采用SwitchImage单独控件形式(内部ViewPage实现
ITEM_TYPE_TEXT比较简单,
ITEM_TYPE_IMAGE的网易原版实现是3张图片。
列表改进
为了增加用户体验,决定替换掉ITEM_TYPE_IMAGE中三种图片,改为水平滑动形式。
现已实现了水平滑动和按钮点击响应:
当点击任意一张图片后将调转到ImageDisplayActivity:
下面我将着重描述下ITEM_TYPE_IMAGE的水平滑动实现。
想到水平滑动,我想大家肯定会想到这些控件:ViewPage,Gallery,HorizontalScrollview等等。
不过,Google近来推出的RecyclerView也支持水平滑动,那就用它来试试。
首先,垂直RecyclerView嵌入水平RecyclerView比较顺利,没有出现子列表只显示一行之类的问题,同时对水平RecyclerView滑动也没有出现问题。
但是当我想对水平RecyclerView中的某张图片进行点击时,出现了onClick函数没有回调的问题,由于笔者水平和时间有限,暂时没有深究这个问题。
于是采用了onTouch函数做点击响应的回调, 做了如下简单的判断:
用户是点击图片还是水平滑动RecyclerIView
imageView.setOnTouchListener(new View.OnTouchListener() {
@Override
public boolean onTouch(View v, MotionEvent event) {
//抬起按钮时判断,之前是否滑动了,若没有滑动则响应点击事件
if (event.getAction() == MotionEvent.ACTION_UP && !isMoved)
mListener.onViewPageTouch((NetworkImageView) v, index);
else {
isMoved = false;
}
if (event.getAction() == MotionEvent.ACTION_MOVE) {
isMoved = true;
}
return true;
}
});
顶部沉浸式状态栏实现
参考了这篇文章:
http://www.jianshu.com/p/f8374d6267ef
新闻详情实现
首先,根据网络返回的数据的样式确定解析方案:
NewsDisplayActivity.java第70行,展示了一个返回数据Html格式的样例:https://github.com/freedomofme/Netease/commit/bb6db85de547d4d5243e17e881bc2116122e52d6
本文采用的方法是通过Android自带的android.text.Html类解析Html和html下标签的图像。
核心代码如下:
URLImageParser p = new URLImageParser(content, this);
Spanned htmlSpan = Html.fromHtml(body, p, null);
content.setText(htmlSpan);
其中的URLImageParser是用来解析标签的,这里有很大的进一步优化的空间。
这类主要是参考该文,并修正了图片尺寸上的问题。http://stackoverflow.com/questions/15617210/android-html-fromhtml-with-images/15617341#15617341
当然,除了用TextView来展示Html(在Android
中就是Spanned类),也可以使用WebView。
两者的主要区别:
- WebView:加载HTML更为方便(笔者觉得),支持的标签更多,与APP交互需要通过JS接口
- TextView: 除了文本显示,对于其他很多交互行为,需要重写函数。开发者对展示细节的控制能力更强。
详细内容可以参考:这里
数据网络请求
采用的是Volley框架,并封装了RequestSingletonFactory工厂类来方便请求。
URLs类中采用反射的方式来读取静态URL的数据。
接下来
- 完善新闻阅读的排版,对于部分网页存在数据不兼容,导致解析的Bug
- 增加查看新闻评论功能
- 增加用户设置界面
下载地址
本项目将在持续更新,更加完善,项目源码地址:
https://github.com/freedomofme/Netease
本开源项目仅供学习,不得作为其他用途
仿Android网易新闻客户端,并增加水平图片滑动,改进阅读体验的更多相关文章
- 类似掌盟的Tab页 Android 开源框架ViewPageIndicator 和 ViewPager 仿网易新闻客户端Tab标签 (转)
原博客地址 :http://blog.csdn.net/xiaanming/article/details/10766053 本文转载,记录学习用,如有需要,请到原作者网站查看(上面这个网址) 之前 ...
- Android 开源框架ActionBarSherlock 和 ViewPager 仿网易新闻客户端
转载请注明出处:http://blog.csdn.net/xiaanming/article/details/9971721 大家都知道Android的ActionBar是在3.0以上才有的,那么在3 ...
- Android Studio精彩案例(一)《ActionBar和 ViewPager版仿网易新闻客户端》
转载本专栏文章,请注明出处,尊重原创 .文章博客地址:道龙的博客 为了能更好的分享高质量的文章,所以开设了此专栏.文章代码都以Android Studio亲测运行,读者朋友可在后面直接下载源码.该专栏 ...
- Android 开源框架ViewPageIndicator 和 ViewPager 仿网易新闻客户端Tab标签
转载请注明出处:http://blog.csdn.net/xiaanming/article/details/10766053 之前用JakeWharton的开源框架ActionBarSherlock ...
- Android SlidingMenu 仿网易新闻客户端布局
前面两篇文章中的SlidingMenu都出现在左侧,今天来模仿一下网易新闻客户端左右两边都有SlidingMenu的效果,以下是网易新闻客户端效果: 不扯闲话了,直接进入正题吧 frame_conte ...
- Android Studio精彩案例(四)《DrawerLayout使用详解仿网易新闻客户端侧边栏 》
转载本专栏文章,请注明出处,尊重原创 .文章博客地址:道龙的博客 为了提高兴趣,咱们开头先看看最终要实现什么样的效果: 侧拉菜单在Android应用中非常常见,它的实现方式太多了,今天我们就说说使用G ...
- [Android] Android 手机下 仿 今日头条 新闻客户端
利用一个月的时间,自学了 Android 开发 ,为了检验学习成果,特意 开发了这个 仿 今日头条 新闻客户端 AppNews 包括图文新闻+视频新闻+图片新闻 预览演示如下: 功能说明: 1)底部 ...
- Android实现网易新闻客户端效果
下面来简单实现一下网易新闻客户端左右切换的效果,当然实际项目上肯定不能这样写,还有很多需要优化的地方. activity_main.xml [html] view plaincopyprint? &l ...
- 分享一个仿网易新闻客户端iPhone版的标签式导航ViewController
该Controller是一个容器,用于容纳其他的controller.效果与网易新闻客户端的标签式导航基本一样: (1)点击上面的标签,可以切换到对应的controller,标签下面的红色提示条的长度 ...
随机推荐
- LR录制脚本IE不能打开解决方法
运行环境:win7 64位 解决方法:1.卸载IE11 2.计算机——属性——高级系统设置——性能里的设置——数据执行保护——选择“为除下列选定程序之外的所有程序和服务启用”——添加IE浏览器和VUG ...
- Android 数独游戏 记录
Android图形编程基本概念 颜色对象 Color 类 int color = Color.bule //蓝色 int color = Color.argb(255,255,255,255); ...
- Windows上的的神技能,你知道几个?(Windows技巧大全,已更新)
不用借助任何第三方软件,其实Windows也大有可为——比你目前了解得至少要多得多,强大技能快来get起来! 1.文件隐藏谁的电脑里没点小秘密?东藏西藏到最后自己都找不到了有木有?今天教大家个隐藏文件 ...
- 【LeetCode】28 - Implement strStr()
Implement strStr(). Returns the index of the first occurrence of needle in haystack, or -1 if needle ...
- ASP.NET MVC3细嚼慢咽---(1)网站创建与发布
这一节我们演示下怎样使用VS2010创建与发布MVC3建立的网站.使用VS2010创建MVC3.0网站,需要下载MVC3.0的安装包,这个大家可以去网络上下载. 1.项目创建 ...
- 设计模式 适配器-Adapter
适配器模式:将一个类的接口,转换成客户期望的另一个接口.适配器让原本接口不兼容的类可以合作无间. 直接上图.下面是对象适配器的类图.由于Java不支持多继承.所以这是Java的适配器实现方式. 结合H ...
- 移动端的日期插件 mobiscroll 2.14.4 破解版
官方报价695美元 http://mobiscroll.com/pricing 这个 mobiscroll 2.14.4 破解版 包括datetime和calendar组件,包括mobiscroll和 ...
- PHP获取curl的错误
curl_error($ch) 用 curl_error 来获取 curl 的错误
- MyEclipse中消除frame引起的“the file XXX can not be found.Please check the location and try again.”的错误
读者如要转载,请标明出处和作者名,谢谢. 地址01:http://space.itpub.net/25851087 地址02:http://www.cnblogs.com/zjrodger/ 作者名: ...
- 用 Python 脚本实现对 Linux 服务器的监控
目前 Linux 下有一些使用 Python 语言编写的 Linux 系统监控工具 比如 inotify-sync(文件系统安全监控软件).glances(资源监控工具)在实际工作中,Linux 系统 ...