高仿美团主界面<一>

作者: 土鳖不土 | 来源:发表于2015-08-16 23:19 被阅读4382次

声明:本demo还未完善,正在持续更新中。。。

先上图吧:

美团主界面部分图

这个小demo资源图片全是用青花瓷抠出来的,现在只是完成了 一部分。会持续更行中。。。有兴趣的朋友可以关注我,我们一起coding,一起分享。

然后这个demo很简单。但是有一些小细节可以和大家分享。

相信用过美团的同鞋都知道,美团的主界面。

效果动画图如下:

git图

很明显美团的主界面是一个tableView 如上图的scrollView是tableView的一个cell.

快速创建一个cell并传递一个模型。

- (UITableViewCell*)tableView:(UITableView*)tableView cellForRowAtIndexPath:(NSIndexPath*)indexPath{

JFHomeMenuCell*cell = [JFHomeMenuCellcellWithTableView:tableViewmenuArray:self.menuArray];

returncell;

}

快速得倒plist文件里面的数据。

self.menuArray=[GetPlistArrayarrayWithString:@"menuData.plist"];

具体实现:只要给我一个文件名就给你返回一个该文件的数组,是不是很爽?反正我是觉得很爽!

NSString*plistPath = [[NSBundlemainBundle]pathForResource:stringofType:nil];

NSArray*array = [[NSArray alloc]initWithContentsOfFile:plistPath];

return  array;

如上tableView快速创建cell同一个原理。给我传一个tableView就创建一个cell是不是可以举一反三了?

staticNSString*menuID =@"menu";

JFHomeMenuCell*cell = [tableView dequeueReusableCellWithIdentifier:menuID];

if(cell ==nil) {

cell = [[JFHomeMenuCellalloc]initWithStyle:UITableViewCellStyleDefaultreuseIdentifier:menuIDmenuArray:menuArray];

}

returncell;

cell怎么创建的控制器不必知道。

送上一句宝贵意见:控制器知道的越少越好。

接下来就是创建16个按钮,你不会的话 要请我吃饭了。接下来说一个代理方法:

#pragma mark - scrollView delegate

- (void)scrollViewDidScroll:(UIScrollView*)scrollView{

CGFloatscrollViewW =scrollView.frame.size.width;

//算出水平移的距离

CGFloatx = scrollView.contentOffset.x;

intpage = (x + scrollViewW/2)/scrollViewW;

_pageControl.currentPage= page;

}

算出当前的是处于ScrollView的哪个界面。

再说pageControl的两个属性

_pageControl.currentPageIndicatorTintColor=navigationBarColor;//处于哪个界面的小圆点原色

_pageControl.pageIndicatorTintColor= [UIColorgrayColor];//于上相反。

搞定。由于比较简单不上传到github上了。

本demo会持续更新的哦。重要的事情说三遍哈哈。

睡觉了。晚安23:19的上海。

相关文章

  • 高仿美团主界面<一>

    声明:本demo还未完善,正在持续更新中。。。 先上图吧: 这个小demo资源图片全是用青花瓷抠出来的,现在只是完...

  • 高仿美团<三>

    亲爱的粉友们,高仿美团<三>终于和大家见面了 首先感谢你们的一直关注。同时也感谢我自己。曾经c++挂科,java接...

  • 高仿美团<二>

    亲爱的粉友们我又回来了。 继上一次高仿美团主界面之后我说我会持续更新的,还说重要的事情说三遍。由于最近项目比较紧就...

  • 高仿美团<四>

    粉友们我又回来了。国庆回莆田老家几天没有coding就感觉手痒+满满的罪恶感。这个我里我想对所有的简友(尤其是"只...

  • Mybatis中特殊符号转移

    1. 写法1 原符号替换符号<<<=<=>>>=>=<><>&&'&a...

  • test

    <script>alert(1);</script>

  • 无标题文章

    <script>alert('hello’);</script>

  • Mybatis 中大于等于小于等于的写法

    第一种写法:原符号 < <= > >= & ' "替换符号 < <= > >= &a...

  • Mybatis中 < > <= >= 等符号的使用

    一、转移字符 >= 对应 >= > 对应 > <= 对应 <= ...

  • MyBatis大于小于转义

    说明小于小于等于大于大于等于&'''原符号<<=>>=&'"替换符号<<=>>=&...

网友评论

  • 浮桥小麦:楼主,我仿写你的主界面,怎么首页的scrollView无法滚动,打印出来的contentSize也是正确地啊????
    浮桥小麦:@tubiebutu 您有邮箱吗,我打包发给您,帮我看看好吗?
    土鳖不土:@浮桥小麦 我这边是好的
    土鳖不土:@浮桥小麦 我看下
  • 知之轩:美团的后台数据怎么拿到的?
    土鳖不土:@知之轩 你可以试试看
    知之轩:@tubiebutu 听说美团的数据抓不到,只能抓到大众点评的,是不是,我没试过,听别人说美团的抓不到
    土鳖不土:@知之轩 用青花瓷抓取
  • 抹茶不加糖:请问下楼主,楼主在初始化的时候放init里面的,我平常习惯是用懒加载。这有什么不同么?
    抹茶不加糖:@tubiebutu 哦哦,好的。谢谢
    土鳖不土:@抹茶不加糖 最好用懒加载。你不能保证每个对象都要用到,用懒加载可以最大程度减少对系统不必要的开销
  • LyTsai:有一个小错误哦,商家被选中时候的图片名字写错了。
    土鳖不土:@LyTsai 看了啊 没问题啊
    土鳖不土:@LyTsai 好的我等会看下
  • f0dfd0c76221:楼主您好 ,刚接触ios开发 。 我想请教一下 ,做主界面不需要屏幕适配吗?
    土鳖不土:@f0dfd0c76221 要的
  • 7d31621a192b:赞楼主
    土鳖不土: @驭风者的主人 谢谢
  • 游子_IT:楼主,能把数据资源给弄出来么
    土鳖不土:@LuckCui 已经在高仿美234全部贴出来了
  • 彭挺:请问,上面提到的“这个小demo资源图片全是用青花瓷抠出来的”

    时什么东东?
    土鳖不土:@彭挺 青花瓷是个mac端的app 你可以参考下http://www.jianshu.com/p/35052a6acc7e这篇文章,据可以解决你的所有问题
    彭挺:@tubiebutu 青花瓷 是什么工具? 有链接么?
    iTunes 如何下载应用的图片资源呢?
    土鳖不土:@彭挺 图片资源没必要用青花瓷。直接用mac自带的iTunes下载就可以了
  • 9a7cb46ead78:支持楼主!
    录屏可以试试 licecap :)
    土鳖不土:@machine9 好的 谢谢。
  • 拂晓的云:赞一个
  • borjigeen_narsu:楼主加油!!
  • 91阿生:请问楼主,GIF你是用什么录制的
    土鳖不土:@一听情话就哽咽 加油哈。
    PM_Irwin:@tubiebutu 学习了一直想知道的软件~
    土鳖不土:@91阿生 先用打开mac自带的QuickTime Player 点击文件。然后选新建屏幕录制。录制成屏幕视频。保存之后。然后再appStore下载一个PicGIF制作gif的软件。直接将视频拖过去,就可以完成了。很简单的

本文标题:高仿美团主界面<一>

本文链接:https://www.haomeiwen.com/subject/khgwqttx.html