JAPANESES40成熟多毛,麻豆精品一卡二卡三卡,午夜影院普通区免费体验,亚洲.欧美.在线视频

聯(lián)系我們

深圳藝虎文化傳播有限公司

地址:深圳市-羅湖區(qū)-怡景路1080號(hào)

電話:400-804-9112

價(jià)格咨詢:1076576968 點(diǎn)擊這里聯(lián)系我們

動(dòng)畫制作: 849500115 點(diǎn)擊這里聯(lián)系我們

業(yè)務(wù)郵箱:service@yihoo.sh

當(dāng)前位置:深圳公益動(dòng)畫制作 »公司新聞 » 轉(zhuǎn)場(chǎng)動(dòng)畫-仿AppStore跳轉(zhuǎn)及抖音評(píng)論
轉(zhuǎn)場(chǎng)動(dòng)畫-仿AppStore跳轉(zhuǎn)及抖音評(píng)論
公司新聞 / 2022-09-25

有錢人捧個(gè)錢場(chǎng),沒錢捧個(gè)人場(chǎng),看一看。

在寫這個(gè)demo以前覺得轉(zhuǎn)場(chǎng)動(dòng)畫就像女神,離我很遠(yuǎn),日常項(xiàng)目根本接觸不到。畢竟系統(tǒng)自帶的就好用,身體輕,容易推倒。但是好的動(dòng)畫效果就像電影彩蛋,不經(jīng)意間給用戶一個(gè)驚喜,這對(duì)App拉新傳播很有幫助。而且程序員寫完之后,不僅可以在測(cè)試女神面前展示自己的操作,還可以讓老板在投資人面前炫耀自己的團(tuán)隊(duì)質(zhì)量,吸引更多的資金,從而在彎道超車,讓自己升職加薪,達(dá)到人生

中國(guó)有很多公司在互動(dòng)方面做得很好,比如騰訊和字節(jié)跳動(dòng)。demo主要是寫AppStore所以我研究了跳轉(zhuǎn)和抖音評(píng)論【AppStore】、【抖音】、【QQ這三種產(chǎn)品:音樂。

接下來(lái),我簡(jiǎn)潔全面,就樣demo在實(shí)現(xiàn)過程中,產(chǎn)品相互比較,對(duì)比問題進(jìn)行描述。

轉(zhuǎn)場(chǎng)動(dòng)畫主要由轉(zhuǎn)場(chǎng)動(dòng)畫、跳轉(zhuǎn)協(xié)議、手勢(shì)交互三部分組成。

轉(zhuǎn)場(chǎng)動(dòng)畫是對(duì)動(dòng)畫效果的代碼描述,并遵守UIViewControllerAni ** tedTransitioning協(xié)議。
跳轉(zhuǎn)協(xié)議在push,press等協(xié)議的相關(guān)方法里,返回動(dòng)畫對(duì)象。
手勢(shì)交互是用手勢(shì)來(lái)控制動(dòng)畫的進(jìn)度,通常是建立的UIPercentDrivenInteractiveTransition的子類。

這里我就不描述轉(zhuǎn)場(chǎng)動(dòng)畫的基本概念了,網(wǎng)上有很多相關(guān)資料。

AppStore主頁(yè)的動(dòng)畫主頁(yè)分為這些部分。

長(zhǎng)按,視圖縮小,松開后,視圖擴(kuò)展到下一個(gè)界面,具有輕微的彈簧效果。
點(diǎn)擊,縮小視圖,松開后,將視圖擴(kuò)展到下一個(gè)界面,并具有輕微的彈簧效果。
長(zhǎng)按后滑動(dòng),先縮小視圖,再恢復(fù)原狀。

這里直接用我UIButton處理這些手勢(shì),touchesBegan處理視圖縮小,touchesEnded點(diǎn)擊回調(diào)處理。所以這里加了一個(gè)。bool屬性endTouchesBegan用于判斷視圖是否已縮小。如果縮小,直接回調(diào),如果沒有,則先進(jìn)行縮小載回調(diào)。

AppStore動(dòng)畫第一界面statusBar為顯示,第二個(gè)界面隱藏,第三個(gè)界面恢復(fù)顯示。我們使用它bool屬性hideStatus判斷顯示隱藏。

第一個(gè)界面,默認(rèn)self.hideStatus =NO,顯示。點(diǎn)擊圖片時(shí),調(diào)用strongSelf.hideStatus =YES隱藏;這樣做的目的是通過第二個(gè)界面pop回來(lái)時(shí),statusBar先隱藏,然后采用以下方法進(jìn)行statusBar動(dòng)畫顯示。

同樣,第二個(gè)界面也是如此,但第二個(gè)界面不知道push進(jìn)去還是pop所以增加了push屬性。

