iOS中UIPopoverController使用详解

简介: iOS中UIPopoverController使用详解

一、引言

       UIPopoverController是Pad设备中常用的一种视图控制器,其在UI表现上为在当前视图控制器上面弹出一个子视图控制器,通常用来展示交互列表。示例如下图:

image.png

UIPopoverController只能用于iPad,在要兼容iPad和iPhone的项目中,需要根据设备类型使用两套代码。在iOS8之后,系统提供了UIPresentationController来代替她,UIPresentationController可以兼容iPhone与iPad。

二、UIPopoverController的使用详解

       首先UIPopoverController是一个容器控制器,其中需要承载一个ViewControler作为内容视图。UIPopoverController使用如下初始化方法创建:

//创建视图控制器的方法通过一个内容视图控制器创建

-(instancetype)initWithContentViewController:(UIViewController*)viewController;

创建出控制器后,调用如下方法可以将控制器弹出:

//这个方法将控制器以一个CGRect区域为基准弹出

/*

UIPopoverArrowDirection为箭头出现的方向

typedef NS_OPTIONS(NSUInteger, UIPopoverArrowDirection) {

   UIPopoverArrowDirectionUp = 1UL << 0,//

   UIPopoverArrowDirectionDown = 1UL << 1,//

   UIPopoverArrowDirectionLeft = 1UL << 2,//

   UIPopoverArrowDirectionRight = 1UL << 3,//

   UIPopoverArrowDirectionAny = UIPopoverArrowDirectionUp | UIPopoverArrowDirectionDown | UIPopoverArrowDirectionLeft | UIPopoverArrowDirectionRight,//任意方向

   UIPopoverArrowDirectionUnknown = NSUIntegerMax//未知

};

*/

//view参数为选择要在那个View视图上弹出animated参数设置是否带动画

-(void)presentPopoverFromRect:(CGRect)rectinView:(UIView*)viewpermittedArrowDirections:(UIPopoverArrowDirection)arrowDirectionsanimated:(BOOL)animated;

//以一个BarButtonItem为基准弹出其余参数意义同上

-(void)presentPopoverFromBarButtonItem:(UIBarButtonItem*)itempermittedArrowDirections:(UIPopoverArrowDirection)arrowDirectionsanimated:(BOOL)animated;

UIPopoverController的相关设置方法如下:

//设置代理

@property(nullable, nonatomic,weak) id<UIPopoverControllerDelegate> delegate;

//设置内容视图控制器

@property(nonatomic, strong) UIViewController *contentViewController;

- (void)setContentViewController:(UIViewController *)viewController animated:(BOOL)animated;

//设置界面展示尺寸

@property(nonatomic) CGSize popoverContentSize;

- (void)setPopoverContentSize:(CGSize)size animated:(BOOL)animated;

//获取控制器当前是否正在展示

@property(nonatomic, readonly,getter=isPopoverVisible) BOOL popoverVisible;

//获取控制器箭头方向

@property(nonatomic, readonly) UIPopoverArrowDirection popoverArrowDirection;

//这个属性可以增强控制器的交互能力

/*

默认情况下,当视图控制器弹出时,点击界面上的其他位置,视图控制器会被隐藏如果需要当视图控制爱弹出时界面上的其他控件依然可以进行用户交互,则需要将这些UI控件设置进这个数组中

*/

@property(nullable, nonatomic,copy) NSArray<__kindof UIView *> *passthroughViews;

//隐藏视图控制器的方法

- (void)dismissPopoverAnimated:(BOOL)animated;

//设置视图控制器的背景颜色

@property(nullable, nonatomic,copy) UIColor *backgroundColor NS_AVAILABLE_IOS(7_0);

//设置视图Margin

@property(nonatomic, readwrite) UIEdgeInsets popoverLayoutMargins NS_AVAILABLE_IOS(5_0);

//这个属性用于自定义PopoverControllerUI展现传入自定义的背景视图类

