iOS 仿滴滴出行界面~demo

联系人:石虎 QQ:1224614774昵称:嗡嘛呢叭咪哄

                   QQ群:807236138群称:iOS 技术交流学习群

一、概念

hitTest作用

- (UIView *)hitTest:(CGPoint)point withEvent:(UIEvent *)event

hitTest的作用:当在一个view上添加一个屏蔽罩,但又不影响对下面view的操作,也就是可以透过屏蔽罩对下面的view进行操作,这个函数就很好用了。

什么是hitTest

point : 在接收器的局部坐标系(界)中指定的点。

event : 系统保证调用此方法的事件。如果从事件处理代码外部调用此方法,则可以指定nil。

returnValue : 视图对象是当前视图和包含点的最远的后代。如果点完全位于接收方的视图层次结构之外,则返回nil。


hitTest 的调用顺序

touch -> UIApplication -> UIWindow -> UIViewController.view -> subViews -> ....-> 合适的view

事件的传递顺序

view -> superView ...- > UIViewController.view -> UIViewController -> UIWindow -> UIApplication -> 事件丢弃

1、 首先由 view 来尝试处理事件,如果他处理不了,事件将被传递到他的父视图superview

2、superview 也尝试来处理事件,如果他处理不了,继续传递他的父视图

UIViewcontroller.view

3、UIViewController.view尝试来处理该事件,如果处理不了,将把该事件传递给UIViewController

4、UIViewController尝试处理该事件,如果处理不了,将把该事件传递给主窗口Window

5、主窗口Window尝试来处理该事件,如果处理不了,将传递给应用单例Application

6、如果Application也处理不了,则该事件将会被丢弃


二、demo 效果图

iOS 仿滴滴出行界面

下载 demo : https://github.com/shihu132/travelViewDemo

三、 仿滴滴出行界面实现

//  ViewController.m

//  仿滴滴出行界面

//  Created by joyshow on 2018/9/14.

//  Copyright © 2018年 石虎. All rights reserved.

#import "ViewController.h"

#import "SHTableView.h"

/* 屏幕的尺寸 */

#define SHScreenW [UIScreen mainScreen].bounds.size.width

#define SHScreenH [UIScreen mainScreen].bounds.size.height

#define SHCell_height 200

#define SHCell_Count  8


@interface ViewController ()<UITableViewDelegate,UITableViewDataSource>

@property (nonatomic, weak) UITableView *sh_tableView;

@end


@implementation ViewController

- (void)viewDidLoad {

    [super viewDidLoad];

    [self setupUI];

}


- (void)setupUI {

    UIImageView *sh_imageView = [[UIImageView alloc]initWithFrame:self.view.bounds];

    sh_imageView.image = [UIImage imageNamed:@"qin_ai_nv_shen"];

    [self.view addSubview:sh_imageView];

    //20为状态栏高度;sh_tableView 设置的大小要和view的大小一致

    SHTableView *sh_tableView = [[SHTableView alloc] initWithFrame:CGRectMake(0, 20, SHScreenW, SHScreenH) style:UITableViewStyleGrouped];


    //tableview不延时

    self.sh_tableView.delaysContentTouches = NO;

    for (UIView *subView in self.sh_tableView.subviews) {

        if ([subView isKindOfClass:[UIScrollView class]]) {

            ((UIScrollView *)subView).delaysContentTouches = NO;

        }

    }


    //tableview下移

    sh_tableView.contentInset = UIEdgeInsetsMake(500, 0, 0, 0);

    sh_tableView.tableHeaderView = [[UIView alloc] initWithFrame:CGRectMake(0, 0, SHScreenW, 0.001)];//去掉头部空白

    sh_tableView.backgroundColor = [UIColor clearColor];

    sh_tableView.delegate = self;

    sh_tableView.dataSource = self;

    sh_tableView.showsVerticalScrollIndicator = NO;

    sh_tableView.sectionHeaderHeight = 0.0;//消除底部空白

    sh_tableView.sectionFooterHeight = 0.0;//消除底部空白

    self.sh_tableView = sh_tableView;

    [self.view addSubview:sh_tableView];

}

#pragma mark - cell数量

- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section {

    return SHCell_Count;

}


#pragma mark - cell高度

- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath{

    return SHCell_height;

}


#pragma mark - 每个cell

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

    UITableViewCell *cell = [UITableViewCell new];

    if(indexPath.row % 2 == 0){

        cell.backgroundColor = [UIColor orangeColor];

        UILabel *sh_label = [[UILabel alloc]initWithFrame:CGRectMake(0, 0, SHScreenW, SHCell_height)];

        sh_label.text = @"仿滴滴出行界面";

        [cell.contentView addSubview:sh_label];

    }else{

        cell.backgroundColor = [UIColor redColor];

        UIImageView *sh_imageView = [[UIImageView alloc]initWithFrame:CGRectMake(0, 0, SHScreenW, SHCell_height)];

        sh_imageView.image = [UIImage imageNamed:@"aaaaaa"];

        [cell.contentView addSubview:sh_imageView];

    }

    return cell;

}

#pragma mark - 选中cell

- (void)tableView:(UITableView *)tableView didSelectRowAtIndexPath:(NSIndexPath *)indexPath{

    NSLog(@"shihu---点击了cell");

}


- (void)didReceiveMemoryWarning {

    [super didReceiveMemoryWarning];

}

@end


四、自定义SHTableView

//  SHableView.m

//  仿滴滴出行界面

//  Created by joyshow on 2018/9/14.

//  Copyright © 2018年 石虎. All rights reserved.

//

#import "SHTableView.h"

@implementation SHTableView

- (UIView *)hitTest:(CGPoint)point withEvent:(UIEvent *)event{

    NSLog(@"point=%@",NSStringFromCGPoint(point));

    NSLog(@"y=%f",self.contentOffset.y);

    if (point.y<0) {

        return nil;

    }

    return  [super hitTest:point withEvent:event];

}

@end


谢谢!!!

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 158,233评论 4 360
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 67,013评论 1 291
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 108,030评论 0 241
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 43,827评论 0 204
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 52,221评论 3 286
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 40,542评论 1 216
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 31,814评论 2 312
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 30,513评论 0 198
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 34,225评论 1 241
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 30,497评论 2 244
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 31,998评论 1 258
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 28,342评论 2 253
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 32,986评论 3 235
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 26,055评论 0 8
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 26,812评论 0 194
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 35,560评论 2 271
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 35,461评论 2 266

推荐阅读更多精彩内容