重点 (三) : UIPopoverController

2016-10-26  本文已影响212人  JonesCxy
1.png

使用步骤

要想显示一个UIPopoverController，需要经过下列步骤

设置内容控制器

由于UIPopoverController直接继承自NSObject，不具备可视化的能力

因此UIPopoverController上面的内容必须由另外一个继承自UIViewController的控制器来提供，这个控制器称为“内容控制器”

设置内容的尺寸

显示出来占据多少屏幕空间

设置显示的位置

从哪个地方冒出来

设置内容控制器

设置内容控制器有3种方法

在初始化UIPopoverController的时候传入一个内容控制器

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

@property (nonatomic, retain) UIViewController  *contentViewController;

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

以上方法和属性都是UIPopoverController的

设置内容的尺寸

设置内容的尺寸有2种方法

@property (nonatomic) CGSize popoverContentSize;

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

以上方法和属性都是UIPopoverController的

设置显示的位置

设置显示的位置有2种方法

围绕着一个UIBarButtonItem显示（箭头指定那个UIBarButtonItem）

- (void)presentPopoverFromBarButtonItem:(UIBarButtonItem *)item permittedArrowDirections:(UIPopoverArrowDirection)arrowDirections animated:(BOOL)animated;

item ：围绕着哪个UIBarButtonItem显示

arrowDirections ：箭头的方向

animated ：是否通过动画显示出来

设置显示的位置

围绕着某一块特定区域显示（箭头指定那块特定区域）

- (void)presentPopoverFromRect:(CGRect)rect inView:(UIView
*)view permittedArrowDirections:(UIPopoverArrowDirection)arrowDirections
animated:(BOOL)animated;

rect ：指定箭头所指区域的矩形框范围（位置和尺寸）

view ：rect参数是以view的左上角为坐标原点（0，0）

arrowDirections：箭头的方向

animated ：是否通过动画显示出来
2.png

设置显示的位置

• 如果想让箭头指向某一个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];

常见报错
• 在popover的使用过程中，经常会遇到这个错误

-[UIPopoverController dealloc] reached while popover is still visible.

• 错误的大体意思是：popover在仍旧可见的时候被销毁了（调用了dealloc）
• 从错误可以得出的结论
• 当popover仍旧可见的时候，不准销毁popover对象
• 在销毁popover对象之前，一定先让popover消失（不可见）

通过内容控制器设置内容尺寸
• 内容控制器可以自行设置自己在popover中显示的尺寸
• 在iOS 7之前

@property (nonatomic,readwrite) CGSize contentSizeForViewInPopover;

• 从iOS 7开始

@property (nonatomic) CGSize preferredContentSize;

以上属性都是UIViewController的

常用属性

• 代理对象
@property (nonatomic, assign) id <UIPopoverControllerDelegate> delegate;
• 是否可见
@property (nonatomic, readonly, getter=isPopoverVisible) BOOL popoverVisible;
• 箭头方向
@property (nonatomic, readonly) UIPopoverArrowDirection popoverArrowDirection;
• 关闭popover（让popover消失）
- (void)dismissPopoverAnimated:(BOOL)animated;

防止点击UIPopoverController区域外消失
• 默认情况下
• 只要UIPopoverController显示在屏幕上，UIPopoverController背后的所有控件默认是不能跟用户进行正常交互的
• 点击UIPopoverController区域外的控件，UIPopoverController默认会消失
• 要想点击UIPopoverController区域外的控件时不让UIPopoverController消失，解决办法是设置passthroughViews属性
@property (nonatomic, copy) NSArray *passthroughViews;
• 这个属性是设置当UIPopoverController显示出来时，哪些控件可以继续跟用户进行正常交互。这样的话，点击区域外的控件就不会让UIPopoverController消失了

如何iPhone中实现popover的效果
• UIPopoverController这个类是只能用在iPad中的
• 要想在iPhone中实现popover效果，必须得自定义view，可以参考
• http://code4app.com/ios/Popover-View-in-iPhone/4fa931bd06f6e78d0f000000
• http://code4app.com/ios/Popup-Menu/512231ac6803fa9e08000000