@property(nullable, nonatomic,readwrite, strong) Class popoverBackgroundViewClass NS_AVAILABLE_IOS(5_0);

三、自定义UI展现的UIPopoverController

       通过设置UIPopoverController对象的popoverBacjgroundViewClass属性可以将一个自定义的类作为控制器的背景视图,需要注意,此自定义的类必须继承自UIPopoverBackgroundView,并且子类必须覆写父类中的一些列方法,示例如下:

@interfaceMyView: UIPopoverBackgroundView

@end

 

@implementationMyView

//这个方法返回箭头宽度

+ (CGFloat)arrowBase{

   return20;

}

//这个方法中返回内容视图的偏移

+(UIEdgeInsets)contentViewInsets{

   returnUIEdgeInsetsMake(20, 20, 20, 20);

}

//这个方法返回箭头高度

+(CGFloat)arrowHeight{

   return30;

}

//这个方法返回箭头的方向

-(UIPopoverArrowDirection)arrowDirection{

   returnUIPopoverArrowDirectionUp;

}

//这个在设置箭头方向时被调用可以监听做处理

-(void)setArrowDirection:(UIPopoverArrowDirection)arrowDirection{

   

}

//这个方法在设置箭头偏移量时被调用可以监听做处理

-(void)setArrowOffset:(CGFloat)arrowOffset{

   

}

//重写layout方法来来定义箭头样式

- (void)layoutSubviews

{

   [superlayoutSubviews];

   CGSize arrowSize = CGSizeMake([[selfclass] arrowBase], [[selfclass] arrowHeight]);

   UIImage * image  = [selfdrawArrowImage:arrowSize];

   UIImageView * imageView = [[UIImageView alloc]initWithImage:image];

   imageView.frame = CGRectMake(0, 0.0f, arrowSize.width, arrowSize.height);

   [selfaddSubview:imageView];

}

//这个方法中进行背景色的设置

- (instancetype)initWithFrame:(CGRect)frame

{

   self= [superinitWithFrame:frame];

   if(self) {

       self.backgroundColor = [UIColor redColor];

   }

   returnself;

}

- (instancetype)init

{

   self= [superinit];

   if(self) {

       

   }

   returnself;

}

//返回值决定是否渲染阴影

+(BOOL)wantsDefaultContentAppearance{

   returnNO;

}

//画箭头方法

- (UIImage *)drawArrowImage:(CGSize)size

{

  UIGraphicsBeginImageContextWithOptions(size, NO, 0);

   CGContextRef ctx = UIGraphicsGetCurrentContext();

   [[UIColor clearColor] setFill];

   CGContextFillRect(ctx, CGRectMake(0.0f, 0.0f, size.width, size.height));

   CGMutablePathRef arrowPath = CGPathCreateMutable();

   CGPathMoveToPoint(arrowPath, NULL, (size.width/2.0f), 0.0f);

   CGPathAddLineToPoint(arrowPath, NULL, size.width, size.height);

   CGPathAddLineToPoint(arrowPath, NULL, 0.0f, size.height);

   CGPathCloseSubpath(arrowPath);

   CGContextAddPath(ctx, arrowPath);

   CGPathRelease(arrowPath);

   UIColor *fillColor = [UIColor yellowColor];

   CGContextSetFillColorWithColor(ctx, fillColor.CGColor);

   CGContextDrawPath(ctx, kCGPathFill);

   UIImage *image = UIGraphicsGetImageFromCurrentImageContext();

   UIGraphicsEndImageContext();

   returnimage;

}

@end

四、UIPopoverPresentationController应用解析

   UIPopoverPresentationController是iOS8后系统新引入的控制器,其可以很好的兼容iPhone与iPad。UIPopoverPresentationContriller的使用需要和UIViewController结合进行,使用过程示例如下:

UITableViewController tabCon = [[UITableViewController alloc]initWithStyle:UITableViewStylePlain];

