zoukankan      html  css  js  c++  java
  • Android 开发自己的网络收音机2——电台列表(SlidingMenu侧滑栏)

      上一篇文章总体规划了这个项目的情况,今天讲讲实现电台列表。今天其实主要想讲解的是SlidingMenu,也就是我们平时说的侧滑栏,现在很多应用都有用这种UI效果。SlidingMenu侧滑栏功能实现的方式很多,可以自己使用ViewGroup实现也可以自己绘图实现。我这里借用了一个开源项目SlidingMenu,因为我这里不是研究如何实现SlidingMenu,而且为了快速实现这种功能,所以就直接使用这个开源项目的成果。

    (PS:新建的QQ群,有兴趣可以加入一起讨论:Android群:322599434)

      

    上面就是侧滑栏的效果,指定一边滑动,就可以拉出一个新的界面出来。

    1、工程里引用SlidingMenu

      首先我们说说这个开源工程如何使用,因为SlidingMenu是以工程库的形式使用,因此我们只需要在我们的工程里面应用这个工程就行。下面说说具体步骤:(这是给初学者看的哈,有经验的跳过)

      我们添加SlidingMenu后,可以查看该工程属性,其中有一个Library的属性,说明这是一个Library工程。然后只需要在我们使用的工程里添加应用这个外部库就可以。

    这里添加外部Library,因为我还引用了另外一个解码库Vitamio,所以会有两个外部库。

    2、初始化SlidingMenu

    //Edited by mythou
    //http://www.cnblogs.com/mythou/
      private void initChannelMenu()
        {
         //创建SlidingMenu对象 mChannelMenu
    = new SlidingMenu(this);
         //设置侧滑栏菜单位置,这里在左边。拉动菜单时,会从左边弹出 mChannelMenu.setMode(SlidingMenu.LEFT);
         //设置触摸的范围,这里设置全屏 mChannelMenu.setTouchModeAbove(SlidingMenu.TOUCHMODE_FULLSCREEN);
         //设置阴影的宽度,查看上面第二张效果图,靠右边的位置,有一个阴影过渡。就是这个东西 mChannelMenu.setShadowWidthRes(R.dimen.shadow_width);
         //这里是阴影效果,可以设置图片或者一个颜色过渡 mChannelMenu.setShadowDrawable(R.drawable.shadow);
         //设置后面间距,侧滑栏和原来界面间距 mChannelMenu.setBehindOffsetRes(R.dimen.slidingmenu_offset);
         //边框的角度,这里指边界地方 mChannelMenu.setFadeDegree(
    0.35f);
         //把侧滑栏关联到当前的Activity mChannelMenu.attachToActivity(
    this, SlidingMenu.SLIDING_CONTENT);
         //侧滑栏的布局文件 mChannelMenu.setMenu(R.layout.channel_slide_menu); }

      上面给出了SlidingMenu的详细初始化配置,我们使用的时候可以根据需要的实际效果配置,达到我们需要的效果。SlidingMenu这个开源工程接口实现很好,可以实现很复杂的配置,同时使用的过程也十分简单,如果你只是单纯需要这种功能,借用这个开源项目是不错的选择。如果需要自己实现,也可以借鉴一下这工程。

    3、弹出和收起SlidingMenu

      一帮情况下,只有设置了上面的mChannelMenu.setTouchModeAbove(SlidingMenu.TOUCHMODE_FULLSCREEN) ,我们只要在屏幕上面向右滑动就可以把SlidingMenu拉出来,不过有时候我们也需要实现点击某个按钮就可以把它拉出来,就像我们上面的“电台列表”按钮,点击一下会自动弹出SlidingMenu处理,要实现这功能很简单,只要调动SlidingMenu一个借口即可。

    //Edited by mythou
    //http://www.cnblogs.com/mythou/
    mOpenMenuButton.setOnClickListener(new OnClickListener()
    {
        @Override
        public void onClick(View v)
        {
        //调用SlidingMenu的显示菜单接口 mChannelMenu.showMenu(); } });

    上面通过调用showMenu()即可显示菜单。隐藏SlidingMenu同样只需要调用一个接口

    
    
    //Edited by mythou
    //http://www.cnblogs.com/mythou/
    @Override
    public void onBackPressed()
    {
         if (mChannelMenu.isMenuShowing()) 
         {
         //隐藏SlidingMenu,这里的Content就是我们的主Activity。 mChannelMenu.showContent(); }
    else { super.onBackPressed(); } }

    我这里放在了返回键的处理,按下返回键的时候,自动收起SlidingMenu菜单。

    4、总结

      SlidingMenu是一个在Git上很火也很实用的项目,通过使用该项目可以快速在我们的项目中使用侧滑栏功能,只要按照我上面配置在新工程引用SlidingMenu就可以。另外补充一点,SlidingMenu提供了一个例子,不过需要用到另外一个开源工程ActionBarSherlock ,如果要配置该例子,注意引用这工程。不过我配置的时候遇到不少问题,建议大家按照我上面方法直接新建一个工程,先看看SlidingMenu的使用和效果。

    SlidingMenu的Git项目托管地址:https://github.com/jfeinstein10/SlidingMenu

    系列文章:

    Android 开发自己的网络收音机1——功能要求及设计方案

    Edited by mythou

    原创博文,转载请标明出处:http://www.cnblogs.com/mythou/p/3205100.html 

  • 相关阅读:
    Maven POM 元素参考表
    Hibernate MySql 连接池隔天断开解决方法
    html页面乱码问题
    Maven常用插件列表
    cygwin下使用vi
    干掉已打开的端口(如:停止8080端口)
    将Maven的Web Project部署到Tomcat
    [转]利用FtpClient类实现文件的上传下载功能
    关于生成GUID
    FinalShell 离线激活工具
  • 原文地址:https://www.cnblogs.com/mythou/p/3205100.html
Copyright © 2011-2022 走看看