*******************笔记*********************

UIPopoverController的简单使用

2.1继承自NSObect:不是一个控件类的东西,就是不可见,不具备可视化能力,如果要让它可见,就要把它方法哦某个控件中,控制器才可以显示

2.2.继承自UIViewController或者UIview:UIViewController里面有个View,可以通View展示东西,如果继承UIView,可以把这个东西展示到这个UIView上面

MenuViewController *menuVC = [[MenuViewController alloc] init];

2.初始化UIPopoverController并指定内容控制器(初始化的时候必须要指定)

UIPopoverController *menuPopover = [[UIPopoverController alloc] initWithContentViewController:menuVC];

3.设置内容控制器的大小

menuPopover.popoverContentSize = CGSizeMake(110, 44 * 3);

4.弹出UIPopverController,设置显示位置,并指定箭头方向

[menuPopover presentPopoverFromBarButtonItem:sender permittedArrowDirections:UIPopoverArrowDirectionAny animated:YES];

[menuPopover dismissPopoverAnimated:YES];

UIPopoverController的其他用法

- (UIPopoverController *)controllerPopover
{
    if (_controllerPopover == nil) {
        1.创建内容控制器
        OneViewController *oneVC = [[OneViewController alloc] init];
        UINavigationController *oneNav = [[UINavigationController alloc] initWithRootViewController:oneVC];
        
        2.初始化UIPopoverController并设置内容控制器
        self.controllerPopover = [[UIPopoverController alloc] initWithContentViewController:oneNav];
    }
    return _controllerPopover;
}

-二.设置导航条内容

