`
he91_com
  • 浏览: 400984 次
文章分类
社区版块
存档分类
最新评论

Android 之 滑动菜单 (基于 SlidingMenu)

 
阅读更多

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

具体步骤如下:

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

之所以要新建一个而不是用 right_fragment.xml是因为 RightFragment需要被实例化啊,哈哈,这是个重点哦。
因为我们已不再使用之前的 main_layout.xml 了。
contentlayout.xml
<?xml version="1.0" encoding="utf-8"?>
<fragment xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/right_fragment"
    android:name="com.example.myfragments.RightFragment"
    android:layout_width="match_parent"
    android:layout_height="match_parent"/>

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

原因与第一步的原因相同 :)
menulayout.xml
<?xml version="1.0" encoding="utf-8"?>
<fragment xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/left_fragment"
    android:name="com.example.myfragments.LeftFragment"
    android:layout_width="match_parent"
    android:layout_height="match_parent"/>

NO.3:下载并安装 SlidingMenu

打开 Eclipse ,将 SlidingMenu 导入。
设置 项目 library 的属性,勾选 Is Library 。
在自己的项目中引用 library 库,我的项目为 MyFragments
由于 SlidingMenu 自带了 android-support-v4.jar,所以需要将自己项目中原有的 android-support-v4.jar 删掉。
成功导入后的截图为:
ok,至此 SlidingMenu 已经成功引入,下面就开始使用吧 :)

NO.4:使用 SlidingMenu

只需要将 原 MainActivity.java 改写成如下代码即可
package com.example.myfragments;
import android.app.Activity;
import android.os.Bundle;
import android.view.Window;
import android.view.WindowManager;
import com.jeremyfeinstein.slidingmenu.lib.SlidingMenu;
public class MainActivity extends Activity implements onItemSeletedListener{
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN, WindowManager.LayoutParams.FLAG_FULLSCREEN);   
        requestWindowFeature(Window.FEATURE_NO_TITLE);   
        
        //开始设置滑动菜单
        setContentView(R.layout.contentlayout);                     //设置正文的显示布局
        //-------------------------------------------------------------------------------------
        //NO.1    继承 SlidingActivity 方式
        //setBehindContentView(R.layout.menulayout);                //设置左侧菜单的布局
        //SlidingMenu menu = getSlidingMenu();
        //-------------------------------------------------------------------------------------
        //NO.2    非继承 SlidingActivity 方式
        SlidingMenu menu = new SlidingMenu(this);
        menu.attachToActivity(this, SlidingMenu.SLIDING_CONTENT);
        menu.setMenu(R.layout.menulayout);                            //添加菜单
        //-------------------------------------------------------------------------------------
        
        
        menu.setMode(SlidingMenu.LEFT);                                //设置菜单位置
        menu.setTouchModeAbove(SlidingMenu.TOUCHMODE_MARGIN);        //设置菜单打开方式
                                                                    //TOUCHMODE_FULLSCREEN     全屏模式
                                                                    //TOUCHMODE_MARGIN         边缘模式
                                                                    //TOUCHMODE_NONE         不能通过手势打开
        
        
        menu.setShadowWidth(12);                                    //设置渐变效果宽度    位于菜单 与 内容 之间
        menu.setShadowDrawable(R.drawable.shadow);                    //设置菜单渐变效果
        menu.setFadeDegree(0.9f);                                    //设置淡入程度       当滑出菜单时,渐变效果由0.9 - 0 淡入
 
        menu.setBehindOffset(250);                                    //设置菜单滑出后 距离屏幕右边的长度(直接设置 dp)
        //-------------------------------------------------------------------------------------
        //设置结束
        
        
        
        
        
        //Fragment 一些代码增删改
        //添加
        //FragmentManager fragmentmanager=getFragmentManager();
        //FragmentTransaction fragmenttransaction=fragmentmanager.beginTransaction();
        //LeftFragment leftfragment=new LeftFragment();
        //fragmenttransaction.add(R.id.left_fragment, leftfragment);
        //fragmenttransaction.commit();
        //删除
        //FragmentManager fragmentmanager=getFragmentManager();
        //FragmentTransaction fragmenttransaction=fragmentmanager.beginTransaction();
        //Fragment leftfragment=fragmentmanager.findFragmentById(R.id.left_fragment);
        //fragmenttransaction.remove(leftfragment);
        //fragmenttransaction.commit();
        //替换
        //FragmentManager fragmentmanager=getFragmentManager();
        //FragmentTransaction fragmenttransaction=fragmentmanager.beginTransaction();
        //fragmenttransaction.replace(R.id.left_fragment, new LeftFragment());
        //fragmenttransaction.commit();
    }
    @Override
    public void onItemSeleted(int position) {
        RightFragment rightFragment=(RightFragment) getFragmentManager().findFragmentById(R.id.right_fragment);
        
        if(rightFragment != null)
            rightFragment.update(position);
    }
}

上述代码中用到的 渐变设置为 R.drawable.shadow 该配置文件用到的颜色值见 文章 Android ListView 之 SimpleAdapter 二 (包含 item 中按钮监听)中 第五节 color.xml 颜色值。
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" >
    <gradient
        android:endColor="@color/darkblue"
        android:centerColor="@color/darkgray"
        android:startColor="@color/black" />
</shape>

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

注意此处的渐变淡入效果
渐变效果为 由 黑色-深灰色-深蓝色 渐变。


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



分享到:
评论

相关推荐

    滑动菜单栏slidingmenu,UI学习之路三

    滑动菜单栏(SlidingMenu)是Android应用开发中常用的一种设计模式,它为用户提供了一种从屏幕边缘滑动以显示或隐藏附加功能的方式。在移动设备上,这种设计能够有效地利用有限的屏幕空间,同时提供丰富的交互体验。...

    android SlidingMenu 滑动菜单

    Android SlidingMenu是一款在早期Android应用开发中广泛使用的开源库,它为开发者提供了一种实现侧滑菜单(也称为抽屉式菜单)的方式。这种菜单通常出现在应用的左侧或右侧,用户可以通过手势从屏幕边缘向内滑动来...

    andorid左右两侧滑动菜单SlidingMenu

    在Android应用开发中,SlidingMenu是一个非常常见且实用的组件,它允许用户通过从屏幕左侧或右侧滑动来展示一个隐藏的侧边菜单。这种设计模式被广泛应用于许多应用程序,如Google Maps、Facebook等,提供了更丰富的...

    android滑动菜单demo

    本教程将深入探讨如何在Android项目中实现一个滑动菜单,并基于提供的"android滑动菜单demo"进行讲解。 首先,我们来看一下"SlidingMenu-master"这个压缩包中的内容。这个项目通常包含了以下关键组件: 1. **源...

    SlidingMenu安卓滑动菜单

    总的来说,SlidingMenu是Android开发中一个强大的工具,它帮助开发者轻松实现滑动菜单效果,提升应用的用户体验。理解其工作原理和使用方法,对于增强Android应用的设计和功能是非常有价值的。通过研究SlidingMenu的...

    滑动菜单栏(开源项目SlidingMenu的示例)

    总的来说,SlidingMenu库为Android开发者提供了一种快速、便捷的方式来实现滑动菜单功能。通过理解它的基本原理和使用方法,你可以为自己的应用增添更多丰富的交互体验。在实践中,可以根据项目的具体需求进行定制,...

    Android滑动菜单源码

    本教程将深入探讨如何在Android项目中实现一个滑动菜单,主要基于提供的`SlidingMenuDemo`源码。 首先,`SlidingMenu`库是一个第三方组件,它使得在Android应用中添加滑动菜单变得简单。在`SlidingMenuDemo`中,...

    android微信菜单slidingmenu

    SlidingMenu的基本概念是基于Android的视图层次结构,它通常包含两个主要部分:主内容视图和侧滑菜单视图。当用户在屏幕边缘滑动时,菜单视图会覆盖或替换主内容视图的一部分,提供一种平滑过渡的效果。这种设计模式...

    Android高级应用源码-SlidingMenu 侧滑菜单 简化版.zip

    本文将基于“Android高级应用源码-SlidingMenu 侧滑菜单 简化版.zip”进行解析,探讨其设计原理和实现方式。 首先,SlidingMenu是一个流行的开源库,它为Android应用提供了一种实现侧滑菜单的方式。在源码中,我们...

    AndroidSlidingMenu滑动导航栏

    1. **抽屉布局(DrawerLayout)**:AndroidSlidingMenu基于Android原生的`android.widget.DrawerLayout`,它是实现侧滑菜单的基础组件。`DrawerLayout`可以容纳两个子视图,一个主内容视图和一个可滑动的菜单视图。 ...

    SlidingMenu:带有WebView的Android滑动菜单。 单击教程链接

    滑动菜单在Android中的实现主要基于`android.support.v4.widget.DrawerLayout`组件,这是Android官方提供的抽屉布局,允许开发者轻松创建这种交互式界面。然而,SlidingMenu库提供了一个更灵活、自定义程度更高的...

    Android应用源码之SlidingMenu左右宽度可调节菜单.zip

    本资源"Android应用源码之SlidingMenu左右宽度可调节菜单"专注于展示如何根据需求调整菜单的开合宽度,这在创建自定义用户体验时非常有用。 首先,SlidingMenu库由杰里米·范德米尔(Jeremy Feinstein)创建,它...

    Android应用源码之SlidingMenu(高仿facebook左右半切菜单).zip

    本篇将详细讲解基于SlidingMenu实现的Android应用源码及其核心知识点。 一、SlidingMenu简介 SlidingMenu是一个Android库项目,由Jeremy Feinstein开发,它允许开发者轻松地在他们的应用中添加一个可滑动的侧边菜单...

    滑动菜单之Fragment嵌套及状态保存

    基于滑动菜单(SlidingMenu)的Demo,其中主要解决了Fragment切换的状态保存,Fragment嵌套问题解决,Fragment多次加载UI问题修改,在Fragment中实现TabHost效果(fragment嵌套3层)! 解决的各个问题都是开发中经常...

    Android应用源码之SlidingMenu实现侧滑栏菜单.zip

    本资源"Android应用源码之SlidingMenu实现侧滑栏菜单.zip"提供了一个具体示例,帮助开发者理解如何在自己的应用中集成这一功能。 首先,我们需要了解SlidingMenu的基本原理。它通常基于手势检测,监听用户的滑动...

    侧滑菜单SlidingMenu+Fragment

    在Android应用开发中,侧滑菜单(SlidingMenu)是一种常见的设计模式,它允许用户通过从屏幕边缘向内滑动来展示或隐藏一个侧边栏,通常包含导航选项或者设置等。这种效果可以提供良好的用户体验,尤其是在大屏幕设备...

    安卓Android源码——SlidingMenu实现侧滑栏菜单.zip

    总结来说,"安卓Android源码——SlidingMenu实现侧滑栏菜单.zip"提供的资源可以帮助开发者学习如何使用SlidingMenu库在Android应用中创建侧滑栏菜单,理解滑动菜单的实现机制,并对比和学习官方的`DrawerLayout`和`...

    仿易信双向滑动SlidingMenu

    【标题】"仿易信双向滑动SlidingMenu"是一个Android开发中的组件,它模仿了易信应用的滑动菜单效果。在移动应用设计中,滑动菜单是一种常见的交互方式,用户可以通过从屏幕边缘向内滑动来显示或隐藏菜单,这种设计...

    android slidingmenu 开源项目的库+demo

    在Android应用开发中,滑动菜单(Sliding Menu)是一种常见的设计模式,它允许用户通过从屏幕边缘滑动来展示或隐藏一个侧...无论是初学者还是有经验的开发者,这个项目都是学习和实践Android滑动菜单的一个宝贵资源。

    Android SlidingMenu实现侧滑栏菜单-IT计算机-毕业设计.zip

    在Android开发中,SlidingMenu是一个非常常见的组件,它用于实现侧滑栏菜单,这种设计模式在许多应用程序中都有广泛的应用,例如Google Maps、Facebook等。侧滑栏菜单通常隐藏在主界面的左侧或右侧,当用户向左或向...

Global site tag (gtag.js) - Google Analytics