其实不只是在IPad上面,在iPhone上我们也是经常会看到的一个控件,只不过UIPopoverController只针对于iPad使用
大家需要清楚的是,从名字上来看,他是控制器的种类,但它其实是继承与NSObject而并不是如大家所想继承与UIViewController,从外观上看,他的确也不像控制器一般大。
所以,我们首先需要新建一个控制器来装下这个popoverController,在这个控制器里面可以是表格,视图,图片等等。
一、设置popoverController内容尺寸
//1.新建一个内容控制器 2 TLMenuViewController *menuVc=[[TLMenuViewController alloc]init]; 3 4 //2.新建一个popoverController,并设置其内容控制器 5 self.popover=[[UIPopoverController alloc]initWithContentViewController:menuVc]; 6 7 //3.设置尺寸(当然我们是不建议直接设置尺寸的,因为这样的话无法估计UIPopoverController内容大小,我们只能根据TLMenuViewController 内容去判断popOverController的大小) 8 self.popover.popoverContentSize=CGSizeMake(300, 200); 9 10 //4.显示 11 [self.popover presentPopoverFromBarButtonItem:self.navigationItem.leftBarButtonItem permittedArrowDirections:UIPopoverArrowDirectionAny animated:YES];
那么怎样才能根据内容控制器确定popover 的大小了,这里有两个属性
(1)在iOS 7之前 @property (nonatomic,readwrite) CGSize contentSizeForViewInPopover;
(2)从iOS 7开始 @property (nonatomic) CGSize preferredContentSize;
TLMenuViewController代码如下:
- (void)viewDidLoad
{
[super viewDidLoad];
// 设置控制器将来在Popover中的尺寸(取最小值)
CGFloat maxH = MIN(480, self.menus.count * 44);
//ios7以后
self.preferredContentSize = CGSizeMake(150, maxH);
//ios7以前的设置
// self.contentSizeForViewInPopover = CGSizeMake(150, maxH);
}
二.内容大小设置好了,接下来就要设置popover指向的view的显示位置在哪里了
我看老师写的不错,就拿他的借鉴一下,尤其是那个图可以帮助我们理解
(1)围绕着一个UIBarButtonItem显示(箭头指定那个UIBarButtonItem)
- (void)presentPopoverFromBarButtonItem:(UIBarButtonItem *)item permittedArrowDirections:(UIPopoverArrowDirection)arrowDirections animated:(BOOL)animated;
item :围绕着哪个UIBarButtonItem显示
arrowDirections :箭头的方向
animated :是否通过动画显示出来
(2)围绕着某一块特定区域显示(箭头指定那块特定区域)
- (void)presentPopoverFromRect:(CGRect)rect inView:(UIView *)view permittedArrowDirections:(UIPopoverArrowDirection)arrowDirections animated:(BOOL)animated;
rect :指定箭头所指区域的矩形框范围(位置和尺寸),以view的左上角为坐标原点
view :rect参数是以view的左上角为坐标原点(0,0)
arrowDirections :箭头的方向
animated :是否通过动画显示出来
rect和view参数如下:
}
(这个图很好,帮助我们解释真正的view到底在什么地方)
三:当我点击界面按钮的时候,可以弹出popoverController
ViewController相关代码如下:
TLMenuViewController *menuVc = [[HMMenuViewController alloc] init];
// 2.创建Popover
self.popover = [[UIPopoverController alloc] initWithContentViewController:menuVc];
// 3.显示
<pre style="margin-top: 0px; margin-bottom: 0px; white-space: pre-wrap; word-wrap: break-word; background-color: rgb(245, 245, 245); font-family: 'Courier New' !important;"><span style="color: rgb(0, 128, 0); line-height: 1.5 !important;"> 1第一种方式</span>
[self.popover presentPopoverFromRect:sender.bounds inView:sender permittedArrowDirections:UIPopoverArrowDirectionAny animated:YES];
<pre style="margin-top: 0px; margin-bottom: 0px; white-space: pre-wrap; word-wrap: break-word; background-color: rgb(245, 245, 245); font-family: 'Courier New' !important;"> <span style="color: rgb(0, 128, 0); line-height: 1.5 !important;">//</span><span style="color: rgb(0, 128, 0); line-height: 1.5 !important;">2.2第二种方式</span>
[self.popover presentPopoverFromRect:sender.bounds inView:sender permittedArrowDirections:UIPopoverArrowDirectionAny animated:YES];
以下两个是等价的
即如果想让箭头指向某一个UIView的做法有2种做法,比如指向一个button方法1 [popover presentPopoverFromRect:button.bounds inView:button permittedArrowDirections:UIPopoverArrowDirectionDown animated:YES];
方法2 [popover presentPopoverFromRect:button.frame inView:button.superview permittedArrowDirections:UIPopoverArrowDirectionDown animated:YES];
四.我们可以设置popOverController的代理,来判断什么时候让popover出现,消失,或者是判断界面上其他视图在popover出现时时候是否可用
代理对象
@property (nonatomic, assign) id <UIPopoverControllerDelegate> delegate;
是否可见
@property (nonatomic, readonly, getter=isPopoverVisible) BOOL popoverVisible;
箭头方向
@property (nonatomic, readonly) UIPopoverArrowDirection popoverArrowDirection;
关闭popover(让popover消失)
- (void)dismissPopoverAnimated:(BOOL)animated;
2{ 3 self.popover.delegate=self; 4 } 5 6 #pragma mark-代理方法 7 //popoverController消失的时候调用 8 -(void)popoverControllerDidDismissPopover:(UIPopoverController *)popoverController 9 { 10 } 11 //popoverController的位置改变的时候调用(如竖屏变横屏) 12 -(void)popoverController:(UIPopoverController *)popoverController willRepositionPopoverToRect:(inout CGRect *)rect inView:(inout UIView *__autoreleasing *)view 13 { 14 15 } 16 //用来决定用户点击了蒙版后,popoverController是否可以dismiss,返回YES代表可以,返回NO代表不可以 17 -(BOOL)popoverControllerShouldDismissPopover:(UIPopoverController *)popoverController 18 { 19 return NO; 20 }
五.防止点击popoverController区域外消失
默认情况
只要UIPopoverController显示在屏幕上,UIPopoverController背后的所有控件默认是不能跟用户进行正常交互的
点击UIPopoverController区域外的控件,UIPopoverController默认会消失
要想点击UIPopoverController区域外的控件时不让UIPopoverController消失,解决办法是设置passthroughViews属性
@property (nonatomic, copy) NSArray *passthroughViews;
这个属性是设置当UIPopoverController显示出来时,哪些控件可以继续跟用户进行正常交互。这样的话,点击区域外的控件就不会让UIPopoverController消失了
//设置过滤掉一些控件
self.popover.passthroughViews=@[self.switchview];
要想在iPhone中实现popover效果,必须得自定义view,可以参考
http://code4app.com/ios/Popover-View-in-iPhone/4fa931bd06f6e78d0f000000
好吧,我承认老师写的比我的好多了。。。。。。。