WYS APP

UI图：http://modao.io/app/H8eZCQdV1pskjQ7z8bLh

四个tab：我要赛、赛事、运动吧、个人中心

  

 赛事页面

1、主要是个NavigationController

2、赛事主页面：SaiShiXinXiEventViewController

UITableView实现

 － 点击整块，跳转到赛事详情页

 － 点击星星，表示对赛事感兴趣

 － 点击分享，分享赛事（预计要用第三方分享sdk）

 － 点击筛选，弹出下拉筛选栏，筛选后刷新页面数据

 － 点击城市，跳转到城市页

3、城市页：SaiShiXinXiCityViewController

UITableView实现

4、赛事详情页：SaiShiXinXiEventDetailViewController

UITableView实现

 － 包含：图片、标题、价格、报名状态、位置、时间、主办方、活动介绍、查看图文详情、已报名赛友、感兴趣赛友、评论、推荐、立即报名

 － 点击位置，跳转到地图页

 － 点击查看图文详情，跳转到图文详情页

 － 点击已报名赛友，跳转已报名赛友列表页

 － 点击感兴趣赛友，跳转感兴趣赛友列表页

 － 点击我要评论，跳转到评论列表页

 － 点击立即报名，跳转到提交订单页

5、地图页：SaiShiXinXiMapViewController

预计要接入地图sdk

6、图文详情页：SaiShiXinXiImageTextDetailViewController

取PC端url，是个webview

7、已报名赛友列表页：SaiShiXinXiRegisteredPlayerListViewController

UITableView实现

8、感兴趣赛友列表页：SaiShiXinXiInterestedPlayerListViewController

UITableView实现

9、评论列表页：SaiShiXinXiCommentListViewController

UITableView实现

底部还一个添加评论

10、提交订单页：SaiShiXinXiOrderSubmitViewController

 － 包含：标题、地址、时间、票价信息、参加人员、添加人员按钮、总价、提交按钮

 － 点击参加人员的删除按钮，可删除

 － 点击添加人员按钮，弹出填写报名信息浮层页，填写完信息后点击确定，可添加人员

 － 点击提交按钮，跳转到手机验证页

11、手机验证页：SaiShiXinXiMobileVerificationViewController

验证成功后，弹出报名成功浮层页

问题：支付页？

2015.6.11

从赛事信息主页点击城市按钮，在城市页选择一个城市后跳转回主页面，这时候需要将选择的城市信息回传回来

http://blog.csdn.net/mad1989/article/details/7919504

网上搜了有三种方法：

1、建一个model来专门保存城市信息

2、notification实现

3、delegate实现

这里说一下第二种notification的实现方式

第一步：在发送数据的视图页面，注册＋发送通知

[[NSNotificationCenter defaultCenter] postNotificationName:@"cityNotification" object:@"testNotification"];

第二步：在接收数据的视图页面，接收通知

- (void)viewWillAppear:(BOOL)animated {
    [super viewWillAppear:animated];
    [[NSNotificationCenter defaultCenter] addObserver:self selector:@selector(notificationHandle:) name:@"cityNotification" object:nil];
}
- (void)notificationHandle:(NSNotification *)notification {
    self.selectedCity.title = [notification object];
}

2015.6.12

在自定义 UITableViewCell 时，通常在 初始化操作中加入subview，然后在 layoutSubviews 中定义 subview 的 frame

- (instancetype)initWithReuseIdentifier:(NSString *)reuseIdentifier {
    self = [super initWithReuseIdentifier:reuseIdentifier];
    
    if (self) {
        
        self.backgroundView.backgroundColor = [UIColor lightGrayColor];
        
        _titleLabel = [[UILabel alloc] init];
        _titleLabel.font = [UIFont systemFontOfSize:kEventInfomationTitleFontSize];
        _titleLabel.text = @"2015年“中国移动4G杯”大理千人环洱海自行车赛";
        _titleLabel.textColor = [UIColor whiteColor];
        
        [self.contentView addSubview:_titleLabel];
    }
    
    return self;
}

- (void)layoutSubviews {
    [super layoutSubviews];
    
    CGFloat width = CGRectGetWidth(self.contentView.bounds);
    
    {
        self.titleLabel.frame = CGRectMake(20, 4, width-40, 20);
        [self.titleLabel sizeToFit];
    }
}

sizeToFit意思是，如果label中的文字长度没有达到宽度的话，会自动缩短宽度以适配文字的长度；

