创建PopViewControlller
在tableview中创建一个tableview用于显示菜单
//重置控制器的大小 -(CGSize)preferredContentSize{ if (self.popoverPresentationController != nil) { CGSize tempSize ; tempSize.height = self.view.frame.size.height; tempSize.width = 150; CGSize size = [_tableVIew sizeThatFits:tempSize]; return size; }else{ return [super preferredContentSize]; } }
在viewcontroller中需要使用到得地方添加类似的代码
environmentView.addMenuCallBack = ^(UIButton *sender){ // 设置大小 weakPopView.preferredContentSize = CGSizeMake(120, 150); // 设置 Sytle weakPopView.modalPresentationStyle = UIModalPresentationPopover; // 需要通过 sourceView 来判断位置的 weakPopView.popoverPresentationController.sourceView = sender; //可以指示小箭头颜色 weakPopView.popoverPresentationController.backgroundColor = [UIColor whiteColor]; // 设置指示箭头的位置 weakPopView.popoverPresentationController.sourceRect = CGRectMake(0, 0, sender.frame.size.width*3/4, sender.frame.size.height); // 箭头方向 weakPopView.popoverPresentationController.permittedArrowDirections = UIPopoverArrowDirectionUp; // 设置代理 weakPopView.popoverPresentationController.delegate = weakSelf; [weakSelf presentViewController:weakPopView animated:YES completion:nil]; };
以上所述是小编给大家介绍的iOS使用自带的UIViewController实现qq加号下拉菜单的功能,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对小牛知识库网站的支持!
本文向大家介绍iOS 三级下拉菜单功能实现,包括了iOS 三级下拉菜单功能实现的使用技巧和注意事项,需要的朋友参考一下 前言 App 常用控件 -- 多级下拉菜单, 如团购类, 房屋类, 对数据进行筛选. 有一级, 二级, 三级, 再多就不会以这种样式,呈现给用户了. 作者就简单聊一下 多级下拉菜单 一 目标 默认显示一个 TableView, 点击数据后, 添加第二个TableView, 并实现
本文向大家介绍JavaScript下拉菜单功能实例代码,包括了JavaScript下拉菜单功能实例代码的使用技巧和注意事项,需要的朋友参考一下 本文给大家分享一段实例代码关于js实现下拉菜单功能,具体代码如下所示: 1、要阻止事件冒泡 2、键盘事件,用index索引 3、通过设置类名或清空类名的方式给元素增加动画和恢复原有样式 以上所述是小编给大家介绍的JavaScript下拉菜单功能实例代码,希
本文向大家介绍jQuery实现下拉菜单的实例代码,包括了jQuery实现下拉菜单的实例代码的使用技巧和注意事项,需要的朋友参考一下 基本效果是这样的~~ 以上所述是小编给大家介绍的jQuery实现下拉菜单的实例代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对呐喊教程网站的支持!
本文向大家介绍Vue实现自定义下拉菜单功能,包括了Vue实现自定义下拉菜单功能的使用技巧和注意事项,需要的朋友参考一下 先看例子,后面有对用到的知识点的总结 效果图: 实现代码如下: 考虑到一些朋友想要css代码,但避免css占据太多位置,所以此处将css压缩了,如果不需要看css的可以直接跳过哈 用到的知识点总结: 组件是可复用的 Vue 实例,所以它们与 new Vue 接收相同的选项,例如
本文向大家介绍jQuery实现下拉加载功能实例代码,包括了jQuery实现下拉加载功能实例代码的使用技巧和注意事项,需要的朋友参考一下 废话不多说了,直接给大家贴代码了,具体代码如下所示: 以上代码是小编给大家分享的jQuery实现下拉加载功能实例代码,希望对大家有所帮助!
本文向大家介绍vue实现带过渡效果的下拉菜单功能,包括了vue实现带过渡效果的下拉菜单功能的使用技巧和注意事项,需要的朋友参考一下 本文实例为大家分享了vue仿写下拉菜单功能,带有过渡效果(移动端),供大家参考,具体内容如下 效果图 clickOutside.js 点击目标之外的地方,下拉框隐藏 代码如下: 正文html如下: js 代码如下: css代码如下: 查看完整代码 更多教程点击《Vue