美文网首页
iOS开发中实现微信首页的下拉菜单效果

iOS开发中实现微信首页的下拉菜单效果

作者: 梁森的简书 | 来源:发表于2018-07-19 14:54 被阅读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要求不是很严格也是能满足需求的。

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

    相关文章

      网友评论

          本文标题:iOS开发中实现微信首页的下拉菜单效果

          本文链接:https://www.haomeiwen.com/subject/irdtmftx.html