【Android基础入门〖12〗】滑动菜单SlidingMenu

目录(?)[+]

注：本篇文章基于我以前发表的文章 Android 之 Fragment 之上，稍作修改即可达到 炫酷的 滑动效果 :)

 

具体步骤如下:

NO.1:    新建一个 内容布局，用于显示文章

             之所以要新建一个而不是用 right_fragment.xml  是因为 RightFragment 需要被实例化啊，哈哈，这是个重点哦。

            因为我们已不再使用之前的 main_layout.xml 了。

             contentlayout.xml

1. <?xml version="1.0" encoding="utf-8"?>  
2. <fragment xmlns:android="http://schemas.android.com/apk/res/android"  
3.     android:id="@+id/right_fragment"  
4.     android:name="com.example.myfragments.RightFragment"  
5.     android:layout_width="match_parent"  
6.     android:layout_height="match_parent"/>  

NO.2:    新建一个 菜单布局，用于显示菜单

             原因与第一步的原因相同 :)

             menulayout.xml

1. <?xml version="1.0" encoding="utf-8"?>  
2. <fragment xmlns:android="http://schemas.android.com/apk/res/android"  
3.     android:id="@+id/left_fragment"  
4.     android:name="com.example.myfragments.LeftFragment"  
5.     android:layout_width="match_parent"  
6.     android:layout_height="match_parent"/>  

NO.3:    下载并安装 SlidingMenu

            下载地址  https://github.com/jfeinstein10/SlidingMenu 

    打开 Eclipse ，将 SlidingMenu 导入。

            

            

    

    

            设置 项目 library 的属性，勾选 Is Library 。

            

            

            在自己的项目中引用 library 库，我的项目为 MyFragments

            

            

            

            

 

            由于 SlidingMenu 自带了 android-support-v4.jar，所以需要将自己项目中原有的 android-support-v4.jar 删掉。

            成功导入后的截图为:

            

            ok，至此 SlidingMenu 已经成功引入，下面就开始使用吧 :)

 

NO.4:    使用 SlidingMenu

            只需要将 原 MainActivity.java 改写成如下代码即可

1. package com.example.myfragments;  
2. import android.app.Activity;  
3. import android.os.Bundle;  
4. import android.view.Window;  
5. import android.view.WindowManager;  
6. import com.jeremyfeinstein.slidingmenu.lib.SlidingMenu;  
7. public class MainActivity extends Activity implements onItemSeletedListener{  
8.     @Override  
9.     public void onCreate(Bundle savedInstanceState) {  
10.         super.onCreate(savedInstanceState);  
11.         getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN, WindowManager.LayoutParams.FLAG_FULLSCREEN);     
12.         requestWindowFeature(Window.FEATURE_NO_TITLE);     
13.           
14.         //开始设置滑动菜单  
15.         setContentView(R.layout.contentlayout);                     //设置正文的显示布局  
16.         //-------------------------------------------------------------------------------------  
17.         //NO.1    继承 SlidingActivity 方式  
18.         //setBehindContentView(R.layout.menulayout);                //设置左侧菜单的布局  
19.         //SlidingMenu menu = getSlidingMenu();  
20.         //-------------------------------------------------------------------------------------  
21.         //NO.2    非继承 SlidingActivity 方式  
22.         SlidingMenu menu = new SlidingMenu(this);  
23.         menu.attachToActivity(this, SlidingMenu.SLIDING_CONTENT);  
24.         menu.setMenu(R.layout.menulayout);                            //添加菜单  
25.         //-------------------------------------------------------------------------------------  
26.           
27.           
28.         menu.setMode(SlidingMenu.LEFT);                                //设置菜单位置  
29.         menu.setTouchModeAbove(SlidingMenu.TOUCHMODE_MARGIN);        //设置菜单打开方式  
30.                                                                     //TOUCHMODE_FULLSCREEN     全屏模式  
31.                                                                     //TOUCHMODE_MARGIN         边缘模式  
32.                                                                     //TOUCHMODE_NONE         不能通过手势打开  
33.           
34.           
35.         menu.setShadowWidth(12);                                    //设置渐变效果宽度    位于菜单 与 内容 之间  
36.         menu.setShadowDrawable(R.drawable.shadow);                    //设置菜单渐变效果  
37.         menu.setFadeDegree(0.9f);                                    //设置淡入程度       当滑出菜单时，渐变效果由0.9 - 0 淡入  
38.    
39.         menu.setBehindOffset(250);                                    //设置菜单滑出后 距离屏幕右边的长度(直接设置 dp)  
40.         //-------------------------------------------------------------------------------------  
41.         //设置结束  
42.           
43.           
44.           
45.           
46.           
47.         //Fragment 一些代码增删改  
48.         //添加  
49.         //FragmentManager fragmentmanager=getFragmentManager();  
50.         //FragmentTransaction fragmenttransaction=fragmentmanager.beginTransaction();  
51.         //LeftFragment leftfragment=new LeftFragment();  
52.         //fragmenttransaction.add(R.id.left_fragment, leftfragment);  
53.         //fragmenttransaction.commit();  
54.         //删除  
55.         //FragmentManager fragmentmanager=getFragmentManager();  
56.         //FragmentTransaction fragmenttransaction=fragmentmanager.beginTransaction();  
57.         //Fragment leftfragment=fragmentmanager.findFragmentById(R.id.left_fragment);  
58.         //fragmenttransaction.remove(leftfragment);  
59.         //fragmenttransaction.commit();  
60.         //替换  
61.         //FragmentManager fragmentmanager=getFragmentManager();  
62.         //FragmentTransaction fragmenttransaction=fragmentmanager.beginTransaction();  
63.         //fragmenttransaction.replace(R.id.left_fragment, new LeftFragment());  
64.         //fragmenttransaction.commit();  
65.     }  
66.     @Override  
67.     public void onItemSeleted(int position) {  
68.         RightFragment rightFragment=(RightFragment) getFragmentManager().findFragmentById(R.id.right_fragment);  
69.           
70.         if(rightFragment != null)  
71.             rightFragment.update(position);  
72.     }  
73. }  

        上述代码中用到的 渐变设置为 R.drawable.shadow   该配置文件用到的颜色值见 文章   Android ListView 之 SimpleAdapter 二 (包含 item 中按钮监听) 中 第五节 color.xml 颜色值。

1. <?xml version="1.0" encoding="utf-8"?>  
2. <shape xmlns:android="http://schemas.android.com/apk/res/android" >  
3.     <gradient  
4.         android:endColor="@color/darkblue"  
5.         android:centerColor="@color/darkgray"  
6.         android:startColor="@color/black" />  
7. </shape>  

NO.5:    滑动菜单效果展示

        

        注意此处的渐变淡入效果

        

        渐变效果为 由 黑色-深灰色-深蓝色 渐变。

        

        

注：转载请注明出处 :)   毕竟代码是一个一个敲出来的啊，O(∩_∩)O~

http://blog.csdn.net/mkrcpp/article/details/11984875