iOS支付寶首頁8.11跟新demo

  • 晚上買東西,用支付寶支付時更米,看到跟新了欺栗,手癢就敲了一下。
  • 效果是這樣的征峦,向上滑動時迟几,整個界面一起滑動,上面的視差效果忽略栏笆,很多demo的类腮,自己搜就好了。然后是向下滑動時蛉加,如果上半部分視圖顯示完畢就不再跟著滑動蚜枢,而是下面的tableview 在滑動了(這里有貓膩),然后拉出刷新控件针饥,還可以刷新厂抽。(當(dāng)然最好的方法是打開你的支付寶,上下滑動幾下就清楚了)
  • 說完廢話上代碼(核心部分):
  • 主要視圖屬性
@interface ViewController () <UIScrollViewDelegate>
// scrollView 在底部丁眼,topView筷凤、tableview是他的上下部分子視圖
@property (strong, nonatomic) UIScrollView *rootView;
@property (weak, nonatomic) UIView *topView;
@property (weak, nonatomic) Fg_tableView *tableView;
  • 后面處理視差圖片做了一個調(diào)整處理(這不是重點(diǎn),后6行代碼可以不看)
@implementation ViewController
-(void)scrollViewDidScroll:(UIScrollView *)scrollView {
        CGFloat y = scrollView.contentOffset.y;
    if (y <= 0) {
        //這是上半部分視圖顯示完畢后苞七,下拉處理藐守,伴隨scrollView移動挪丢,看起來像是沒動
        CGRect newFrame = self.topView.frame;
        newFrame.origin.y = y;
        self.topView.frame = newFrame;
        
        newFrame = self.tableView.frame;
        newFrame.origin.y = y + 310;
        self.tableView.frame = newFrame;
        
        //偏移量給到tableview,tableview自己來滑動
        self.tableView.contentOffsetY = y;
        
        //滑動太快有時候不正確卢厂,這里是保護(hù)imageView 的frame為正確的乾蓬。
        newFrame = self.imageView.frame;
        newFrame.origin.y = 0;
        self.imageView.frame = newFrame;
    } else {
        //視差處理
        CGRect newFrame = self.imageView.frame;
        newFrame.origin.y = y/2;
        self.imageView.frame = newFrame;
    }
}
  • 然后是tableview 接收到來自scrollView 的偏移量的處理
-(instancetype)initWithFrame:(CGRect)frame style:(UITableViewStyle)style {
    
    self = [super initWithFrame:frame style:style];
    
    if (self) {
        self.dataSource = self;
        self.delegate = self;
        //這是根據(jù)固定的tableview 高度去計(jì)算的 rowheight
        self.rowHeight = (kHeight * 5 - 310) / 20;
        self.mj_header = [MJRefreshNormalHeader headerWithRefreshingBlock:nil];
    }
    return self;
}

-(void)setContentOffsetY:(CGFloat)contentOffsetY {
    // 這里就轉(zhuǎn)化成tableview 自己滑動的假象了
    _contentOffsetY = contentOffsetY;
    if (![self.mj_header isRefreshing]) {
        
        self.contentOffset = CGPointMake(0, contentOffsetY);
    }
}

// 這兩個是開放給外部調(diào)用刷新,刷新停止的方法
-(void)startRefreshing {
    [self.mj_header beginRefreshing];
}
-(void)endRefreshing {
    [self.mj_header endRefreshing];
}
  • 在這里判斷何時刷新
@implementation ViewController
-(void)scrollViewDidEndDragging:(UIScrollView *)scrollView willDecelerate:(BOOL)decelerate {
    
    // 松手時判斷是否刷新
    CGFloat y = scrollView.contentOffset.y;
    if (y < - 65) {
        [self.tableView startRefreshing];
        dispatch_after(dispatch_time(DISPATCH_TIME_NOW, (int64_t)(2 * NSEC_PER_SEC)), dispatch_get_main_queue(), ^{
            [self.tableView endRefreshing];
        });
    }
}
  • 總結(jié):處理scrollView 的滑動足淆,制造了些假象巢块,細(xì)心觀察后發(fā)現(xiàn)就是在移動scrollView 時,同時改變子視圖frame巧号,看起來像是沒動族奢,然后把偏移量給到tableview ,然后調(diào)這個方法,就轉(zhuǎn)換成tableview 在滑動了丹鸿,再在合適的偏移時調(diào)刷新控件開始刷新越走。
