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的文字或者图片.最后记得移除通知