//设置跳转模式为popover模式

tabCon.modalPresentationStyle = UIModalPresentationPopover;

//获取到UIPopoverPresentationController对象

UIPopoverPresentationController* con = tabCon.popoverPresentationController;

//设置弹出的基准视图

con.sourceView = self.view;

[selfpresentViewController:tabCon animated:YEScompletion:nil];

UIPopoverPresentationController中属性如下:

//设置代理

@property(nullable, nonatomic,weak) id<UIPopoverPresentationControllerDelegate> delegate;

//设置允许的箭头方向

@property(nonatomic, assign) UIPopoverArrowDirection permittedArrowDirections;

//设置基准视图或者区域

@property(nullable, nonatomic,strong) UIView *sourceView;

@property(nonatomic, assign) CGRect sourceRect;

//设置是否覆盖基准视图区域

@property(nonatomic, assign) BOOL canOverlapSourceViewRect NS_AVAILABLE_IOS(9_0);

//设置基准BarButtonItem

@property(nullable, nonatomic,strong) UIBarButtonItem *barButtonItem;

//设置可以进行用户交互的视图

@property(nullable, nonatomic,copy) NSArray<UIView *> *passthroughViews;

//设置背景颜色

@property(nullable, nonatomic,copy) UIColor *backgroundColor;

//设置Margin

@property(nonatomic, readwrite) UIEdgeInsets popoverLayoutMargins;

//设置自定义视图

@property(nullable, nonatomic,readwrite, strong) Class <UIPopoverBackgroundViewMethods> popoverBackgroundViewClass;

UIPopoverPresentationControllerDelegate中的方法如下:

//控制器将要弹出时调用

- (void)prepareForPopoverPresentation:(UIPopoverPresentationController *)popoverPresentationController;

//控制器将要消失时调用

- (BOOL)popoverPresentationControllerShouldDismissPopover:(UIPopoverPresentationController *)popoverPresentationController;

//控制器已经消失时调用

- (void)popoverPresentationControllerDidDismissPopover:(UIPopoverPresentationController *)popoverPresentationController;

//控制器接收到弹出消息时调用

- (void)popoverPresentationController:(UIPopoverPresentationController *)popoverPresentationController willRepositionPopoverToRect:(inoutCGRect *)rect inView:(inoutUIView  * __nonnull* __nonnull)view;

 

UIPopoverController只能用于iPad,在要兼容iPad和iPhone的项目中,需要根据设备类型使用两套代码。在iOS8之后,系统提供了UIPresentationController来代替她,UIPresentationController可以兼容iPhone与iPad。

二、UIPopoverController的使用详解

       首先UIPopoverController是一个容器控制器,其中需要承载一个ViewControler作为内容视图。UIPopoverController使用如下初始化方法创建:

//创建视图控制器的方法通过一个内容视图控制器创建

-(instancetype)initWithContentViewController:(UIViewController*)viewController;

创建出控制器后,调用如下方法可以将控制器弹出:

//这个方法将控制器以一个CGRect区域为基准弹出

/*

UIPopoverArrowDirection为箭头出现的方向

typedef NS_OPTIONS(NSUInteger, UIPopoverArrowDirection) {

   UIPopoverArrowDirectionUp = 1UL << 0,//

   UIPopoverArrowDirectionDown = 1UL << 1,//

   UIPopoverArrowDirectionLeft = 1UL << 2,//

   UIPopoverArrowDirectionRight = 1UL << 3,//

   UIPopoverArrowDirectionAny = UIPopoverArrowDirectionUp | UIPopoverArrowDirectionDown | UIPopoverArrowDirectionLeft | UIPopoverArrowDirectionRight,//任意方向

   UIPopoverArrowDirectionUnknown = NSUIntegerMax//未知

};

*/

//view参数为选择要在那个View视图上弹出animated参数设置是否带动画

