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

Posted Chaos_G

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了iPad开发--美团界面的搭建(主要是对Popover的使用,以及监听)相关的知识,希望对你有一定的参考价值。

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

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

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

    

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

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

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

数据源协议:

代理协议:

  • LRTableView内部需要数据的时候直接调用数据源的方法即可
     1 #pragma mark - UITableViewDataSource
     2 - (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
     3 {
     4     if (tableView == self.leftTableView) { // 左边的表格
     5         // 通过数据源获得行数
     6         return [self.dataSource numberOfRowsInLRViewWithLRView:self];
     7     } else { // 右边的表格
     8         return self.subCategories.count;
     9     }
    10 }
    11 
    12 - (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
    13 {
    14     UITableViewCell *cell = nil;
    15     if (tableView == self.leftTableView) { // 左边的表格
    16         // 创建左边的cell
    17         cell = [ChaosLeftCell leftCellWithTableView:tableView];
    18         // 通过数据源获得对应行的name
    19         cell.textLabel.text = [self.dataSource lrView:self leftTitleInRow:indexPath.row];
    20         // 通过数据源设置图片
    21         if ([self.dataSource respondsToSelector:@selector(lrView:imageNameForRow:)]) {
    22             
    23             NSString *imageName = [self.dataSource lrView:self imageNameForRow:indexPath.row];
    24             cell.imageView.image = [UIImage imageNamed:imageName];
    25         }
    26         // 通过数据源设置高亮图片
    27         if ([self.dataSource respondsToSelector:@selector(lrView:highlightImageNameForRow:)]) {
    28             
    29             NSString *highlightImage = [self.dataSource lrView:self highlightImageNameForRow:indexPath.row];
    30             cell.imageView.highlightedImage = [UIImage imageNamed:highlightImage];
    31         }
    32         
    33     } else { // 右边的表格
    34         // 创建右边的cell
    35         cell = [ChaosRightCell rightCellWithTableView:tableView];
    36         
    37         cell.textLabel.text = self.subCategories[indexPath.row];
    38     }
    39     return cell;
    40 }
    41 
    42 #pragma mark - UITableViewDelegate
    43 - (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath
    44 {
    45     if (tableView == self.leftTableView) { // 左边的表格
    46         // 取出子数据,并保存
    47         self.subCategories = [self.dataSource lrView:self subDataOfLeftRow:indexPath.row];
    48         // 刷新数据
    49         [self.rightTableView reloadData];
    50         // 点击了左边
    51         if ([self.delegate respondsToSelector:@selector(lrView:didSelectedLeftRow:)]) {
    52             [self.delegate lrView:self didSelectedLeftRow:indexPath.row];
    53         }
    54     } else { // 右边的表格
    55         
    56         if ([self.delegate respondsToSelector:@selector(lrView:didSelectedRightRow:andLeftRow:)]) {
    57             [self.delegate lrView:self didSelectedRightRow:indexPath.row andLeftRow:[self.leftTableView indexPathForSelectedRow].row];
    58         }
    59     }
    60 }

     

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

以上是关于iPad开发--美团界面的搭建(主要是对Popover的使用,以及监听)的主要内容,如果未能解决你的问题,请参考以下文章

ipad版简单美团界面功能实现(纯swift编写)

显示键盘 + iPad 时 UIPopoverView 变得扭曲

新手使用APICloud可视化开发搭建商城主页

linux 下搭建svn

准备.Net转前端开发-WPF界面框架那些事,搭建基础框架

tkinter + cefpython 仿美团桌面程序