自拍偷在线精品自拍偷,亚洲欧美中文日韩v在线观看不卡

UIScrollView 和UIPageControl 實(shí)現(xiàn)app啟動(dòng)滑動(dòng)圖

移動(dòng)開(kāi)發(fā) iOS
為了吸引用戶眼球或者傳達(dá)更多的信息,啟動(dòng)app時(shí),一般都會(huì)附上一個(gè)滑動(dòng)圖(只顯示一次),下面為大家詳解。

一、使用NSUserDefaults 判斷滑動(dòng)圖有沒(méi)有出現(xiàn)過(guò),加載滑動(dòng)圖

NSUserDefaults 簡(jiǎn)介:

NSUserDefaults可以將數(shù)據(jù)***的保存在手機(jī)中,他是一個(gè)單例,用起來(lái)很方便,所以很適合用于保存簡(jiǎn)單的數(shù)據(jù)和為數(shù)據(jù)做標(biāo)記。

更多的關(guān)于NSUserDefaults的介紹請(qǐng)看:NSUserDefaults 簡(jiǎn)介

你可以選擇在AppDelegate.m中的didFinishLaunchingWithOptions 方法或者“初始界面”(加載的***個(gè)viewController)的 viewDidLoad 方法中進(jìn)行判斷滑動(dòng)圖是否出現(xiàn)過(guò),寫(xiě)上代碼:

  1. NSUserDefaults *userDefaults = [NSUserDefaults standardUserDefaults]; 
  2.   
  3. //判斷滑動(dòng)圖是否出現(xiàn)過(guò),***次調(diào)用時(shí)“isScrollViewAppear” 這個(gè)key 對(duì)應(yīng)的值是nil,會(huì)進(jìn)入if中 
  4.     if (![@"YES" isEqualToString:[userDefaults objectForKey:@"isScrollViewAppear"]]) { 
  5.           
  6.         [self showScrollView];//顯示滑動(dòng)圖 
  7.     } 

二、初始化 UIScrollView 和 UIPageControl 為啟動(dòng)滑動(dòng)圖做準(zhǔn)備

UIScrollView : 帶有滑動(dòng)效果,在上面加入U(xiǎn)IImageView再設(shè)置代理后,可以實(shí)現(xiàn)翻頁(yè)顯示圖片的效果

涉及的相關(guān)屬性:

contentSize : UIScrollView 顯示的尺寸,這個(gè)按需求而設(shè)

pagingEnabled : 是否支持一頁(yè)一頁(yè)的翻,設(shè)置成YES后,每一次滑動(dòng),翻動(dòng)一頁(yè);

bounces:是否支持反彈,這是一個(gè)動(dòng)畫(huà)效果,大家可以設(shè)置來(lái)看看,一般滑動(dòng)圖設(shè)置為NO;
showsHorizontalScrollIndicator : 是否顯示水平的滑動(dòng)條
UIPageControl:一般配合UIScrollView使用,指向UIScrollView當(dāng)前所指的頁(yè)數(shù)

涉及的相關(guān)屬性:

numberOfPages:一共有幾個(gè)點(diǎn)(幾頁(yè)),這個(gè)要設(shè)置得和滑動(dòng)圖的頁(yè)數(shù)一樣

 

