iOS 导航栏下拉菜单框

原创 2016年08月30日 14:29:18

具体叫什么名称来着给忘了,在这里使用的是第三方的。应为我是用来做导航栏右侧按钮的下拉菜单按钮,多以就这么叫了。
先看一下效果图:
这里写图片描述

既然是第三方,首先是要导入库

pod 'YCXMenu', '~> 0.0.3'

关联头文件

#import "YCXMenuItem.h"
#import "YCXMenu.h"

设置一下导航栏右侧按钮,然后设置响应方法。

-(void)addMenuBtn
{
    self.navigationItem.rightBarButtonItem= [self createRightBarBtnItem:@"icon_menu.png" hightedImage:@"icon_menu_h.png" action:@selector(clickMenu:)];

}

在button的方法中设置响应事件。
菜单栏两个按钮的名称,前边的图片

- (void)showMenu:(UIButton *)btn
{
    WS(ws)
    [YCXMenu showMenuInView:self.view fromRect:CGRectMake(btn.frame.origin.x,_isNavgationBarHidden ? 34:-30, btn.frame.size.width, btn.frame.size.height) menuItems:_menuArray selected:^(NSInteger index, YCXMenuItem *item) {
        switch (index) {
            case 0:
            {
                //
                [ws jumpToNotification];
            }
                break;

            case 1:
            {
                NewSearchViewController * searchVC = [[NewSearchViewController alloc] init];
                searchVC.hidesBottomBarWhenPushed = YES;
                //              searchVC.searchStr = self.searchString;
                [self.navigationController pushViewController:searchVC animated:YES];

            }
                break;
            default:
                break;
        }
    }];
}

-(void)clickMenu:(id)sender
{
    UIButton *btn = (UIButton *)sender;
    //set title
    if (_menuArray) {
        if ([YCXMenu isShow]) {
            [YCXMenu dismissMenu];
        }else{
            [self showMenu:btn];
        }
    }else{
        _menuArray= @[[YCXMenuItem menuItem:@"消息"
                                      image:GetImage(@"icon_top_message")
                                        tag:100
                                   userInfo:nil],
                      [YCXMenuItem menuItem:@"搜索"
                                      image:GetImage(@"icon_top_search")
                                        tag:102
                                   userInfo:nil],
                      ];
        [self showMenu:btn];
    }
}

默认情况下背景色是黑色、字体是白色,如果想修改默认的话在第三方库的
YCXMen.h 文件中
第19行是默认背景色的宏,20行是选中时背景色的宏。
第470行是设置字体颜色的。
第300行是修改透明度的。

iOS 导航栏下拉菜单框

具体叫什么名称来着给忘了,在这里使用的是第三方的。应为我是用来做导航栏右侧按钮的下拉菜单按钮,多以就这么叫了。 先看一下效果图: 既然是第三方,首先是要导入库pod 'YCXMenu', '~> ...
  • shengdaVolleyball
  • shengdaVolleyball
  • 2016年08月30日 14:29
  • 2857

iOS 点击按钮出现一个下拉列表

这是一个点击按钮出现下拉列表的例子。 效果图 下面是使用的代码: 需要将例子工程中的ExpandBtn文件夹考入你的工程中,例子稍后就会上传啊。 ViewController.m // //...
  • qqMCY
  • qqMCY
  • 2014年03月26日 11:12
  • 9418

网页中导航栏实现子菜单下拉效果

一、实现方式 通常菜单会用的形式实现:如 二、点击时子菜单下拉效果
  • u011387028
  • u011387028
  • 2016年03月09日 16:03
  • 4528

下拉菜单导航栏

  • 2016年07月19日 14:20
  • 3KB
  • 下载

导航栏下拉菜单

  • 2016年02月01日 08:49
  • 178KB
  • 下载

Bootstrap导航栏和下拉菜单

导航栏写法示例: IT
  • tydyz
  • tydyz
  • 2017年07月25日 22:07
  • 284

css学习笔记20160130导航栏下拉菜单图像拼合媒体类型属性和值选择器

导航栏就是链接列表,即列表项内容是链接. 默认的列表链接是竖直的,可以通过改变li元素样式为inline实现横向链接列表,也就是导航栏.横向导航栏要想等宽度需要用浮动li元素来实现. 可以对a元素设置...
  • u010752082
  • u010752082
  • 2016年02月01日 15:59
  • 152

bootstrap开发网页之导航栏(下拉菜单 响应式)

现代浏览器博物馆 body {padding-top: 70px;} ...
  • wu_bangbang
  • wu_bangbang
  • 2016年04月13日 16:55
  • 4245

Bootstrap在导航栏上用下拉菜单并保持对齐

Bootstrap简直就是前速成的宝典尽管bootstrap很牛逼,但是在实际运用中还是会有一些问题,比如: 出现了不对齐的情况,我们看看代码: ...
  • tydyz
  • tydyz
  • 2017年07月25日 20:07
  • 657

bootstrap导航栏、下拉菜单、表单的简单应用

制作效果图如下: 代码如下(以后做东西可以改改就能直接用): Hello World ...
  • bobo1356
  • bobo1356
  • 2017年01月05日 20:54
  • 372
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:iOS 导航栏下拉菜单框
举报原因:
原因补充:

(最多只允许输入30个字)