iOS开发中实现微信首页的下拉菜单效果
2018-07-19 本文已影响444人
梁森的简书
微信效果图:
1.微信.jpg实现思路(微信可能不是这样)
在点击右侧十字按钮的时候在window的合适位置添加一个view,该view上有一个Tableview以及上方的一个三角view。
看图:
1.weixin.png关于这个三角视图的实现有两种方式,一:自己画 二:直接让UI给一个图片。
这里附上一个别人的demo:***https://github.com/JunAILiang/JMDropMenu
补充:
评论中有人说让看下popover,于是就查了一下,并写了个demo,附上代码:
NextViewController *viewVC = [[NextViewController alloc] init];
viewVC.preferredContentSize =CGSizeMake(200,300);
viewVC.modalPresentationStyle =UIModalPresentationPopover;
// UIPopoverController(iOS9之前,仅支持iPad)
UIPopoverPresentationController *popVC = viewVC.popoverPresentationController;
popVC.backgroundColor = [UIColor blackColor];
popVC.delegate =self;
// 气泡依附于哪个view弹出
popVC.sourceView = sender;
// 气泡从哪个位置弹出
popVC.sourceRect =CGRectMake(sender.frame.size.width/2, sender.frame.size.height,0, 0);
// 箭头的指向(上,下,左,右)
popVC.permittedArrowDirections =UIPopoverArrowDirectionUp;
[self presentViewController:viewVC animated:YES completion:nil];
虽然有popover,但感觉它不是很灵活,比如设置上方三角的大小,圆角的大小,如果UI要求不是很严格也是能满足需求的。
本篇文章到这里就结束了,愿大家加班不多工资多,男同胞都有女朋友,女同胞都有男朋友。😊