-(void)presentPopoverFromRect:(CGRect)rectinView:(UIView*)viewpermittedArrowDirections:(UIPopoverArrowDirection)arrowDirectionsanimated:(BOOL)animated;

//以一个BarButtonItem为基准弹出其余参数意义同上

-(void)presentPopoverFromBarButtonItem:(UIBarButtonItem*)itempermittedArrowDirections:(UIPopoverArrowDirection)arrowDirectionsanimated:(BOOL)animated;

UIPopoverController的相关设置方法如下:

//设置代理

@property(nullable, nonatomic,weak) id<UIPopoverControllerDelegate> delegate;

//设置内容视图控制器

@property(nonatomic, strong) UIViewController *contentViewController;

- (void)setContentViewController:(UIViewController *)viewController animated:(BOOL)animated;

//设置界面展示尺寸

@property(nonatomic) CGSize popoverContentSize;

- (void)setPopoverContentSize:(CGSize)size animated:(BOOL)animated;

//获取控制器当前是否正在展示

@property(nonatomic, readonly,getter=isPopoverVisible) BOOL popoverVisible;

//获取控制器箭头方向

@property(nonatomic, readonly) UIPopoverArrowDirection popoverArrowDirection;

//这个属性可以增强控制器的交互能力

/*

默认情况下,当视图控制器弹出时,点击界面上的其他位置,视图控制器会被隐藏如果需要当视图控制爱弹出时界面上的其他控件依然可以进行用户交互,则需要将这些UI控件设置进这个数组中

*/

@property(nullable, nonatomic,copy) NSArray<__kindof UIView *> *passthroughViews;

//隐藏视图控制器的方法

- (void)dismissPopoverAnimated:(BOOL)animated;

//设置视图控制器的背景颜色

@property(nullable, nonatomic,copy) UIColor *backgroundColor NS_AVAILABLE_IOS(7_0);

//设置视图Margin

@property(nonatomic, readwrite) UIEdgeInsets popoverLayoutMargins NS_AVAILABLE_IOS(5_0);

//这个属性用于自定义PopoverControllerUI展现传入自定义的背景视图类

@property(nullable, nonatomic,readwrite, strong) Class popoverBackgroundViewClass NS_AVAILABLE_IOS(5_0);

三、自定义UI展现的UIPopoverController

       通过设置UIPopoverController对象的popoverBacjgroundViewClass属性可以将一个自定义的类作为控制器的背景视图,需要注意,此自定义的类必须继承自UIPopoverBackgroundView,并且子类必须覆写父类中的一些列方法,示例如下:

@interfaceMyView: UIPopoverBackgroundView

@end

 

@implementationMyView

//这个方法返回箭头宽度

+ (CGFloat)arrowBase{

   return20;

}

//这个方法中返回内容视图的偏移

+(UIEdgeInsets)contentViewInsets{

   returnUIEdgeInsetsMake(20, 20, 20, 20);

}

//这个方法返回箭头高度

+(CGFloat)arrowHeight{

   return30;

}

//这个方法返回箭头的方向

-(UIPopoverArrowDirection)arrowDirection{

   returnUIPopoverArrowDirectionUp;

}

//这个在设置箭头方向时被调用可以监听做处理

-(void)setArrowDirection:(UIPopoverArrowDirection)arrowDirection{

   

}

//这个方法在设置箭头偏移量时被调用可以监听做处理

-(void)setArrowOffset:(CGFloat)arrowOffset{

   

}

//重写layout方法来来定义箭头样式

- (void)layoutSubviews

{

   [superlayoutSubviews];

   CGSize arrowSize = CGSizeMake([[selfclass] arrowBase], [[selfclass] arrowHeight]);

   UIImage * image  = [selfdrawArrowImage:arrowSize];

   UIImageView * imageView = [[UIImageView alloc]initWithImage:image];

   imageView.frame = CGRectMake(0, 0.0f, arrowSize.width, arrowSize.height);

   [selfaddSubview:imageView];

}

