天天看点

[安卓] 17、一个简单的例子学安卓侧滑设计——用开源slidingmenu

效果如下:

[安卓] 17、一个简单的例子学安卓侧滑设计——用开源slidingmenu

下面是工程结构:

[安卓] 17、一个简单的例子学安卓侧滑设计——用开源slidingmenu

整个工程包括android-v7、SlidingMenu-lib和主工程SlidingMenuTest部分

其中前两个作为lib,后一个为主工程

主工程包含两个lib工程方法为:(易错点)

选择主工程属性

[安卓] 17、一个简单的例子学安卓侧滑设计——用开源slidingmenu
[安卓] 17、一个简单的例子学安卓侧滑设计——用开源slidingmenu

而主工程包括:

逻辑部分:(SRC)其中MainActivity.java是主入口,在主入口内调用部分函数可加载MainFragment.java所对应的Fragment

      而CircleImageView.java主要负责使头像呈圆形用的

显示部分:(layout)activity_main.xml对应主页面,layout_actionbar.xml对应actionbar(actionbar的形式可以通过这个调节),

      layout_menu.xml是侧栏,item_menu.xml是侧栏中的列表的item(上一节中讲了自定义列表和这个类似)

[安卓] 17、一个简单的例子学安卓侧滑设计——用开源slidingmenu

这里MainActivity协调整体逻辑:

该avtivity中代码比较简洁,一看便知道怎么用fragment的了——17、18

怎么设置侧滑——15

怎么设置bar——16

此外,在setmenu中对侧滑栏点击事件的监听和list一样——43to78

一看便会用~而fragment的java文件只写了个类(没内容),圆形头像相关的java不必看(会用即可)

<a></a>

对于layout中的几个文件的关系是:

activity_main.xml对应主页面,layout_actionbar.xml对应actionbar(actionbar的形式可以通过这个调节),layout_menu.xml是侧栏,item_menu.xml是侧栏中的列表的item(上一节中讲了自定义列表和这个类似)

这里的主界面就是最简单layout:

actionbar则包含一个图片和一个textview:

这里要注意11行,actionbar上的图标的点击监听已经指明,必须要实现该函数

侧滑栏的样式稍微复杂点:

上面头像+用户名采用垂直的linearLayout布局,在其中左边是自定义圆形图片,右边是一个textview

这里的button只是为了作为头像部分和list部分的分割线,仅此而已!!!

[安卓] 17、一个简单的例子学安卓侧滑设计——用开源slidingmenu

这里的list的item比较简单(当然你可以参照上一节做出很炫酷的list)

注意: 整个工程还自定义了一些资源,包括颜色、drawable、按钮动画...

上述工程连接:(一个zip包含3个)

<a href="http://pan.baidu.com/s/1dDyQjpZ" target="_blank">http://pan.baidu.com/s/1dDyQjpZ</a>

[安卓] 17、一个简单的例子学安卓侧滑设计——用开源slidingmenu

其他同类博文:

<a href="http://www.cnblogs.com/yc-755909659/p/4306938.html">【Android UI设计与开发】9:滑动菜单栏(一)开源项目SlidingMenu的使用和示例</a>

<a href="http://blog.csdn.net/yangyu20121224/article/details/9255829">【Android UI设计与开发】第16期:滑动菜单栏(一)开源项目SlidingMenu的使用</a>

@beautifulzzzz

  2015-11-11 持续更新中~

本文转自beautifulzzzz博客园博客,原文链接:http://www.cnblogs.com/zjutlitao/p/4957824.html,如需转载请自行联系原作者

继续阅读