相關(guān)代碼:

  1. #pragma mark - 滑動(dòng)圖 
  2.   
  3. -(void) showScrollView{ 
  4.   
  5.     UIScrollView *_scrollView = [[UIScrollView alloc] initWithFrame:[UIScreen mainScreen].bounds]; 
  6.       
  7.       //設(shè)置UIScrollView 的顯示內(nèi)容的尺寸,有n張圖要顯示,就設(shè)置 屏幕寬度*n ,這里假設(shè)要顯示4張圖 
  8.     _scrollView.contentSize = CGSizeMake([UIScreen mainScreen].bounds.size.width * 4, [UIScreen mainScreen].bounds.size.height); 
  9.       
  10.     _scrollView.tag = 101
  11.       
  12.     //設(shè)置翻頁(yè)效果,不允許反彈,不顯示水平滑動(dòng)條,設(shè)置代理為自己 
  13.     _scrollView.pagingEnabled = YES; 
  14.     _scrollView.bounces = NO; 
  15.     _scrollView.showsHorizontalScrollIndicator = NO; 
  16.     _scrollView.delegate = self; 
  17.       
  18.     //在UIScrollView 上加入 UIImageView 
  19.     for (int i = 0 ; i < 4; i ++) { 
  20.           
  21.         UIImageView *imageView = [[UIImageView alloc] initWithFrame:CGRectMake([UIScreen mainScreen].bounds.size.width * i , 0, [UIScreen mainScreen].bounds.size.width, [UIScreen mainScreen].bounds.size.height)]; 
  22.           
  23.         //將要加載的圖片放入imageView 中 
  24.         UIImage *image = [UIImage imageNamed:[NSString stringWithFormat:@"%d",i+1]]; 
  25.         imageView.image = image; 
  26.           
  27.         [_scrollView addSubview:imageView]; 
  28.     } 
  29.       
  30.     //初始化 UIPageControl 和 _scrollView 顯示在 同一個(gè)頁(yè)面中 
  31.     UIPageControl *pageConteol = [[UIPageControl alloc] initWithFrame:CGRectMake(140, self.view.frame.size.height - 605040)]; 
  32.     pageConteol.numberOfPages = 4;//設(shè)置pageConteol 的page 和 _scrollView 上的圖片一樣多 
  33.     pageConteol.tag = 201
  34.       
  35.     [self.view addSubview:_scrollView]; 
  36.     [self.view addSubview: pageConteol]; 

三、實(shí)現(xiàn)UIScrollView的代理方法

- (void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView 介紹:
顧名思義,這是一個(gè)滑動(dòng)后減速結(jié)束的方法,這里進(jìn)行的是 UIPageControl 和 UIScrollView 的配
套使用、滑動(dòng)圖消失信息等:
涉及到的相關(guān)屬性:
UIScrollView:
contentOffset : UIScrollView 的偏移量(滑動(dòng)的位置)
UIPageControl:

currentPage : UIPageControl 的當(dāng)前頁(yè)

 

相關(guān)代碼:

  1. #pragma mark - UIScrollViewDelegate 
  2.   
  3. - (void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView{ 
  4.       
  5.     // 記錄scrollView 的當(dāng)前位置,因?yàn)橐呀?jīng)設(shè)置了分頁(yè)效果,所以:位置/屏幕大小 = 第幾頁(yè) 
  6.     int current = scrollView.contentOffset.x/[UIScreen mainScreen].bounds.size.width; 
  7.       
  8.     //根據(jù)scrollView 的位置對(duì)page 的當(dāng)前頁(yè)賦值 
  9.     UIPageControl *page = (UIPageControl *)[self.view viewWithTag:201]; 
  10.     page.currentPage = current; 
  11.       
  12.     //當(dāng)顯示到***一頁(yè)時(shí),讓滑動(dòng)圖消失 
  13.     if (page.currentPage == 3) { 
  14.           
  15.         //調(diào)用方法,使滑動(dòng)圖消失 
  16.         [self scrollViewDisappear]; 
  17.     } 

四、從屏幕上移除UIScrollView,并保存信息

這里只需要將UIScrollView和UIPageControl 從主屏幕上移除就可以了,別忘了將啟動(dòng)信息保存到 NSUserDefaults 中,當(dāng)然你可以設(shè)置一些動(dòng)畫(huà)效果,或者需要點(diǎn)擊才能移除都可以,下面給出的代碼是一個(gè)簡(jiǎn)單的動(dòng)畫(huà)效果:

  1. -(void)scrollViewDisappear{ 
  2.   
  3.     //拿到 view 中的 UIScrollView 和 UIPageControl 
  4.     UIScrollView *scrollView = (UIScrollView *)[self.view viewWithTag:101]; 
  5.     UIPageControl *page = (UIPageControl *)[self.view viewWithTag:201]; 
  6.   
  7.     //設(shè)置滑動(dòng)圖消失的動(dòng)畫(huà)效果圖 
  8.     [UIView animateWithDuration:3.0f animations:^{ 
  9.           
  10.         scrollView.center = CGPointMake(self.view.frame.size.width/21.5 * self.view.frame.size.height); 
  11.           
  12.     } completion:^(BOOL finished) { 
  13.           
  14.         [scrollView removeFromSuperview]; 
  15.         [page removeFromSuperview]; 
  16.     }]; 
  17.       
  18.     //將滑動(dòng)圖啟動(dòng)過(guò)的信息保存到 NSUserDefaults 中,使得第二次不運(yùn)行滑動(dòng)圖 
  19.     NSUserDefaults *userDefaults = [NSUserDefaults standardUserDefaults]; 
  20.     [userDefaults setObject:@"YES" forKey:@"isScrollViewAppear"]; 

原文鏈接:http://my.oschina.net/u/1245365/blog/294146

責(zé)任編輯:chenqingxiang 來(lái)源: oschina
相關(guān)推薦

2011-08-12 18:18:03

iPhone開(kāi)發(fā)UIPageContr按鈕

2017-03-13 10:11:28

AndroidRecyclerVie功能介紹

2011-03-21 15:44:52

Nagios啟動(dòng)

2013-07-25 13:35:14

iOS開(kāi)發(fā)學(xué)習(xí)UIScrollVietouchesBega

2011-08-15 11:23:41

iPhone開(kāi)發(fā)循環(huán)滾動(dòng)UIScrollVie

2021-08-10 20:41:33

AndroidApp流程

2011-08-18 09:52:13

iPhone SDKUIPageContr

2021-11-23 10:25:35

性能優(yōu)化iOS App 啟動(dòng)優(yōu)化

2020-11-13 08:17:48

App(滑動(dòng)切換)

2013-03-29 11:06:24

iOS開(kāi)發(fā)滾動(dòng)視圖UIScrol

2015-03-03 09:19:12

UIScrollVie

2011-08-02 14:23:09

iPhone UIScrollVi 圖片

2011-03-24 10:08:41

nagios啟動(dòng)

2022-11-10 15:25:09

機(jī)器學(xué)習(xí)Python圖嵌入

2017-08-31 14:40:54

Linuxinit進(jìn)程app啟動(dòng)

2010-05-27 16:30:48

2017-01-23 21:05:00

AndroidApp啟動(dòng)優(yōu)化

2017-04-27 21:00:33

Android滑動(dòng)分析

2013-12-12 10:49:38

MacChromeChrome App

2015-01-22 14:12:40

Android源碼APP啟動(dòng)引導(dǎo)
點(diǎn)贊
收藏

51CTO技術(shù)棧公眾號(hào)