上次，已经完成了头部新闻分类栏目的拖动效果。

这篇文章是继续去完善APP 今日头条  这个新闻阅读器的其他功能。

这次所实现的功能清单：

1.通过SlidingMenu实现左右侧拉菜单效果

2.通过重写CompoundButton实现--昼夜模式切换按钮效果。

3.通过PopupWindow控件实现了列表中更多菜单弹框操作效果。

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

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

下面把每个功能和对应的实现方式相关博文都列出了，方便大家根据自身需求查看。

下面就是官方的效果截图，详细操作请继续向下看。

一.通过SlidingMenu实现左右侧拉菜单效果

在第一讲中，我们已经知道了，它使用了SlidingMenu 这个侧拉菜单开源库，所以我特地将 SlidingMenu的使用和配置写了一个文章，文章地址：Android SlidingMenu 开源项目 侧拉菜单的使用（详细配置）

所以具体的配置就不在这里说明了，大家可以去看上面给的链接。

注意：由于 今日头条用的是左右都可以侧拉的菜单，所以设置侧拉模式为：SlidingMenu.LEFT_RIGHT，代码如下

[java] view plaincopy

1. localSlidingMenu.setMode(SlidingMenu.LEFT_RIGHT);//设置左右滑菜单    

由于左右可以拖出菜单，并且中间的ViewPager可以切换新闻页面，所以SlidingMenu的必须如此设置以下属性：

[java] view plaincopy

1. localSlidingMenu.setTouchModeAbove(SlidingMenu.SLIDING_WINDOW);//设置要使菜单滑动，触碰屏幕的范围  

SLIDEING_WINDOW就是触摸边缘才会出发，这样的话滑动操作就不用冲突了。
 

为了方便代码的维护，我将SlidingMenu 自定义成了一个DrawerView类，这样的话所有菜单中的操作就和主界面分离开来，代码就不会显得那么臃肿了，并且在用到的地址直接实例化这个类就可以了。

代码如下：

[java] view plaincopy

1. public class DrawerView implements OnClickListener{  
2.     private final Activity activity;  
3.     SlidingMenu localSlidingMenu;  
4.     private SwitchButton night_mode_btn;  
5.     private TextView night_mode_text;  
6.     private RelativeLayout setting_btn;  
7.     public DrawerView(Activity activity) {  
8.         this.activity = activity;  
9.     }  
10.   
11.     public SlidingMenu initSlidingMenu() {  
12.         localSlidingMenu = new SlidingMenu(activity);  
13.         localSlidingMenu.setMode(SlidingMenu.LEFT_RIGHT);//设置左右滑菜单  
14.         localSlidingMenu.setTouchModeAbove(SlidingMenu.SLIDING_WINDOW);//设置要使菜单滑动，触碰屏幕的范围  
15. //      localSlidingMenu.setTouchModeBehind(SlidingMenu.RIGHT);  
16.         localSlidingMenu.setShadowWidthRes(R.dimen.shadow_width);//设置阴影图片的宽度  
17.         localSlidingMenu.setShadowDrawable(R.drawable.shadow);//设置阴影图片  
18.         localSlidingMenu.setBehindOffsetRes(R.dimen.slidingmenu_offset);//SlidingMenu划出时主页面显示的剩余宽度  
19.         localSlidingMenu.setFadeDegree(0.35F);//SlidingMenu滑动时的渐变程度  
20.         localSlidingMenu.attachToActivity(activity, SlidingMenu.RIGHT);//使SlidingMenu附加在Activity右边  
21. //      localSlidingMenu.setBehindWidthRes(R.dimen.left_drawer_avatar_size);//设置SlidingMenu菜单的宽度  
22.         localSlidingMenu.setMenu(R.layout.left_drawer_fragment);//设置menu的布局文件  
23. //      localSlidingMenu.toggle();//动态判断自动关闭或开启SlidingMenu  
24.         localSlidingMenu.setSecondaryMenu(R.layout.profile_drawer_right);  
25.         localSlidingMenu.setSecondaryShadowDrawable(R.drawable.shadowright);  
26.         localSlidingMenu.setOnOpenedListener(new SlidingMenu.OnOpenedListener() {  
27.                     public void onOpened() {  
28.                           
29.                     }  
30.                 });  
31.           
32.         initView();  
33.         return localSlidingMenu;  
34.     }  
35.   
36.     private void initView() {  
37.         night_mode_btn = (SwitchButton)localSlidingMenu.findViewById(R.id.night_mode_btn);  
38.         night_mode_text = (TextView)localSlidingMenu.findViewById(R.id.night_mode_text);  
39.         night_mode_btn.setOnCheckedChangeListener(new OnCheckedChangeListener() {  
40.               
41.             @Override  
42.             public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {  
43.                 // TODO Auto-generated method stub  
44.                 if(isChecked){  
45.                     night_mode_text.setText(activity.getResources().getString(R.string.action_night_mode));  
46.                 }else{  
47.                     night_mode_text.setText(activity.getResources().getString(R.string.action_day_mode));  
48.                 }  
49.             }  
50.         });  
51.         night_mode_btn.setChecked(false);  
52.         if(night_mode_btn.isChecked()){  
53.             night_mode_text.setText(activity.getResources().getString(R.string.action_night_mode));  
54.         }else{  
55.             night_mode_text.setText(activity.getResources().getString(R.string.action_day_mode));  
56.         }  
57.           
58.         setting_btn =(RelativeLayout)localSlidingMenu.findViewById(R.id.setting_btn);  
59.         setting_btn.setOnClickListener(this);  
60.     }  
61.   
62.     @Override  
63.     public void onClick(View v) {  
64.         switch (v.getId()) {  
65.         case R.id.setting_btn:  
66.             activity.startActivity(new Intent(activity,SettingsActivity.class));  
67.             activity.overridePendingTransition(R.anim.slide_in_right, R.anim.slide_out_left);  
68.             break;  
69.   
70.         default:  
71.             break;  
72.         }  
73.     }  
74. }  

2.通过重写CompoundButton实现--昼夜模式切换按钮效果

看源码发现，今日头条的中的是SwitchButton昼夜模式选择控件，是通过重写CompoundButton实现的，以下便是实现对应方法的相关帖子：

SwitchButton 开关按钮 的多种实现方式 （附源码DEMO）

根据需求选择你喜欢的SwitchButton去修改和使用。

3.通过PopupWindow控件实现了列表中更多菜单弹框操作效果。

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

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

 

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

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

开发中的几个问题总结：

关于Fragment

1）

[java] view plaincopy

1. @Override  
2. public void onAttach(Activity activity) {  
3. // TODO Auto-generated method stub  
4. this.activity = activity;  
5. super.onAttach(activity);  
6. }  

通过onAttach（）方法获取父类ACTIVITY，如果在调用getActivity()方法获取的话，可能会在FRAGMENT被回收后报空指针错误。

2）

看今日头条的效果是，没切换至类型界面后，才去刷新数据，Fragment自带了这个方法，如下：

[java] view plaincopy

1. public void setUserVisibleHint(boolean isVisibleToUser) {｝  

你可以判断isVisibleToUser属性来知道是否是切换的界面已经完全可见，之后进行操作。代码中也注释了。

下面看看这次的效果图：

最后附上源码DEMO地址：下载地址

可能在代码方面写的不是很好，优化不足，希望大家提出来，共同进步。转载请注明http://blog.csdn.net/vipzjyno1/article/details/23619269

谢谢。