//这个方法中进行背景色的设置

- (instancetype)initWithFrame:(CGRect)frame

{

   self= [superinitWithFrame:frame];

   if(self) {

       self.backgroundColor = [UIColor redColor];

   }

   returnself;

}

- (instancetype)init

{

   self= [superinit];

   if(self) {

       

   }

   returnself;

}

//返回值决定是否渲染阴影

+(BOOL)wantsDefaultContentAppearance{

   returnNO;

}

//画箭头方法

- (UIImage *)drawArrowImage:(CGSize)size

{

  UIGraphicsBeginImageContextWithOptions(size, NO, 0);

   CGContextRef ctx = UIGraphicsGetCurrentContext();

   [[UIColor clearColor] setFill];

   CGContextFillRect(ctx, CGRectMake(0.0f, 0.0f, size.width, size.height));

   CGMutablePathRef arrowPath = CGPathCreateMutable();

   CGPathMoveToPoint(arrowPath, NULL, (size.width/2.0f), 0.0f);

   CGPathAddLineToPoint(arrowPath, NULL, size.width, size.height);

   CGPathAddLineToPoint(arrowPath, NULL, 0.0f, size.height);

   CGPathCloseSubpath(arrowPath);

   CGContextAddPath(ctx, arrowPath);

   CGPathRelease(arrowPath);

   UIColor *fillColor = [UIColor yellowColor];

   CGContextSetFillColorWithColor(ctx, fillColor.CGColor);

   CGContextDrawPath(ctx, kCGPathFill);

   UIImage *image = UIGraphicsGetImageFromCurrentImageContext();

   UIGraphicsEndImageContext();

   returnimage;

}

@end

四、UIPopoverPresentationController应用解析

   UIPopoverPresentationController是iOS8后系统新引入的控制器,其可以很好的兼容iPhone与iPad。UIPopoverPresentationContriller的使用需要和UIViewController结合进行,使用过程示例如下:

UITableViewController tabCon = [[UITableViewController alloc]initWithStyle:UITableViewStylePlain];

//设置跳转模式为popover模式

tabCon.modalPresentationStyle = UIModalPresentationPopover;

//获取到UIPopoverPresentationController对象

UIPopoverPresentationController* con = tabCon.popoverPresentationController;

//设置弹出的基准视图

con.sourceView = self.view;

[selfpresentViewController:tabCon animated:YEScompletion:nil];

UIPopoverPresentationController中属性如下:

//设置代理

@property(nullable, nonatomic,weak) id<UIPopoverPresentationControllerDelegate> delegate;

//设置允许的箭头方向

@property(nonatomic, assign) UIPopoverArrowDirection permittedArrowDirections;

//设置基准视图或者区域

@property(nullable, nonatomic,strong) UIView *sourceView;

@property(nonatomic, assign) CGRect sourceRect;

//设置是否覆盖基准视图区域

@property(nonatomic, assign) BOOL canOverlapSourceViewRect NS_AVAILABLE_IOS(9_0);

//设置基准BarButtonItem

@property(nullable, nonatomic,strong) UIBarButtonItem *barButtonItem;

//设置可以进行用户交互的视图

@property(nullable, nonatomic,copy) NSArray<UIView *> *passthroughViews;

//设置背景颜色

@property(nullable, nonatomic,copy) UIColor *backgroundColor;

//设置Margin

@property(nonatomic, readwrite) UIEdgeInsets popoverLayoutMargins;

//设置自定义视图

@property(nullable, nonatomic,readwrite, strong) Class <UIPopoverBackgroundViewMethods> popoverBackgroundViewClass;

UIPopoverPresentationControllerDelegate中的方法如下:

//控制器将要弹出时调用

- (void)prepareForPopoverPresentation:(UIPopoverPresentationController *)popoverPresentationController;

//控制器将要消失时调用

- (BOOL)popoverPresentationControllerShouldDismissPopover:(UIPopoverPresentationController *)popoverPresentationController;

