今日头条 --新闻阅读器
高仿今日头条 --- 第一篇:(android高仿系列)今日头条 --新闻阅读器 (一)
上次,已经完成了头部新闻分类栏目的拖动效果。
这篇文章是继续去完善APP 今日头条 这个新闻阅读器的其他功能。
这次所实现的功能清单:
1.通过SlidingMenu实现左右侧拉菜单效果
2.通过重写CompoundButton实现--昼夜模式切换按钮效果。
3.通过PopupWindow控件实现了列表中更多菜单弹框操作效果。
4.通过universal-image-loader库实现了图片的加载和缓存。
5.通过列表中各个属性的判断,实现了头条新闻列表的相应布局和显示效果。
下面把每个功能和对应的实现方式相关博文都列出了,方便大家根据自身需求查看。
下面就是官方的效果截图,详细操作请继续向下看。
一.通过SlidingMenu实现左右侧拉菜单效果
在第一讲中,我们已经知道了,它使用了SlidingMenu 这个侧拉菜单开源库,所以我特地将 SlidingMenu的使用和配置写了一个文章,文章地址:Android SlidingMenu 开源项目 侧拉菜单的使用(详细配置)
所以具体的配置就不在这里说明了,大家可以去看上面给的链接。
注意:由于 今日头条用的是左右都可以侧拉的菜单,所以设置侧拉模式为:SlidingMenu.LEFT_RIGHT,代码如下
- localSlidingMenu.setMode(SlidingMenu.LEFT_RIGHT);//设置左右滑菜单
由于左右可以拖出菜单,并且中间的ViewPager可以切换新闻页面,所以 SlidingMenu的必须如此设置以下属性:
- localSlidingMenu.setTouchModeAbove(SlidingMenu.SLIDING_WINDOW);//设置要使菜单滑动,触碰屏幕的范围
SLIDEING_WINDOW就是触摸边缘才会出发,这样的话滑动操作就不用冲突了。
为了方便代码的维护,我将SlidingMenu 自定义成了一个DrawerView类,这样的话所有菜单中的操作就和主界面分离开来,代码就不会显得那么臃肿了,并且在用到的地址直接实例化这个类就可以了。
代码如下:
- public class DrawerView implements OnClickListener{
- private final Activity activity;
- SlidingMenu localSlidingMenu;
- private SwitchButton night_mode_btn;
- private TextView night_mode_text;
- private RelativeLayout setting_btn;
- public DrawerView(Activity activity) {
- this.activity = activity;
- }
- public SlidingMenu initSlidingMenu() {
- localSlidingMenu = new SlidingMenu(activity);
- localSlidingMenu.setMode(SlidingMenu.LEFT_RIGHT);//设置左右滑菜单
- localSlidingMenu.setTouchModeAbove(SlidingMenu.SLIDING_WINDOW);//设置要使菜单滑动,触碰屏幕的范围
- // localSlidingMenu.setTouchModeBehind(SlidingMenu.RIGHT);
- localSlidingMenu.setShadowWidthRes(R.dimen.shadow_width);//设置阴影图片的宽度
- localSlidingMenu.setShadowDrawable(R.drawable.shadow);//设置阴影图片
- localSlidingMenu.setBehindOffsetRes(R.dimen.slidingmenu_offset);//SlidingMenu划出时主页面显示的剩余宽度
- localSlidingMenu.setFadeDegree(0.35F);//SlidingMenu滑动时的渐变程度
- localSlidingMenu.attachToActivity(activity, SlidingMenu.RIGHT);//使SlidingMenu附加在Activity右边
- // localSlidingMenu.setBehindWidthRes(R.dimen.left_drawer_avatar_size);//设置SlidingMenu菜单的宽度
- localSlidingMenu.setMenu(R.layout.left_drawer_fragment);//设置menu的布局文件
- // localSlidingMenu.toggle();//动态判断自动关闭或开启SlidingMenu
- localSlidingMenu.setSecondaryMenu(R.layout.profile_drawer_right);
- localSlidingMenu.setSecondaryShadowDrawable(R.drawable.shadowright);
- localSlidingMenu.setOnOpenedListener(new SlidingMenu.OnOpenedListener() {
- public void onOpened() {
- }
- });
- initView();
- return localSlidingMenu;
- }
- private void initView() {
- night_mode_btn = (SwitchButton)localSlidingMenu.findViewById(R.id.night_mode_btn);
- night_mode_text = (TextView)localSlidingMenu.findViewById(R.id.night_mode_text);
- night_mode_btn.setOnCheckedChangeListener(new OnCheckedChangeListener() {
- @Override
- public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {
- // TODO Auto-generated method stub
- if(isChecked){
- night_mode_text.setText(activity.getResources().getString(R.string.action_night_mode));
- }else{
- night_mode_text.setText(activity.getResources().getString(R.string.action_day_mode));
- }
- }
- });
- night_mode_btn.setChecked(false);
- if(night_mode_btn.isChecked()){
- night_mode_text.setText(activity.getResources().getString(R.string.action_night_mode));
- }else{
- night_mode_text.setText(activity.getResources().getString(R.string.action_day_mode));
- }
- setting_btn =(RelativeLayout)localSlidingMenu.findViewById(R.id.setting_btn);
- setting_btn.setOnClickListener(this);
- }
- @Override
- public void onClick(View v) {
- switch (v.getId()) {
- case R.id.setting_btn:
- activity.startActivity(new Intent(activity,SettingsActivity.class));
- activity.overridePendingTransition(R.anim.slide_in_right, R.anim.slide_out_left);
- break;
- default:
- break;
- }
- }
- }
2.通过重写CompoundButton实现--昼夜模式切换按钮效果
看源码发现,今日头条的中的是SwitchButton昼夜模式选择控件,是通过重写CompoundButton实现的,以下便是实现对应方法的相关帖子:
SwitchButton 开关按钮 的多种实现方式 (附源码DEMO)
根据需求选择你喜欢的SwitchButton去修改和使用。
3.通过PopupWindow控件实现了列表中更多菜单弹框操作效果。
4.通过universal-image-loader库实现了图片的加载和缓存。
universal-image-loader来实现相关的需求。如果你对这个库的使用不是很了解的话,可以查看以下链接:
5.通过列表中各个属性的判断,实现了头条新闻列表的相应布局和显示效果。
其他操作就是根据服务器返回的数据类型,是否为空等作相应操作即可。
上述就是目前完成的进度,虽然数据啥都是在本地写死的,可是已经大体的算得上是的一个新闻阅读器了,之后会继续完善其他为完成的功能。
开发中的几个问题总结:
关于Fragment
1)
- @Override
- public void onAttach(Activity activity) {
- // TODO Auto-generated method stub
- this.activity = activity;
- super.onAttach(activity);
- }
通过onAttach()方法获取父类ACTIVITY,如果在调用getActivity()方法获取的话,可能会在FRAGMENT被回收后报空指针错误。
2)
看今日头条的效果是,没切换至类型界面后,才去刷新数据,Fragment自带了这个方法,如下:
- public void setUserVisibleHint(boolean isVisibleToUser) {}
你可以判断isVisibleToUser属性来知道是否是切换的界面已经完全可见,之后进行操作。代码中也注释了。
下面看看这次的效果图:
最后附上源码DEMO地址:下载地址
可能在代码方面写的不是很好,优化不足,希望大家提出来,共同进步。转载请注明http://blog.csdn.net/vipzjyno1/article/details/23619269
谢谢。
今日头条 --新闻阅读器相关推荐
- (android高仿系列)今日头条 --新闻阅读器 (一)
在模仿中循序渐进,以程序员角度去看待每一个APP是如何实现的,它有什么优缺点,并从中提升自己. 之前发现很多人在群里面.论坛上求网易新闻客户端的源码,之后我就去下了个网易新闻客户端和今日头条新闻客户端 ...
- android高仿今日头条 --新闻阅读器
摘要: 开发流程 第一篇:(android高仿系列)今日头条 --新闻阅读器 (一) 涉及到的知识点有 1.slidingmenu.lib (侧拉菜单包) 使用方法配置以及下载:点击这里 实 ...
- (android高仿系列)今日头条 --新闻阅读器 (三) 完结 、总结 篇
从写第一篇今日头条高仿系列开始,到现在已经过去了1个多月了,其实大体都做好了,就是迟迟没有放出来,因为我觉得,做这个东西也是有个过程的,我想把这个模仿中一步一步学习的过程,按照自己的思路写下来,在根据 ...
- (android高仿系列)今日头条 --新闻阅读器 (二)
高仿今日头条 --- 第一篇:(android高仿系列)今日头条 --新闻阅读器 (一) 上次,已经完成了头部新闻分类栏目的拖动效果. 这篇文章是继续去完善APP 今日头条 这个新闻阅读器的其他功能 ...
- 今日头条 --新闻阅读器 (二)
版权声明:本文为博主原创文章,未经博主允许不得转载. 目录(?)[+] 高仿今日头条 --- 第一篇:(android高仿系列)今日头条 --新闻阅读器 (一) 上次,已经完成了头部新闻分类栏目的拖动 ...
- 今日头条新闻阅读器 (三) 完结 、总结 篇
从写第一篇今日头条高仿系列开始,到现在已经过去了1个多月了,其实大体都做好了,就是迟迟没有放出来,因为我觉得,做这个东西也是有个过程的,我想把这个模仿中一步一步学习的过程,按照自己的思路写下来,在根据 ...
- Android 仿 新闻阅读器 菜单弹出效果(附源码DEMO)
这一系列博文都是:(android高仿系列)今日头条 --新闻阅读器 (一) 开发中碰到问题之后实现的,觉得可能有的开发者用的到或则希望独立成一个小功能DEMO,所以就放出来这么一个DEMO. 原本觉 ...
- 如何开发新闻阅读器(新闻软件、今日头条)?让我们一起动手吧!
过了几天,博主又匿起来开发了一款新闻阅读器,新闻来源是百度APIStore里的免费API接口,开发的灵感和思路来自今日头条. 有的时候,模范别人应用其实就是一种开发的学习手段,因 ...
- android实现阅读器底部菜单,android仿新闻阅读器菜单弹出效果实例(附源码DEMO下载)...
开发中碰到问题之后实现的,觉得可能有的开发者用的到或则希望独立成一个小功能DEMO,所以就放出来这么一个DEMO. 原本觉得是最后完成后发网站客户端的,可是这样体现不出一个功能一个功能的分析实现效果, ...
最新文章
- R语言使用ggplot2包使用geom_violin函数绘制分组小提琴图(自定义边界调色板、brewer调色板、比例灰度)实战
- LeetCode 295. 数据流的中位数 Hard难度
- PHP内置函数生成随机数的方法汇总
- python 正则re模块
- 儿童节礼包!10 后都开始学编程了,你需要这个阿里技术电子书大全
- Springboot注册Listener
- AT1983-[AGC001E]BBQ Hard【dp,组合数学】
- springMVCs下载
- js技术要点---JS 获取网页源代码
- 为迎接祖国60华诞,更换博客页面了!!!
- 【EOS】EOS环境基础
- Jvisualvm监控远程SpringBoot项目
- 系统架构设计师:分布式系统(中间件技术)
- xp系统打开sql服务器不可用,xp系统安装sql2000个人版无反应
- CSS 教程(全)+代码
- flyaway mysql_graylog2.3日志服务器
- ASP中Split分割字符串函数的实例用法
- 封装原生javascript连缀
- CircRNA–miRNA–mRNA调控网络分析
- 暴雪修改手机500服务器错误,网站http服务器内部500错误的解决方法 [图文]