设置导航栏的左侧、中间、右侧内容
2016-09-23 16:54
459 查看
1、假设导航栏的中间显示的是图片
2、设置导航栏左边的内容
3、设置导航栏右边的内容(假设右边有两张图片,代码可以自己去封装简化)
4、注意点
// 设置导航栏标题 self.navigationItem.titleView = [[UIImageView alloc] initWithImage:[UIImage imageNamed:@"enen"]]; 备注:通过initWithImage:的好处是:imageView的尺寸和图片的尺寸是一样的。
2、设置导航栏左边的内容
// 设置导航栏左边的按钮 UIButton *tagButton = [UIButton buttonWithType:UIButtonTypeCustom]; [tagButton setBackgroundImage:[UIImage imageNamed:@"en1"] forState:UIControlStateNormal]; [tagButton setBackgroundImage:[UIImage imageNamed:@"en2"] forState:UIControlStateHighlighted]; tagButton.size = tagButton.currentBackgroundImage.size; [tagButton addTarget:self action:@selector(tagClick) forControlEvents:UIControlEventTouchUpInside]; self.navigationItem.leftBarButtonItem = [[UIBarButtonItem alloc] initWithCustomView:tagButton]; 备注:使用的是initWithCustomView:(UIView *)方法,该方法的参数是一个UIView,即控件;把一个控件传入该方法,将其包装成一个UIBarButtonItem。
3、设置导航栏右边的内容(假设右边有两张图片,代码可以自己去封装简化)
// 设置导航栏标题 self.navigationItem.title = @"恩恩"; // 设置导航栏右边的按钮 UIButton *settingButton = [UIButton buttonWithType:UIButtonTypeCustom]; [settingButton setBackgroundImage:[UIImage imageNamed:@"en3"] forState:UIControlStateNormal]; [settingButton setBackgroundImage:[UIImage imageNamed:@"en4"] forState:UIControlStateHighlighted]; settingButton.size = settingButton.currentBackgroundImage.size; [settingButton addTarget:self action:@selector(settingClick) forControlEvents:UIControlEventTouchUpInside]; UIButton *nightModeButton = [UIButton buttonWithType:UIButtonTypeCustom]; [nightModeButton setBackgroundImage:[UIImage imageNamed:@"en5"] forState:UIControlStateNormal]; [nightModeButton setBackgroundImage:[UIImage imageNamed:@"en6"] forState:UIControlStateHighlighted]; nightModeButton.size = nightModeButton.currentBackgroundImage.size; [nightModeButton addTarget:self action:@selector(nightModeClick) forControlEvents:UIControlEventTouchUpInside]; // 注意:使用的是rightBarButtonItems,而不是rightBarButtonItem self.navigationItem.rightBarButtonItems = @[ [[UIBarButtonItem alloc] initWithCustomView:settingButton], [[UIBarButtonItem alloc] initWithCustomView:nightModeButton] ];
4、注意点
// 设置导航栏标题 self.navigationItem.title = @"我的关注"; // 假如使用如下方法 self.title = @"我的关注"; // 相当于下面两行代码,会同时改变“导航栏上的标题文字“和“底部tabBarItem中的文字“ self.navigationItem.title = @"我的关注"; self.tabBarItem.title = @"我的关注";
相关文章推荐
- JS设置左侧导航跟右侧内容高度一致
- ifame实现左侧导航栏右侧内容
- 可拖动拉伸的左右分栏效果,本例子是用Table以及JS来实现的,左右分栏可改变,拖动中间的边框就可实现宽度的调整,点击时可设置为隐藏左侧列表。
- 9patch图片要设置右侧和下侧像素点,负责做bankground时内容显示不正常
- 1014-32-首页13-cell的结构分析---导航栏中间title位置的按钮的尺寸设置---setFrame----
- React Native商城项目实战10 - 个人中心中间内容设置
- Lua 字符串操作,截取指定字符串前后内容,lua 取指定字符左侧,或右侧内容
- 将左侧的导航栏设置为树形显示
- 用两种不同的方式来实现一个三列布局,其中左侧和右侧的部分宽度固定,中间部分宽度随浏览器宽度的变化而自适应变化
- 使用jquery.layout.js构建页眉/页脚/左侧导航/中间展示内容的网页结构
- 网页设计,本页面内左侧菜单导航右侧显示内容简单实现方法
- iOS开发之设置导航栏中间的title
- 设置靠近 水平居中的主体内容Div 的 左侧位置固定的Div
- CSS自适应布局(左右固定 中间自适应或者右侧固定 左侧自适应)
- tab 点击左侧导航,右侧对应内容上移顶部(动画)
- 可拖动拉伸的左右分栏效果,本例子是用Table以及JS来实现的,左右分栏可改变,拖动中间的边框就可实现宽度的调整,点击时可设置为隐藏左侧列表。
- 算法 把一个字符串数组 按照从中间开始然后左侧一个右侧一个的方式输出
- 导航栏中间按钮的设置
- Swift在导航栏左侧或者右侧放置多个按钮
- RecyclerView 添加head view头部 和foot view尾部、设置水平horizontal时左侧布局和右侧布局