//控制器已经消失时调用

- (void)popoverPresentationControllerDidDismissPopover:(UIPopoverPresentationController *)popoverPresentationController;

//控制器接收到弹出消息时调用

- (void)popoverPresentationController:(UIPopoverPresentationController *)popoverPresentationController willRepositionPopoverToRect:(inoutCGRect *)rect inView:(inoutUIView  * __nonnull* __nonnull)view;

 

目录
相关文章
|
iOS开发 数据可视化
|
27天前
|
开发框架 前端开发 Android开发
安卓与iOS开发中的跨平台策略
在移动应用开发的战场上,安卓和iOS两大阵营各据一方。随着技术的演进,跨平台开发框架成为开发者的新宠,旨在实现一次编码、多平台部署的梦想。本文将探讨跨平台开发的优势与挑战,并分享实用的开发技巧,帮助开发者在安卓和iOS的世界中游刃有余。
|
4天前
|
iOS开发 开发者 MacOS
深入探索iOS开发中的SwiftUI框架
【10月更文挑战第21天】 本文将带领读者深入了解Apple最新推出的SwiftUI框架,这一革命性的用户界面构建工具为iOS开发者提供了一种声明式、高效且直观的方式来创建复杂的用户界面。通过分析SwiftUI的核心概念、主要特性以及在实际项目中的应用示例,我们将展示如何利用SwiftUI简化UI代码,提高开发效率,并保持应用程序的高性能和响应性。无论你是iOS开发的新手还是有经验的开发者,本文都将为你提供宝贵的见解和实用的指导。
85 66
|
14天前
|
开发框架 Android开发 iOS开发
安卓与iOS开发中的跨平台策略:一次编码,多平台部署
在移动应用开发的广阔天地中,安卓和iOS两大阵营各占一方。随着技术的发展,跨平台开发框架应运而生,它们承诺着“一次编码,到处运行”的便捷。本文将深入探讨跨平台开发的现状、挑战以及未来趋势,同时通过代码示例揭示跨平台工具的实际运用。
|
18天前
|
Java 调度 Android开发
安卓与iOS开发中的线程管理差异解析
在移动应用开发的广阔天地中,安卓和iOS两大平台各自拥有独特的魅力。如同东西方文化的差异,它们在处理多线程任务时也展现出不同的哲学。本文将带你穿梭于这两个平台之间,比较它们在线程管理上的核心理念、实现方式及性能考量,助你成为跨平台的编程高手。
|
20天前
|
存储 前端开发 Swift
探索iOS开发:从新手到专家的旅程
本文将带您领略iOS开发的奇妙之旅,从基础概念的理解到高级技巧的掌握,逐步深入iOS的世界。文章不仅分享技术知识,还鼓励读者在编程之路上保持好奇心和创新精神,实现个人成长与技术突破。
|
23天前
|
安全 IDE Swift
探索iOS开发之旅:从初学者到专家
在这篇文章中,我们将一起踏上iOS开发的旅程,从基础概念的理解到深入掌握核心技术。无论你是编程新手还是希望提升技能的开发者,这里都有你需要的指南和启示。我们将通过实际案例和代码示例,展示如何构建一个功能齐全的iOS应用。准备好了吗?让我们一起开始吧!
|
28天前
|
安全 Swift iOS开发
Swift 与 UIKit 在 iOS 应用界面开发中的关键技术和实践方法
本文深入探讨了 Swift 与 UIKit 在 iOS 应用界面开发中的关键技术和实践方法。Swift 以其简洁、高效和类型安全的特点,结合 UIKit 丰富的组件和功能,为开发者提供了强大的工具。文章从 Swift 的语法优势、类型安全、编程模型以及与 UIKit 的集成,到 UIKit 的主要组件和功能,再到构建界面的实践技巧和实际案例分析,全面介绍了如何利用这些技术创建高质量的用户界面。
29 2