问题：如何设置tableview的分割线为不可见

解答：

self.tableView.separatorStyle = UITableViewCellSeparatorStyleNone;

2015.6.13

经验：

UIView对象，如果用纯代码形式创建，调用的是 initWithFrame；

如果是在xib活着storyboard中创建，此时 initWithFrame 方法不会被调用，此时如果需要重新设置UIView的各项属性，可以在 initWithCoder 中设置；

问题：

如何设置 UITableViewCell 为不可选中状态

解答：

[cell setSelectionStyle:UITableViewCellSelectionStyleNone];

原来这种 selecetionStyle有None、Blue、Grey、Default，但在7.0系统之后，只有None和Default两种；

经验：

现在price、location、time、cup、type五种cell都是自定义的，其实有很多重复代码

考虑把图标和文字部分在一个cell的基类实现；

特别之处再另外添加，比如：

price的右侧，有个报名中的图标，可以考虑新建一个stateLabel，将之作为cell.accessoryView；

location的右侧，有个小箭头，这个应该可以系统实现；

cup文字的末尾，有个小图标表示政、体、企等，可以做个图标加上去；

问题：

在自定义的TableViewCell中加了一个属性 imageView，提示错误如下：

Auto property synthesis will not synthesize property 'imageView' because it is 'readwrite' but it will be synthesized 'readonly' via another property

解答：

错误原因是，imageView的名字起的和系统属性一样了，而这个属性是 readonly的

只要换个名字就行啦

问题：

在cell上加了一个button，背景色设为橘黄色，点击cell的颜色设为灰色，目前点击之后，button的背景色也会变成灰色，我想让它保持不变，如何设置？

解答：

// 设置背景色
typeButton.backgroundColor = [UIColor orangeColor];

// 替换为 

// 设置一张带颜色的图片作为背景
[typeButton setBackgroundImage:[UIImage imageWithColor:[UIColor orangeColor]] forState:UIControlStateNormal];

其中 imageWithColor 是用少鸿提供的 category

问题：

如何设置UILabel的文本居中？

解答：

titleLabel.textAlignment = NSTextAlignmentCenter;

2015.6.14

问题：

我想让赛事详情页底部的tabbar消失，之前用的方法是：

SaiShiXinXiEventDetailVC *edVC = [[SaiShiXinXiEventDetailVC alloc] init];
edVC.hidesBottomBarWhenPushed = YES;
[self.navigationController pushViewController:edVC animated:YES];

但是没有生效；

考虑到EventList是storyboard实现的，于是又在storyboard中设置

但还是没有生效；

解答：

问题：

UITableViewCell的分割线左边有一块是空白的，如何改成从头开始的？

解答：

// viewDidLoad 中加上如下
- (void)viewDidLoad {
    [super viewDidLoad];
    
    if ([self.tableView respondsToSelector:@selector(setSeparatorInset:)]) {
        [self.tableView setSeparatorInset:UIEdgeInsetsZero];
    }

    if ([self.tableView respondsToSelector:@selector(setLayoutMargins:)]) {
        [self.tableView setLayoutMargins:UIEdgeInsetsZero];
    }
}

// 修改willDisplayCell
- (void)tableView:(UITableView *)tableView willDisplayCell:(UITableViewCell *)cell forRowAtIndexPath:(NSIndexPath *)indexPath {
    
    if ([cell respondsToSelector:@selector(setSeparatorInset:)]) {
        [cell setSeparatorInset:UIEdgeInsetsZero];
    }
    
    if ([cell respondsToSelector:@selector(setLayoutMargins:)]) {
        [cell setLayoutMargins:UIEdgeInsetsZero];
    }
}

文档 by xuyang

1、赛事详情页

• M：nil
• V：

1. 基类：SaiShiXinXiTableViewCell
2. 信息基类：SaiShiXinXiEventInfomationBaseCell
3. 头图：SaiShiXinXiEventInfomationImageCell
4. 标题：SaiShiXinXiEventInfomationTitleCell
5. 活动介绍：SaiShiXinXiEventIntructionTextCell
6. 赛友头像：SaiShiXinXiPlayerHeadPhotoCell
7. 评论列表：SaiShiXinXiCommentListCell
8. 推荐：SaiShiXinXiRecommendDetailCell

• C：SaiShiXinXiEventDetailVC

2、城市选择页

• M：SaiShiXinXiCityModel
• V：nil
• C：SaiShiXinXiCityTableViewController