高仿美团主界面<一>

作者: 土鳖不土 | 来源:发表于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的上海。

    相关文章

      网友评论

      • 浮桥小麦:楼主,我仿写你的主界面,怎么首页的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