封装一个水平菜单

分步阅读

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

工具/原料

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 212,080评论 6 493
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,422评论 3 385
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 157,630评论 0 348
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,554评论 1 284
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,662评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,856评论 1 290
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,014评论 3 408
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,752评论 0 268
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,212评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,541评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,687评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,347评论 4 331
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,973评论 3 315
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,777评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,006评论 1 266
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,406评论 2 360
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,576评论 2 349

推荐阅读更多精彩内容

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