tabBar開始想用動(dòng)畫hidesBottomBarWhenPushed隱藏,但和AppStore轉(zhuǎn)場(chǎng)動(dòng)畫不太合適,就像AppStore的tabBar的動(dòng)畫在UINavigationControllerDelegate處理協(xié)議方法。

AppStore轉(zhuǎn)場(chǎng)pop手勢(shì)的上下滑動(dòng)與抖音評(píng)論的效果非常相似,但下,AppStore頁(yè)面還增加了左滑pop手勢(shì)。

一開始,我想用蘋果自己的邊緣手勢(shì)UIScreenEdgePanGestureRecognizer來(lái)進(jìn)行處理,但發(fā)現(xiàn)這樣只能解決橫向側(cè)滑pop,垂直滑動(dòng)無(wú)法解決pop的問題。干脆自己寫一套手勢(shì),可以橫向豎向支撐。橫向滑動(dòng)還支持全屏、半屏等距離屬性的設(shè)置,寫全局宏TLPanEdgeInside來(lái)控制。

自認(rèn)比較手勢(shì)處理AppStore評(píng)論抖音的效果很好。因?yàn)椴还茉鯓覣ppStore或者抖音評(píng)論只能改變上下方向之一,或者改變UIScrollView要么改變控制器的偏移量pop進(jìn)度。我包裝的這套手勢(shì)可以自由上下改變,可以監(jiān)控開始的手勢(shì),從上下滑動(dòng)到左右滑動(dòng),或者基于上下。

因?yàn)閜ush轉(zhuǎn)場(chǎng)時(shí)間為0.8秒,我在第一個(gè)控制器中添加了以下內(nèi)容userEnabled屬性用于防止重復(fù)點(diǎn)擊。demo的代碼。

AppStore轉(zhuǎn)移主要涉及三種方法:

-(NSArray*_Nonnull)tl_transitionUIViewFrameViews;
-(NSString *_Nonnull)tl_transitionUIViewI ** ge;
-(void)setContainScrollView:(UIScrollView *)scrollView isPush:(BOOL)isPush;

第一種方法是回調(diào)前一個(gè)視圖和后一個(gè)視圖中的動(dòng)畫控件。
二是圖片資源的回調(diào)。
三是防止手勢(shì)沖突,避免沖突UIScrollView視圖進(jìn)入。

導(dǎo)航欄隱藏的判斷是在UINavigationControllerDelegate協(xié)議中判斷,但考慮到項(xiàng)目中的一些頁(yè)面并非所有頁(yè)面都需要轉(zhuǎn)移動(dòng)畫,因此UINavigationControllerDelegate協(xié)議在兩個(gè)地方重寫。并且還在UIViewController在分類中重寫viewWillAppear判斷方便常規(guī)push和轉(zhuǎn)場(chǎng)push自由切換。

處理抖音評(píng)論手勢(shì)和AppStore的一模一樣。只不過AppStore是push,抖音評(píng)論是press。

這里的鏈接和抖音完全一樣,DouYinComment。這個(gè)demo是基于視圖層級(jí)彈窗,而我寫的是彈出控制器。

同時(shí),為了避免快速掃描引起的閃光,我在手勢(shì)結(jié)束時(shí)做出了判斷。當(dāng)速度過快,掃描距離過短時(shí),直接進(jìn)行pop或者di ** iss。

研究轉(zhuǎn)場(chǎng)動(dòng)畫時(shí)要注意QQ音樂界面有一個(gè)小問題,就是當(dāng)加藤鷹手速上下滑動(dòng)時(shí),界面和頂部之間的間隙會(huì)越來(lái)越大。應(yīng)該是手勢(shì)和界面偏移之間的問題。

這種效果很好看,處理起來(lái)也很簡(jiǎn)單。只需將相應(yīng)的控制器傳輸?shù)睫D(zhuǎn)移動(dòng)畫中即可。圖片瀏覽功能也可以這樣包裝。

這也很簡(jiǎn)單,但通常用于沒有導(dǎo)航欄的界面,否則看起來(lái)會(huì)很丑。

因?yàn)橐恍┬』锇樘嶙h模仿AppStore在動(dòng)畫中,當(dāng)我點(diǎn)擊X時(shí),過渡點(diǎn)不自然,我優(yōu)化了一些代碼,具體參考TLAni ** tionAppStoreStyle文件。

同時(shí)對(duì)AppStore動(dòng)畫里面的statusBar部分和tabBar進(jìn)一步處理了部分。

公司簡(jiǎn)介新聞中心作品展示聯(lián)系我們
地址:深圳市龍華區(qū)龍華街道富康社區(qū)東環(huán)一路良基大廈3層313 | 電 話:400-804-9112 | 郵箱:service@yihoo.sh
深圳mg動(dòng)畫制作,深圳3d動(dòng)畫設(shè)計(jì),深圳三維動(dòng)畫制作公司 滬ICP備11015150號(hào)-26