- (void)viewDidLoad {
    [super viewDidLoad];
    
    1.设置背景颜色
    self.view.backgroundColor = [UIColor whiteColor];
    
    2.添加导航条文字
    self.navigationItem.leftBarButtonItem = [[UIBarButtonItem alloc] initWithBarButtonSystemItem:UIBarButtonSystemItemCamera target:nil action:nil];
    self.navigationItem.rightBarButtonItem = [[UIBarButtonItem alloc] initWithBarButtonSystemItem:UIBarButtonSystemItemEdit target:nil action:nil];
    
    3.添加下一个控制器按钮
    UIButton *nextBtn = [[UIButton alloc] init];
    [nextBtn setTitle:@"到下一个控制器" forState:UIControlStateNormal];
    nextBtn.backgroundColor = [UIColor redColor];
    nextBtn.frame = CGRectMake(100, 100, 140, 40);
    [self.view addSubview:nextBtn];
    [nextBtn addTarget:self action:@selector(nextBtn) forControlEvents:UIControlEventTouchUpInside];
    ```
    4.设置返回按钮样式

self.navigationItem.backBarButtonItem = [[UIBarButtonItem alloc] initWithTitle:@"返回" style:UIBarButtonItemStyleDone target:nil action:nil];
}

-三.颜色的点击

懒加载

       3.封装block代码

    __weak typeof(self)weakSelf = self;
    colorVC.colorChooseBlock  = ^(UIColor *color){
        1.设置背景颜色
        self.view.backgroundColor = color;
        
        2.popver消失
        [weakSelf.colorPopver dismissPopoverAnimated:YES];
    };
}
return _colorPopver;

}

点击

- 四ios8点击
懒加载

弹出

美团界面搭建(一)
1.设置导航条背景图片(通过自定义导航条)
2.使用xib布局,设置导航条按钮
3.取消导航条图片渲染
- 一 自定义导航条,设置背景
/**
 *  类在第一次使用的时候调用
 */

- 二 添加导航条内容

美团界面搭建(类别的展示)
一.xib描述XMGTopItemView
pragma mark - 快速创建xib

-(instancetype)topItemView { return [[[NSBundle mainBundle] loadNibNamed:@"XMGTopItemView" owner:nil options:nil] firstObject]; }

pragma - mark - 修改属性内容

-(void)setTitle:(NSString *)title { self.titleLabel.text = title; }

-(void)setSubTitle:(NSString *)subTitle { self.subTitleLabel.text = subTitle; }

-(void)setIconWithimage:(NSString )image highImage:(NSString )highImage { [self.iconButton setImage:[UIImage imageNamed:image] forState:UIControlStateNormal]; [self.iconButton setImage:[UIImage imageNamed:highImage] forState:UIControlStateHighlighted]; }

pragma - mark 对外提供监听点击

(void)addTarget:(id)target action:(SEL)action { [self.iconButton addTarget:target action:action forControlEvents:UIControlEventTouchUpInside]; } ```

二.XMGHomeViewController

pragma mark - 懒加载

(XMGCategoryController *)categoryVC { if (categoryVC == nil) {
1.创建内容控制器 categoryVC = [[XMGCategoryController alloc] init];
2.设置弹出样式 _categoryVC.modalPresentationStyle = UIModalPresentationPopover;

} return _categoryVC; }

(void)categoryClick { 1.弹出位置 self.categoryVC.popoverPresentationController.barButtonItem = self.categoryItem;

2.以modal形式弹出

[self presentViewController:_categoryVC animated:YES completion:nil]; }

三.XMGLRTableView 快速创建

-(instancetype)lrTableView { return [[[NSBundle mainBundle] loadNibNamed:@"XMGLRTableView" owner:nil options:nil] firstObject]; }
pragma mark - tableview数据
-(NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section { if (tableView == self.leftTableView) { 左边的tableView return self.categoryData.count; } else { 右边的tableView return self.subCategoryData.count; }
}
    
-(UITableViewCell )tableView:(UITableView )tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {
        
 UITableViewCell cell = nil; if (tableView == self.leftTableView) { 左边的tableView cell = [XMGLeftCell leftCellWithTabelView:tableView]; 取出模型 XMGCategory category = self.categoryData[indexPath.row]; cell.textLabel.text = category.name; cell.imageView.image = [UIImage imageNamed:category.small_icon]; cell.imageView.highlightedImage = [UIImage imageNamed:category.small_highlighted_icon]; } else { 右边的tableView
            
   cell = [XMGRightCell rightCellWithTabelView:tableView];
   cell.textLabel.text = self.subCategoryData[indexPath.row];
        } return cell; }

pragma mark - 代理

    -(void)tableView:(UITableView )tableView didSelectRowAtIndexPath:(NSIndexPath )indexPath { if (tableView == self.leftTableView) { 左边的tableView

1.取出模型 XMGCategory *category = self.categoryData[indexPath.row];
2.记录数据 self.subCategoryData = category.subcategories; 3.刷新游标表格 [self.rightTableView reloadData];

    } else { 右边的tableView
        
    } }

        - 四.XMGCategoryController
       

封装LRTableView
- 一.XMGLRTableView
1.自定义协议以及代理

@class XMGLRTableView;
@protocol XMGLRTableViewDataSource <NSObject>
@required
/** 左边返回多少行 */

@protocol XMGLRTableViewDelegate <NSObject>

@optional
/** 点击左边,告知点击的行数 */

- 一.1 调用协议与代理

pragma mark - tableview数据源

pragma mark - tableview代理

pragma mark - 实现XMGLRTableView代理

pragma mark - 监听通知

}

pragma mark - 类别发生改变

pragma mark - 区域发生改变

排序的Popover和item点击的bug
- 一 XMGSortController

}

pragma mark - 懒加载

}

UISplitViewController

pragma mark - tableView datasource

pragma mark - tableView delegate

pragma mark - 懒加载

pragma mark - 接收通知刷新表格

pragma mark - Table view data source

pragma mark - Table view delegate

pragma mark - 移除通知

}

上一篇 下一篇

猜你喜欢

热点阅读