Iphone开发,做弹出视图Popup View

阅读更多

背景:

遇到一个需求,是点击按钮,不跳转任何页面,在点击的位置弹出一个view,然后做相应处理,

将数据返回给当前视图;

初步思路:

做一个透明的UIView,通过鼠标点击时间,记录坐标,然后根据该坐标present出一个UIView;

思路没问题,但是做起来太费时;想找个更简单的方法:

发现控件UIPopoverController是做弹层视图的,既然有满足要求的控件那就直接用嘛,结果发现没效果,而且不报错。。。再查之说是只能再ipad上用,因为iphone之类屏幕太小所以用不了。。坑啊。

难道要用之前想的那么做,还好有人已经做了那样想法的开源code了,只需要引入自己的工程调用即可。使用方法和UIPopoverController的API一模一样。

地址:https://github.com/werner77/WEPopover

实现:

一:简单

从上面网址点ZIP下载源码到本地,你可以直接运行查看效果;

如果要自己用,我们关注的代码是popover目录下的:

Iphone开发,做弹出视图Popup View_第1张图片

二:使用

上面自己看过效果后,然后在自己项目中使用:

需要的效果是:

Iphone开发,做弹出视图Popup View_第2张图片

首先将目录popover add到自己项目里面,基本你需要关心的就只有一个类WEPopoverController,做的效果就是弹出视图;

WEPopoverController有一个属性contentViewController就是将你需要弹出展示的view放在其中;

初始代码如下:在导航栏rightButton添加按钮点击事件(当然你可以用任何可以触发的事件,任意button或者tableView的section点击事件)

kaipaoButtonItem = [[UIBarButtonItem alloc]initWithImage:[UIImage imageNamed:@"icon_game.png"] style:UIBarButtonItemStylePlain target:self action:@selector(showPopView)];

showPopView点击事件做的事就是弹出视图:注明:其中YLChatMenuViewController是自己写的需要展示的菜单;

-(void)showPopView{
    if (self.popController) {//如果视图已弹出,则点击就是关闭视图
		[self.popController dismissPopoverAnimated:YES];
    }
    YLChatMenuViewController *contentViewController = [[YLChatMenuViewController alloc]initWithStyle:UITableViewStylePlain];
    contentViewController.chatViewController=self;
    self.popController = [[WEPopoverController alloc] initWithContentViewController:contentViewController];
//将chatmenueview设置为pop的content即中心展示
 [self.popController presentPopoverFromBarButtonItem:kaipaoButtonItem permittedArrowDirections:UIPopoverArrowDirectionUp animated:YES]; }

如上是已经完成全部工作;

注意:

1:如果要更改其背景或箭头等图片方式:

设置属性WEPopoverContainerViewProperties即可,可以仿照WEPopoverController类中defaultContainerViewProperties方法;

甚至你可以直接改此方法中用到的图片等;因为如果你不设置WEPopoverController.containerViewProperties属性,就会用默认的方法;

初始化如下

WEPopoverContainerViewProperties *props = self.containerViewProperties ? self.containerViewProperties : [self defaultContainerViewProperties];

当然你也可以不用这些箭头什么的,直接更改你放入contentViewController(chatMenuController)的view背景色或背景图片

UIImageView * image = [[UIImageView alloc]initWithImage:[UIImage imageNamed:@"popup_bg.9.png"]];
    [self.tableView setBackgroundView:image];

2:设置弹层大小

直接设置chatmenuView

self.contentSizeForViewInPopover = CGSizeMake(150, 150);


你可能感兴趣的:(Iphone开发,做弹出视图Popup View)