【美团HD】Detail详情页

来源:互联网 发布:服装店最新版收银软件 编辑:程序博客网 时间:2024/05/16 14:03
1》详情页我们用一个控制器,左边放xib,右边放webVIew  

2》先处理webView,我们需要获取url,用webView的代理方法来监听webView去哪儿了(shouldStartLoadWithRequest)

3》由于大众点评服务器的特殊处理,我们需要先加载一个页面才能再跳转到想去的详情页
用JS删掉不用的节点

4》我们希望详情页只支持横屏

5》左边我们分为三个部分,上面的伪导航栏,中间的图片和信息,以及下方的四个btn。
其中,中间的view我们不希望在xib中固定高度,而是由其中的文字高度决定最终高度。

6》中间的图片要遵循好比例,避免拉伸。下方的4个btn一般都用纯色背景,便于拉伸,且自定义btn图片要设置成custom,可以高亮。添加约束时先确定好一个。要想btn里内容始终左对齐,可以把图片和文字左切。

7》中间的收藏星星,不能是高亮关系,应该是selecte,并添加约束与btn中心Y对齐。

8》BUG:原价划线偏低。经打印,原价的bounds不是(0,0),需要手动把偏移量加回来。bounds默认是(0,0),是为了其中的子控件好。

9》计算团购剩余时间。先连线。这里应用到一个新的类 NSCalendar (日历类),可以轻松完成很多日历的处理。

10》单元测试。程序员很常用的测试方法。

11》计算即将过期时的BUG:由于默认的计时是从零点零分开始,这样会有一整天的误差,所以需要我们手动增加一天过期时间。

12》剩余时间设置。超过1个月的特殊处理。







0 0
原创粉丝点击