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要求不是很严格也是能满足需求的。

本篇文章到这里就结束了,愿大家加班不多工资多,男同胞都有女朋友,女同胞都有男朋友。😊

上一篇下一篇

猜你喜欢

热点阅读