Iphone开发，做弹出视图Popup View

背景：

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

将数据返回给当前视图；

初步思路：

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

思路没问题，但是做起来太费时；想找个更简单的方法：

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

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

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

实现：

一：简单

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

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



二：使用

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

需要的效果是：



首先将目录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);