這篇文章主要介紹了iOS中如何仿寫(xiě)UIScrollView部分功能,具有一定借鑒價(jià)值,感興趣的朋友可以參考下,希望大家閱讀完這篇文章之后大有收獲,下面讓小編帶著大家一起了解一下。
先展示下效果圖
我設(shè)置了兩個(gè)view,一個(gè)是紅色的背景view,紅色view里嵌套了一個(gè)小的藍(lán)色的view。我給紅色view添加了點(diǎn)擊手勢(shì),點(diǎn)擊紅色view,讓紅色view bounds.origin.y += 5;,并打印bounds的值。結(jié)果顯示,bounds的y值確實(shí)增加了,而實(shí)際效果是,藍(lán)色小色塊在不斷移動(dòng)。
其實(shí),frame設(shè)置的是其展示區(qū)域,就像電視機(jī)的顯示屏。而bounds設(shè)置的是其內(nèi)容區(qū)域,就像電視機(jī)放映的電影中那個(gè)廣闊的世界一樣。對(duì)于這部分的理解,我想結(jié)合scrollView會(huì)更容易些。scrollView的frame設(shè)置的僅僅只是scrollView的展示界面,而其滑動(dòng)區(qū)域需要設(shè)置contentSize屬性。
- (void)viewDidLoad { [super viewDidLoad]; // 紅色的背景view UIView *view = [[UIView alloc] initWithFrame:CGRectMake(50, 50, 200, 200)]; view.backgroundColor = [UIColor redColor]; [self.view addSubview:view]; // 單擊手勢(shì) UITapGestureRecognizer *tap = [[UITapGestureRecognizer alloc] initWithTarget:self action:@selector(viewClick:)]; [tap setNumberOfTouchesRequired:1]; [view addGestureRecognizer:tap]; // 藍(lán)色的子view UIView *subView = [[UIView alloc] initWithFrame:CGRectMake(0, 190, 10, 10)]; subView.backgroundColor = [UIColor blueColor]; [view addSubview:subView]; } - (void)viewClick:(UITapGestureRecognizer *)gesture { // 獲取紅色view UIView *view = gesture.view; // 修改bounds的值 CGRect bounds = view.bounds; bounds.origin.y += 5; view.bounds = bounds; // 展示bounds的值 NSLog(@"bounds:%@",NSStringFromCGRect(view.bounds)); }
關(guān)于修改bounds后,其內(nèi)容的移動(dòng)規(guī)律,我是這樣理解的。我們都知道,左上角是(0,0),右下角方向移動(dòng),x和y都是增加的。而對(duì)于bounds,由于一個(gè)控件的展示部分被frame固定了,不可以隨意移動(dòng)。而在上面的例子中,y是自增的,那么控件應(yīng)該相對(duì)于內(nèi)容部分向下移動(dòng)才對(duì)(設(shè)置frame是相對(duì)于父控件移動(dòng),那么設(shè)置bounds就是針對(duì)自身的內(nèi)容區(qū)域移動(dòng))。而控件是不能移動(dòng)的,所以能移動(dòng)的就是內(nèi)容區(qū)域了。內(nèi)容區(qū)域相對(duì)控件向相反的方向移動(dòng),也就是向上移動(dòng)了。
仿寫(xiě)UIScrollView的部分效果
仿寫(xiě)思路:scrollView的滑動(dòng)效果,我們可以通過(guò)添加滑動(dòng)手勢(shì)實(shí)現(xiàn)。scrollView的內(nèi)容滾動(dòng),我們可以通過(guò)修改scrollView的bounds來(lái)實(shí)現(xiàn)。
效果圖
代碼
- (void)viewDidLoad { [super viewDidLoad]; // 仿scrollView UIView *myScrollView = [[UIView alloc] initWithFrame:self.view.bounds]; myScrollView.backgroundColor = [UIColor redColor]; [self.view addSubview:myScrollView]; // 滑動(dòng)手勢(shì) UIPanGestureRecognizer *pan = [[UIPanGestureRecognizer alloc] initWithTarget:self action:@selector(panGes:)]; [myScrollView addGestureRecognizer:pan]; // scrollView的內(nèi)容 UIView *blueView = [[UIView alloc] initWithFrame:CGRectMake(50, 50, 10, 10)]; blueView.backgroundColor = [UIColor blueColor]; [myScrollView addSubview:blueView]; } - (void)panGes:(UIPanGestureRecognizer *)gesture { UIView *myScrollView = gesture.view; // 獲取滑動(dòng)的位移量 CGPoint transPoint = [gesture translationInView:myScrollView]; NSLog(@"%@",NSStringFromCGPoint(transPoint)); // 這里總感覺(jué)寫(xiě)錯(cuò)了,我腦子笨,有點(diǎn)繞不過(guò)來(lái)了。頭疼 CGRect bounds = myScrollView.bounds; bounds.origin.x -= transPoint.x; bounds.origin.y -= transPoint.y; myScrollView.bounds = bounds; // 復(fù)位 [gesture setTranslation:CGPointZero inView:myScrollView]; }
感謝你能夠認(rèn)真閱讀完這篇文章,希望小編分享的“iOS中如何仿寫(xiě)UIScrollView部分功能”這篇文章對(duì)大家有幫助,同時(shí)也希望大家多多支持創(chuàng)新互聯(lián)建站,關(guān)注創(chuàng)新互聯(lián)網(wǎng)站建設(shè)公司行業(yè)資訊頻道,更多相關(guān)知識(shí)等著你來(lái)學(xué)習(xí)!
另外有需要云服務(wù)器可以了解下創(chuàng)新互聯(lián)建站jinyejixie.com,海內(nèi)外云服務(wù)器15元起步,三天無(wú)理由+7*72小時(shí)售后在線,公司持有idc許可證,提供“云服務(wù)器、裸金屬服務(wù)器、高防服務(wù)器、香港服務(wù)器、美國(guó)服務(wù)器、虛擬主機(jī)、免備案服務(wù)器”等云主機(jī)租用服務(wù)以及企業(yè)上云的綜合解決方案,具有“安全穩(wěn)定、簡(jiǎn)單易用、服務(wù)可用性高、性價(jià)比高”等特點(diǎn)與優(yōu)勢(shì),專為企業(yè)上云打造定制,能夠滿足用戶豐富、多元化的應(yīng)用場(chǎng)景需求。
新聞標(biāo)題:iOS中如何仿寫(xiě)UIScrollView部分功能-創(chuàng)新互聯(lián)
文章網(wǎng)址:http://jinyejixie.com/article22/dsescc.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供ChatGPT、商城網(wǎng)站、外貿(mào)網(wǎng)站建設(shè)、App設(shè)計(jì)、動(dòng)態(tài)網(wǎng)站、App開(kāi)發(fā)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容
網(wǎng)頁(yè)設(shè)計(jì)公司知識(shí)