博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
【Android UI设计与开发】9:滑动菜单栏(一)开源项目SlidingMenu的使用和示例
阅读量:5749 次
发布时间:2019-06-18

本文共 4760 字,大约阅读时间需要 15 分钟。

一、SlidingMenu简介

     相信大家对SlidingMenu都不陌生了,它是一种比较新的设置界面或配置界面的效果,在主界面左滑或者右滑出现设置界面效果,能方便的进行各种操作。很多优秀的应用都采用了这种界面方案,像facebook、人人网、everynote、Google+等等。如下图所示:

 因为效果确实比较新颖,所以在很多的应用开发中去实现此效果,解决的办法也是不尽相同。诸多比较以后发

现,还是GitHub上的开源项目提供了最佳的实现:定制灵活、各种阴影和渐变以及动画的滑动效果都很不错。不过这是一个开源库,而不是一个完整的项目,要把它作为libary引入到你自己的工程里,简单配置一下就可以实现SlidingMenu的效果。

二、SlidingMenu使用

 slidingmenu_library下载地址:

要想能够实现SlidingMenu的效果,首先必须要将它作为libary导入到你的工程

1、下载完毕之后,将此项目导入Eclipse开发环境中

 

2、导入项目之后,然后在新建一个Android项目,将slidingmenu_library导入新建的Android项目中,步骤如下:

<1> 右键点击新建的Android项目,然后点击最下方的“Properties”选项;

<2> 点击弹出对话框之后,在最左侧选择“Android”选项,然后再点击右下方的“Add”按钮;

<3> 点击后弹出对话框,选中之前导入的slidingmenu_library项目

<4> 选中之后如图所示;

<5> 这就说明了导入库已经成功了,导入成功之后会在Android的引用包中出现一个slidingmenu_library.jar包;

 

注意:这里有个地方需要大家特别注意一下,在新建完Android项目之后,较新的Eclipse版本都会在Android目录下生成一个libs的文件夹,里面会有一个android-support-v4.jar的jar包,这个jar一定要记得删掉,否则运行程序的时候会出现异常,提示是找不到类的异常。出现异常的原因是因为在导入slidingmenu_library类库的时候,这个类库里面本身就包含了android-support-v4.jar的jar包,所以运行的时候就会出现异常,系统不知道去调用哪个路径的下的包,所以程序崩溃,提示找不到类。

 

、SlidingMenu示例

1.效果图片(GIF图片比较大,有3.6M)

 

2.代码讲解

1、项目结构图

 

 

2、content_frame.xml布局

 

3、menu_frame.xml布局

 

4、list.xml

 

5、row.xml

 

6、shadow.xml资源

 

7、SampleListFragment类

package com.yanis.slidingmenu;import android.content.Context;import android.os.Bundle;import android.support.v4.app.ListFragment;import android.view.LayoutInflater;import android.view.View;import android.view.ViewGroup;import android.widget.ArrayAdapter;import android.widget.ImageView;import android.widget.TextView;/** * 划出的菜单栏 - 用来显示界面中的列表的。 */public class SampleListFragment extends ListFragment {    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {        return inflater.inflate(R.layout.list, null);    }    public void onActivityCreated(Bundle savedInstanceState) {        super.onActivityCreated(savedInstanceState);                SampleAdapter adapter = new SampleAdapter(getActivity());                for (int i = 0; i < 20; i++) {            adapter.add(new SampleItem("Sample List", android.R.drawable.ic_menu_search));        }        setListAdapter(adapter);    }        public class SampleAdapter extends ArrayAdapter
{ public SampleAdapter(Context context) { super(context, 0); } public View getView(int position, View convertView, ViewGroup parent) { if (convertView == null) { convertView = LayoutInflater.from(getContext()).inflate(R.layout.row, null); } ImageView icon = (ImageView) convertView.findViewById(R.id.row_icon); icon.setImageResource(getItem(position).iconRes); TextView title = (TextView) convertView.findViewById(R.id.row_title); title.setText(getItem(position).tag); return convertView; } } private class SampleItem { public String tag; public int iconRes; public SampleItem(String tag, int iconRes) { this.tag = tag; this.iconRes = iconRes; } }}

 

8、SlidingMenuActivity_1、SlidingMenuActivity_2

这些类是对SlidingMenu的属性进行设置,下面放个简单的,具体可以查看

package com.yanis.slidingmenu;import android.os.Bundle;import android.support.v4.app.FragmentActivity;import com.jeremyfeinstein.slidingmenu.lib.SlidingMenu;/** *  * @author yechao * @说明 一个简单的放置在左边滑动菜单栏的效果 */public class SlidingMenuActivity_2 extends FragmentActivity {    private SlidingMenu menu;    @Override    protected void onCreate(Bundle savedInstanceState) {        super.onCreate(savedInstanceState);        // 设置标题        setTitle("Attach");        // 初始化滑动菜单        initSlidingMenu();    }    /**     * 初始化滑动菜单     */    private void initSlidingMenu() {        // 设置主界面视图        setContentView(R.layout.content_frame);        getSupportFragmentManager().beginTransaction()                .replace(R.id.content_frame, new SampleListFragment()).commit();        // 设置滑动菜单的属性值        menu = new SlidingMenu(this);        menu.setTouchModeAbove(SlidingMenu.TOUCHMODE_FULLSCREEN);        menu.setShadowWidthRes(R.dimen.shadow_width);        menu.setShadowDrawable(R.drawable.shadow);        menu.setBehindOffsetRes(R.dimen.slidingmenu_offset);        menu.setFadeDegree(0.35f);        menu.attachToActivity(this, SlidingMenu.SLIDING_CONTENT);        // 设置滑动菜单的视图界面        menu.setMenu(R.layout.menu_frame);        getSupportFragmentManager().beginTransaction()                .replace(R.id.menu_frame, new SampleListFragment()).commit();    }    @Override    public void onBackPressed() {        // 点击返回键关闭滑动菜单        if (menu.isMenuShowing()) {            menu.showContent();        } else {            super.onBackPressed();        }    }}

 

源代码地址:

本文地址:

来源文章:

转载地址:http://edhzx.baihongyu.com/

你可能感兴趣的文章
How to automatically enroll user and computer certificate in AD
查看>>
openstack G版 修改vm的flavor级别
查看>>
shared pool分析之结构
查看>>
我的友情链接
查看>>
FastDFS+Nginx多硬盘的配置
查看>>
中间表模式接口,基础数据同步
查看>>
python
查看>>
linux打包与解压问题集锦
查看>>
Linux 虚拟web相关
查看>>
UIPickerView的自定义视图
查看>>
Flash pixel Bender学习笔记
查看>>
apache2.4配置多个端口对应多个目录
查看>>
vue-router
查看>>
雷林鹏分享:codeigniter框架文件上传处理
查看>>
数据库连接
查看>>
Android开发学习——自定义View
查看>>
JQ使用Append添加html文本后再删除该html文本
查看>>
B/S与C/S结构的区别
查看>>
MathType中常见的两种符号的运用
查看>>
自动填充功能关闭解决表单input框屎黄色问题
查看>>