All Projects → lifution → Popover

lifution / Popover

Licence: mit
一款优雅易用的类似QQ和微信消息页面的右上角微型菜单弹窗

Projects that are alternatives of or similar to Popover

Tippyjs
Tooltip, popover, dropdown, and menu library
Stars: ✭ 9,433 (+1188.66%)
Mutual labels:  menu, popover
Ftpopovermenu
FTPopOverMenu is a pop over menu for iOS which is maybe the easiest one to use. Supports both portrait and landscape. It can show from any UIView, any UIBarButtonItem and any CGRect.
Stars: ✭ 988 (+34.97%)
Mutual labels:  menu, popover
PopOverAlert
PopOverAlert is a PopOver style alert view.
Stars: ✭ 56 (-92.35%)
Mutual labels:  popover, menu
Tippyjs React
React component for Tippy.js (official)
Stars: ✭ 1,081 (+47.68%)
Mutual labels:  menu, popover
Material Ui Popup State
boilerplate for common Material-UI Menu, Popover and Popper use cases
Stars: ✭ 186 (-74.59%)
Mutual labels:  menu, popover
Teaset
A UI library for react native, provides 20+ pure JS(ES6) components, focusing on content display and action control.
Stars: ✭ 2,845 (+288.66%)
Mutual labels:  menu, popover
Ftpopovermenu swift
FTPopOverMenu_Swift, swift version of FTPopOverMenu. FTPopOverMenu is a pop over menu for iOS which is maybe the easiest one to use. Supports both portrait and landscape. It can show from any UIView, any UIBarButtonItem and any CGRect.
Stars: ✭ 326 (-55.46%)
Mutual labels:  menu, popover
React Laag
Hooks to build things like tooltips, dropdown menu's and popovers in React
Stars: ✭ 568 (-22.4%)
Mutual labels:  popover
Llslidemenu
This is a spring slide menu for iOS apps - 一个弹性侧滑菜单
Stars: ✭ 591 (-19.26%)
Mutual labels:  menu
Jgmenu
A simple X11 menu
Stars: ✭ 523 (-28.55%)
Mutual labels:  menu
Autoconnect
An Arduino library for ESP8266/ESP32 WLAN configuration at runtime with the Web interface
Stars: ✭ 513 (-29.92%)
Mutual labels:  menu
Kuipopover
Easy to use PopOver in iOS
Stars: ✭ 571 (-21.99%)
Mutual labels:  popover
Fan Menu
Menu with a circular layout based on Macaw
Stars: ✭ 607 (-17.08%)
Mutual labels:  menu
Fabrevealmenu Master
A general purpose android UI library to show a user show menu in accordance of Floating action button with material design guidelines.
Stars: ✭ 558 (-23.77%)
Mutual labels:  menu
Laravel Menu
Html menu generator for Laravel
Stars: ✭ 650 (-11.2%)
Mutual labels:  menu
Arduinomenu
Arduino generic menu/interactivity system
Stars: ✭ 520 (-28.96%)
Mutual labels:  menu
Wmzdialog
功能最多样式最多的弹窗,支持普通/微信底部/日期/地区/日历/选择/编辑/分享/菜单/自定义弹窗等,支持多种动画,链式编程调用(Pop-up windows with the most functions and styles, support normal/WeChat bottom/date/region/calendar/select/edit/share/menu/custom pop-up windows, etc., support multiple animations, chain programming calls)
Stars: ✭ 673 (-8.06%)
Mutual labels:  menu
Slinky
A light-weight, responsive, mobile-like navigation menu plugin
Stars: ✭ 649 (-11.34%)
Mutual labels:  menu
Hvscrollview
这不是框架,只是3个示例程序,给大家提供一个实现这种布局的思路
Stars: ✭ 584 (-20.22%)
Mutual labels:  menu
Android Snake Menu
imitate Tumblr's menu, dragging animations look like a snake
Stars: ✭ 584 (-20.22%)
Mutual labels:  menu

Popover

一款优雅好用的类似QQ和微信消息页面的右上角微型菜单弹窗, 最低支持iOS6

该弹窗控件有白色和黑色这两种风格, 使用方法也非常简单, 和系统的UIAlertController差不多的使用方法, 你只需要设置好对应的action和设定好弹窗箭头要指向的点(CGPoint)或者要指向的控件即可, 该弹窗控件会自动计算箭头指向和弹出位置

支持使用CocoaPods导入, Podfile文件中添加:
pod 'Popover.OC'

所有效果如下图:

Alt text

该弹窗有两种风格:

白色风格: PopoverViewStyleDefault (默认为此风格)

Alt text

黑色风格: PopoverViewStyleDark

Alt text

可以设置图片也可以不设置图片:

- (IBAction)showWithoutImage:(UIButton *)sender {
    PopoverAction *action1 = [PopoverAction actionWithTitle:@"Title" handler:^(PopoverAction *action) {
        // 该Block不会导致内存泄露, Block内代码无需刻意去设置弱引用.
    }];
    ...
    PopoverView *popoverView = [PopoverView popoverView];
    popoverView.style = PopoverViewStyleDark;
    [popoverView showToView:sender withActions:@[action1, ...]];
}

Alt text

也可以设置在弹出窗口时显示背景阴影层:

- (IBAction)rightButtonAction:(UIButton *)sender {
    PopoverView *popoverView = [PopoverView popoverView];
    popoverView.showShade = YES; // 显示阴影背景
    [popoverView showToView:sender withActions:@[...]];
}

Alt text

使用方法: (将PopoverView文件夹拖到你的项目中然后 #import "PopoverView.h" )

// 附带左边图标的
PopoverAction *action1 = [PopoverAction actionWithImage:Image title:@"Title" handler:^(PopoverAction *action) {
    // 该Block不会导致内存泄露, Block内代码无需刻意去设置弱引用.
}];
// 纯标题的
PopoverAction *action1 = [PopoverAction actionWithTitle:@"Title" handler:^(PopoverAction *action) {
    // 该Block不会导致内存泄露, Block内代码无需刻意去设置弱引用.
}];
...
PopoverView *popoverView = [PopoverView popoverView];
//popoverView.showShade = YES; // 显示阴影背景
//popoverView.style = PopoverViewStyleDark; // 设置为黑色风格
//popoverView.hideAfterTouchOutside = NO; // 点击外部时不允许隐藏
// 有两种显示方法
// 1. 显示在指定的控件
[popoverView showToView:sender withActions:@[action1, ...]];
// 2. 显示在指定的点(CGPoint), 该点的坐标是相对KeyWidnow的坐标.
[popoverView showToPoint:CGPointMake(20, 64) withActions:@[action1, ...]];

LICENSE

PopoverView使用 MIT 许可证,详情见 LICENSE 文件.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].