iOS 导航栏下拉菜单框

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

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

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 titleif (_menuArray) {if ([YCXMenu isShow]) {[YCXMenu dismissMenu];}else{[self showMenu:btn];}}else{_menuArray= @[[YCXMenuItem menuItem:@"消息"image:GetImage(@"icon_top_message")tag:100userInfo:nil],[YCXMenuItem menuItem:@"搜索"image:GetImage(@"icon_top_search")tag:102userInfo:nil],];[self showMenu:btn];}
}

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

iOS 导航栏下拉菜单框相关推荐

html ios导航栏下拉菜单,Flutter -- iOS导航栏TabBar
1 import 'package:flutter/cupertino.dart';2 import 'package:flutter/material.dart';3 4 void main(){5 ...
CSS3——对齐组合选择符伪类伪元素导航栏下拉菜单
水平&垂直对齐元素居中对齐 .center {margin: auto;width: 50%;border: 3px solid green;padding: 10px; } 文本居中对齐 ...
php zblog 侧边栏样式_zblogphp版如何实现导航栏下拉框
zblogphp版目前还无任何插件实现导航栏下拉框,根据自己研究和网上的知识,终于研究成功.下面说下实现步骤: 一.在导航条所在模板模板加入更改以下代码首页{module:navbar} 更改为: ...
利用 html 和 css 实现导航栏下拉(display block、display none)
利用 html 和 css 实现导航栏下拉(display block.display none) 需求设计并实现一个导航栏菜单,对某个项目比如你的个人书籍按类别(硬件类.软件类.语言类.网络类等分 ...
HTML字母导航栏怎么做,html导航栏下拉菜单怎么制作？这里有详细的代码实例
本篇文章介绍了关于html导航栏下拉菜单的制作,文章一开始就给出了全部的导航栏下拉菜单的代码,没看懂的下面都有详细的解释.下面就让我们一起来看这篇文章吧我们要说的是html导航栏下拉菜单的制作,先看 ...
纯CSS实现导航栏下拉动画效果
实现思路导航栏的下拉效果通过在ul的li里再嵌套一个ul,再通过animation属性改变第二导航栏ul的高度来实现导航栏下拉动画效果.老铁没毛病. 实现效果: HTML代码 <div cla ...
微信小程序 ios自定义导航栏下拉“橡皮筋” 效果
问题: 1.微信小程序ios中如果自定义导航栏取消了橡皮筋效果页面无法滑动 2.如果不取消,页面往下拉时会与顶部有一大片空白(安卓本身scrollTop不会有负值) 3.fixed之后absolute ...
导航栏下拉菜单效果代码
导航栏,菜单栏下拉简单实现先看看效果图 <!-- jQuery Drop-down Menu/Navigation bar Copyright 2017-9-21, Jachin QQ: 38 ...
html 下拉导航栏源码,html导航栏下拉菜单怎么制作？这里有详细的代码实例
元素来包裹这些元素,并使用CSS来设置下拉内容的样式. html导航栏菜单的CSS部分: .dropdown类使用position:relative,这将设置下拉菜单的内容放置在下拉按钮(使用posi ...

iOS 导航栏下拉菜单框

iOS 导航栏下拉菜单框相关推荐

最新文章

热门文章