lifution / Popover
Licence: mit
一款优雅易用的类似QQ和微信消息页面的右上角微型菜单弹窗
Stars: ✭ 732
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
Autoconnect
An Arduino library for ESP8266/ESP32 WLAN configuration at runtime with the Web interface
Stars: ✭ 513 (-29.92%)
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
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
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'
所有效果如下图:
该弹窗有两种风格:
白色风格: PopoverViewStyleDefault
(默认为此风格)
黑色风格: PopoverViewStyleDark
可以设置图片也可以不设置图片:
- (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, ...]];
}
也可以设置在弹出窗口时显示背景阴影层:
- (IBAction)rightButtonAction:(UIButton *)sender {
PopoverView *popoverView = [PopoverView popoverView];
popoverView.showShade = YES; // 显示阴影背景
[popoverView showToView:sender withActions:@[...]];
}
使用方法: (将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].