封装一个水平菜单

分步阅读

开发比较大的软件需要建立菜单栏,菜单栏可以让用户快速查询选择自己所需要的事物。常见的菜单栏是由一系列按钮和图片组合而成。创建时需要多少个菜单项就手动添加多少个按钮和图片。如果菜单项多就选择循环创建。当前经验是封装一个水平方向的列表菜单栏类,类被封装后可以省掉每次使用时都需要重新创建、排版的复杂过程。大大提高开发效率。

工具/原料

Mac OS X操作系统

Xcode编译器

方法/步骤

创建工程项目和视图控制器

1、创建一个empty(空的)工程项目,新建一个UIViewController;

2、选中工程,右键-New File…选择“Cocoa Touch Class”-Next,给个合理的名称ViewController,再Next完成;

3、在AppDelegate.m文件包含#import "ViewController.h";

4、初始化创建ViewController的视图控制器,并用导航栏控制器包含。将之设置为根视图控制器。

创建封装水平菜单栏类

1、选中工程,右键-New File…选择“Cocoa Touch Class”-Next;

2、选择继承于UIView的视图,命名为:HorizontalMenuView;

3、Next后选择存储路径(一般默认),最后Create创建完成。

创建HorizontalMenuView的属性和方法

1、打开HorizontalMenuView.h文件;

2、创建菜单名数组和设置菜单名方法setNameWithArray。

写出setNameWithArray实现方法

1、在Xcode6.0以前UIView的m文件会有initWithFrame方法,而Xcode6.0就没有了,所以可以考虑把代码写在drawRect方法里面;

2、现在独立创建了设置菜单名方法,所以添加按钮等代码就转移到setNameWithArray实现方法内;

3、将设置的值赋值给菜单名全局变量_menuArray。

为HorizontalMenuView显示控件

1、根据_menuArray元素个数,for创建按钮;

2、设置按钮标识tag;

3、设置按钮字体大小 颜色 状态;

4、添加按钮点击响应事件;

5、添加分割线、底部划线和当前被选中的标识下划线。

实现按钮点击响应事件

1、遍历获取self所有子类;

2、判断是否是按钮类[UIButton class];

3、如果是UIButton则根据被点击的sender.tag设置各个按钮的使能;

4、根据被点击的sender.tag动画移动标识下划线。

添加协议代理,实现传值

1、在HorizontalMenuView.h添加协议;

2、在协议内写协议方法获取被选中菜单;

3、创建协议委托;

4、在HorizontalMenuView.m的点击实现方法获取下标值。

使用方法

1、在ViewController.m包含#import "HorizontalMenuView.h";

2、添加协议委托代理;

3、创建并初始化HorizontalMenuView,添加至视图;

4、设置菜单名数组;

5、设置委托代理;

6、实现协议方法。

代码运行效果如图

注意事项

当前使用Mac OS X 版本为10.9.5

当前使用Xcode版本为5.1.1和6.0

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 14,609评论 4 61
  • 内容抽屉菜单ListViewWebViewSwitchButton按钮点赞按钮进度条TabLayout图标下拉刷新...
    皇小弟阅读 47,045评论 22 665
  • 稍微整理了一下 电脑里面之前做过的小demo github : beegoshoppingcart可以做为beeg...
    cowkeys阅读 4,834评论 1 2
  • 凌晨三点,他起床上厕所,然后站在阳台上抽了一支烟。过了30岁以后,他开始有了这个奇怪的生物钟。年轻的时候他总是一觉...
    f5120924cbd9阅读 3,828评论 0 3
  • 因为老妈最喜戏剧,特别是越剧和黄梅戏,那里面的各色美人,衣袂飘飘、眼波顾盼婉转的样子真是美的不行,可自己画时咋就那...
    冰糖橘子水儿阅读 3,590评论 1 0

友情链接更多精彩内容