高仿今日头条 --- 第一篇：（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();//动态判断自动关闭或开启SlidingMenulocalSlidingMenu.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() {@Overridepublic void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {// TODO Auto-generated method stubif(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);}@Overridepublic 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控件实现了列表中更多菜单弹框操作效果。

在开发中发现，每个新闻列表中对应的ITEM中按钮出发的弹框效果其实是通过PopupWindow实现的，相关博文如下
android 仿 新闻阅读器 菜单弹出效果（附源码DEMO）

4.通过universal-image-loader库实现了图片的加载和缓存。

一个新闻客户端肯定涉及到一个图片异步加载缓存的方法，所以这里使用开发中最常用的开源库之一

universal-image-loader来实现相关的需求。如果你对这个库的使用不是很了解的话，可以查看以下链接：

Android-Universal-Image-Loader 图片异步加载类库的使用（超详细配置）
---根据你需求配置相应的属性即可。

5.通过列表中各个属性的判断，实现了头条新闻列表的相应布局和显示效果。

新闻客户端中，每个新闻的布局都可能不一样，所以你可以选择2种最常用的方式去根据需求改变一个LISTVIEW里面的布局。
1.操作上会麻烦一点，维护起来很方便
BaseAdapter中有个自带的方法，就是getViewTypeCount() ，用户可以使用这个方法获取ITEM的种类数量，之后在getView()的时候判断对应到额种类type之后设给他对应的布局即可，常见的例子有：唱吧中的名人榜
2.操作上很方便，只用根据需求设置布局的显示隐藏效果，缺点：如果控件一多，不在注释的话，可能维护起来就很麻烦。
在这里，其实采用第2种方式就可以了，分析它对应的以下布大致的5种局：
 
布局---1 
布局---2
布局---3
布局---4
布局---5
分析上述布局，其实他们的大体布局是一样的，知识根据图片的张数，图片的大小，以及新闻类别的评论来判断布局的对应显示隐藏问题，只要根据相对应的属性便可以很好的实现这个效果，所以方法2是最合适的。

其他操作就是根据服务器返回的数据类型，是否为空等作相应操作即可。

上述就是目前完成的进度，虽然数据啥都是在本地写死的，可是已经大体的算得上是的一个新闻阅读器了，之后会继续完善其他为完成的功能。

开发中的几个问题总结：

关于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高仿系列）今日头条 --新闻阅读器 （二）相关推荐

  1. （android高仿系列）今日头条 --新闻阅读器 （一）

    在模仿中循序渐进,以程序员角度去看待每一个APP是如何实现的,它有什么优缺点,并从中提升自己. 之前发现很多人在群里面.论坛上求网易新闻客户端的源码,之后我就去下了个网易新闻客户端和今日头条新闻客户端 ...

  2. （android高仿系列）今日头条 --新闻阅读器 （三） 完结 、总结 篇

    从写第一篇今日头条高仿系列开始,到现在已经过去了1个多月了,其实大体都做好了,就是迟迟没有放出来,因为我觉得,做这个东西也是有个过程的,我想把这个模仿中一步一步学习的过程,按照自己的思路写下来,在根据 ...

  3. android高仿今日头条 --新闻阅读器

    摘要: 开发流程 第一篇:(android高仿系列)今日头条 --新闻阅读器 (一) 涉及到的知识点有 1.slidingmenu.lib  (侧拉菜单包)   使用方法配置以及下载:点击这里   实 ...

  4. 今日头条 --新闻阅读器

    高仿今日头条 --- 第一篇:(android高仿系列)今日头条 --新闻阅读器 (一) 上次,已经完成了头部新闻分类栏目的拖动效果. 这篇文章是继续去完善APP 今日头条  这个新闻阅读器的其他功能 ...

  5. 今日头条 --新闻阅读器 （二）

    版权声明:本文为博主原创文章,未经博主允许不得转载. 目录(?)[+] 高仿今日头条 --- 第一篇:(android高仿系列)今日头条 --新闻阅读器 (一) 上次,已经完成了头部新闻分类栏目的拖动 ...

  6. 今日头条新闻阅读器 （三） 完结 、总结 篇

    从写第一篇今日头条高仿系列开始,到现在已经过去了1个多月了,其实大体都做好了,就是迟迟没有放出来,因为我觉得,做这个东西也是有个过程的,我想把这个模仿中一步一步学习的过程,按照自己的思路写下来,在根据 ...

  7. Android 仿 新闻阅读器 菜单弹出效果（附源码DEMO）

    这一系列博文都是:(android高仿系列)今日头条 --新闻阅读器 (一) 开发中碰到问题之后实现的,觉得可能有的开发者用的到或则希望独立成一个小功能DEMO,所以就放出来这么一个DEMO. 原本觉 ...

  8. [Android] Android 手机下 仿 今日头条 新闻客户端

    利用一个月的时间,自学了 Android 开发 ,为了检验学习成果,特意 开发了这个  仿 今日头条 新闻客户端 AppNews 包括图文新闻+视频新闻+图片新闻 预览演示如下: 功能说明: 1)底部 ...

  9. android高仿京东快报（垂直循环滚动新闻栏）

    的android高仿京东快报(垂直循环滚动新闻栏) 标签: 机器人 2016年3月20日03:08 2676阅读人 评论(15)收藏举报    分类: 机器人(71)  版权声明:本文为博主原创文章, ...

最新文章

  1. 中矿大新生赛 A 求解位数和【字符串】
  2. 做了几道Linux笔试题1
  3. 科目三电子考的通过率普遍偏低
  4. zabbix加vm虚拟服务器,zabbix监控vmware exsi主机的图文步骤
  5. pcie握手机制_【博文连载】PCIe扫盲——Ack/Nak 机制详解（一）
  6. 编译或者运行找不到库解决
  7. 【剑指Offer】10、矩形覆盖
  8. 树莓派modelB无法识别exFat格式的SD卡
  9. 大麦dw11sa不拆机刷机padavan+breed
  10. arcgis10.2之Maplex（高级标注扩展模块）
  11. firefox 各个版本都在这里
  12. 一篇文让你看懂NB-IoT、LoRa、eMTC、Sigfox及ZigBee的应用场景【转】
  13. 仓管员的个人年终总结pos维护调度年终总结
  14. 如何计算股票程序化交易系统的收益率？
  15. 前端、后台、客户端以及服务器
  16. ctfshow Nodejs
  17. 电子计算机音乐 faded,Faded - Alan Walker 73.6M [FLAC格式]
  18. C语言程序设计第二次作业
  19. 清明节全网灰色主题实现原理
  20. 徐直军：今年至少3亿设备用上鸿蒙，互联网又一领域暗藏“金矿“

热门文章

  1. 归并排序 C语言实现
  2. 选择程序员，意味着终生学习
  3. jupyter快捷键总结
  4. 2021年cccc天梯赛题解
  5. Springcloud报错：Action: Consider defining a bean of type ‘com.XXX.dao.XXXDao‘ in your configuration
  6. Virtualbox下ubuntu忘记密码
  7. c语言判断框是,判断单选按钮和复选框是否被选中
  8. Java Swing 标签 Label ，图标标签和图片标签。
  9. 21、python复数
  10. JPA简单入门以及IDEA第一个JPA程序