self.contentOffset = CGPointMake(0, contentOffsetY);
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市掷空,隨后出現(xiàn)的幾起案子肋殴,更是在濱河造成了極大的恐慌,老刑警劉巖坦弟,帶你破解...
    沈念sama閱讀 216,496評論 6 501
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件护锤,死亡現(xiàn)場離奇詭異,居然都是意外死亡酿傍,警方通過查閱死者的電腦和手機(jī)烙懦,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,407評論 3 392
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來赤炒,“玉大人氯析,你說我怎么就攤上這事】肾” “怎么了魄鸦?”我有些...
    開封第一講書人閱讀 162,632評論 0 353
  • 文/不壞的土叔 我叫張陵,是天一觀的道長癣朗。 經(jīng)常有香客問我拾因,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,180評論 1 292
  • 正文 為了忘掉前任绢记,我火速辦了婚禮扁达,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘蠢熄。我一直安慰自己跪解,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,198評論 6 388
  • 文/花漫 我一把揭開白布签孔。 她就那樣靜靜地躺著叉讥,像睡著了一般。 火紅的嫁衣襯著肌膚如雪饥追。 梳的紋絲不亂的頭發(fā)上图仓,一...
    開封第一講書人閱讀 51,165評論 1 299
  • 那天,我揣著相機(jī)與錄音但绕,去河邊找鬼救崔。 笑死,一個胖子當(dāng)著我的面吹牛捏顺,可吹牛的內(nèi)容都是我干的六孵。 我是一名探鬼主播,決...
    沈念sama閱讀 40,052評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼幅骄,長吁一口氣:“原來是場噩夢啊……” “哼劫窒!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起拆座,我...
    開封第一講書人閱讀 38,910評論 0 274
  • 序言:老撾萬榮一對情侶失蹤烛亦,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后懂拾,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,324評論 1 310
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡铐达,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,542評論 2 332
  • 正文 我和宋清朗相戀三年岖赋,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片瓮孙。...
    茶點(diǎn)故事閱讀 39,711評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡唐断,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出杭抠,到底是詐尸還是另有隱情脸甘,我是刑警寧澤,帶...
    沈念sama閱讀 35,424評論 5 343
  • 正文 年R本政府宣布偏灿,位于F島的核電站丹诀,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜铆遭,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,017評論 3 326
  • 文/蒙蒙 一硝桩、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧枚荣,春花似錦碗脊、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,668評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至害碾,卻和暖如春矢劲,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背蛮原。 一陣腳步聲響...
    開封第一講書人閱讀 32,823評論 1 269
  • 我被黑心中介騙來泰國打工卧须, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人儒陨。 一個月前我還...
    沈念sama閱讀 47,722評論 2 368
  • 正文 我出身青樓花嘶,卻偏偏與公主長得像,于是被迫代替她去往敵國和親蹦漠。 傳聞我的和親對象是個殘疾皇子椭员,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,611評論 2 353

推薦閱讀更多精彩內(nèi)容

  • 發(fā)現(xiàn) 關(guān)注 消息 iOS 第三方庫、插件笛园、知名博客總結(jié) 作者大灰狼的小綿羊哥哥關(guān)注 2017.06.26 09:4...
    肇東周閱讀 12,094評論 4 62
  • 大家知道分子美食怎么做嗎?中國分子美食培訓(xùn)也只有王森學(xué)校有哦~下面王森學(xué)校就給大家介紹下分子美食吧! 蛋黃懸浮于明...
    糊花火閱讀 246評論 1 0
  • 今天看了下日歷隘击,從兩只小巴西到家算起已經(jīng)半個月了。然而天氣不好研铆,氣溫忽高忽低埋同,一直達(dá)不到它們正常進(jìn)食和活動的條件。...
    羽人非獍閱讀 132評論 0 0
  • 我在地圖上標(biāo)記了影片中出現(xiàn)的幾個重要的地點(diǎn)棵红。從西藏西南部芒康出發(fā)凶赁,到達(dá)拉薩,最后深入阿里地區(qū)到達(dá)神山岡仁...
    南宮旖萱閱讀 511評論 0 0