iPad开发--美团界面的搭建(主要是对Popover的使用,以及监听)

一.主界面的搭建,效果图.设置self.navigationItem.leftBarButtonItems属性.

• 由于leftBarButtonItem是通过xib文件创建的,通过xib创建的控件默认跟随父控件的大小而变化

• 解决方法:取消xib的autoLayout,取消xib的高度自动拉伸和宽度自动拉伸

　　　　

• 自定义的控件需要外界来更改显示的图片以及文字,所以对外提供以下方法来设置自己显示的图片以及文字

二.leftBarButtonItem点击后是通过Popover来展示的,而且展示的都是一个具有两个TableView的级联菜单,这里自定义了级联菜单的View(下面都叫做LRTableView),用的时候将自定义控件添加到对应的控制器上.但是LRTableView需要被提供数据才能显示想要的内容.

• 解决方法一:对外提供一个将要显示的模型数据,这种方法导致了LRTableView太依赖模型属性,如果模型属性太多的话不仅要判断传过来的是什么模型,而且还不好控制
• 解决方法二:模仿苹果的TableView,给自己的LRTableView也写一个数据源,写一个代理(这里用的这种),LRTableView需要数据的时候就不用依赖模型属性了,直接问数据源要数据.

数据源协议:

代理协议:

• LRTableView内部需要数据的时候直接调用数据源的方法即可

   #pragma mark - UITableViewDataSource
   - (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
   {
       if (tableView == self.leftTableView) { // 左边的表格
           // 通过数据源获得行数
           return [self.dataSource numberOfRowsInLRViewWithLRView:self];
       } else { // 右边的表格
           return self.subCategories.count;
       }
   }
  
   - (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
   {
       UITableViewCell *cell = nil;
       if (tableView == self.leftTableView) { // 左边的表格
           // 创建左边的cell
           cell = [ChaosLeftCell leftCellWithTableView:tableView];
           // 通过数据源获得对应行的name
           cell.textLabel.text = [self.dataSource lrView:self leftTitleInRow:indexPath.row];
           // 通过数据源设置图片
           if ([self.dataSource respondsToSelector:@selector(lrView:imageNameForRow:)]) {
  
               NSString *imageName = [self.dataSource lrView:self imageNameForRow:indexPath.row];
               cell.imageView.image = [UIImage imageNamed:imageName];
           }
           // 通过数据源设置高亮图片
           if ([self.dataSource respondsToSelector:@selector(lrView:highlightImageNameForRow:)]) {
  
               NSString *highlightImage = [self.dataSource lrView:self highlightImageNameForRow:indexPath.row];
               cell.imageView.highlightedImage = [UIImage imageNamed:highlightImage];
           }
  
       } else { // 右边的表格
           // 创建右边的cell
           cell = [ChaosRightCell rightCellWithTableView:tableView];
  
           cell.textLabel.text = self.subCategories[indexPath.row];
       }
       return cell;
   }
  
   #pragma mark - UITableViewDelegate
   - (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath
   {
       if (tableView == self.leftTableView) { // 左边的表格
           // 取出子数据,并保存
           self.subCategories = [self.dataSource lrView:self subDataOfLeftRow:indexPath.row];
           // 刷新数据
           [self.rightTableView reloadData];
           // 点击了左边
           if ([self.delegate respondsToSelector:@selector(lrView:didSelectedLeftRow:)]) {
               [self.delegate lrView:self didSelectedLeftRow:indexPath.row];
           }
       } else { // 右边的表格
  
           if ([self.delegate respondsToSelector:@selector(lrView:didSelectedRightRow:andLeftRow:)]) {
               [self.delegate lrView:self didSelectedRightRow:indexPath.row andLeftRow:[self.leftTableView indexPathForSelectedRow].row];
           }
       }
   }

• 相应的控制器实现LRTableView的数据源方法                          
• 实现代理方法,点击LRTableView中的cell发出通知,接受到通知的view或控制器要修改BarButtonItem的文字和图片
• NavigationController的栈顶控制器监听LRTableView被点击发出的通知,根据传过来的模型数据,重新设置自定义BarButtonItem的文字或者图片.最后记得移除通知