1. 程式人生 > >UIScrollView+UIPageControl+NSTimer實現圖片的自動滑動以及使用者可手動切換,UIPageControl可點選

UIScrollView+UIPageControl+NSTimer實現圖片的自動滑動以及使用者可手動切換,UIPageControl可點選

作者太好了  原文連結http://blog.csdn.net/zhuiyi316/article/details/7756472

     1.自動滑動圖片,UIPageControl會隨著圖片滑動而改變;
     2.使用者可以手動切換圖片,左右切換均可,當用戶手動滑動圖片時,圖片停止自動切換;
     3.實現了圖片的迴圈播放;
     4.UIPageControl可點選從而實現向左或右滑動,當用戶點選UIPageControl時,圖片不再自動切換;

    首先是.h檔案,注意自己將IBOutlet和IBAction與storyBoard中拖入的控制元件相關聯,我用的XCode4.3.1.

  1. #import <UIKit/UIKit.h>  
  2. @interface ViewController : UIViewController<UIScrollViewDelegate>  
  3. {  
  4.     NSMutableArray *imageArray;//存放圖片  
  5.     NSTimer *myTimer;//定時器  
  6. }  
  7. @property(nonatomic,retain) IBOutlet UIScrollView *myScrollView;  
  8. @property(nonatomic,retain) IBOutlet  
  9.     UIPageControl *pageControl;  
  10. -(IBAction)pageTurn:(UIPageControl *)sender;  
  11. @end  
   然後是.m檔案,自己新增圖片。#import <QuartzCore/QuartzCore.h>是用來設定邊角的。
  1. #import "ViewController.h"  
  2. #import <QuartzCore/QuartzCore.h>  
  3. @interface ViewController ()  
  4. @end  
  5. @implementation ViewController  
  6. @synthesize myScrollView,pageControl;  
  7. -(void)initArray  
  8. {  
  9.     imageArray=[NSArray arrayWithObjects: [UIImage imageNamed:@"share.png"],[UIImage imageNamed:@"home_baike.png"],[UIImage imageNamed:@"home_chat.png"],[UIImage imageNamed:@"Icon.png"],nil];  
  10.     //存放圖片的陣列  
  11. }  
  12. - (void)viewDidLoad  
  13. {  
  14.     [super viewDidLoad];  
  15.     [self initArray];  
  16.     [self configScrollView];    
  17.    }  
  18. -(void)configScrollView  
  19. {  
  20.     /*  
  21.      @//初始化UIScrollView,設定相關屬性,均可在storyBoard中設定  
  22.      CGRect frame=CGRectMake(0, 0, 320, 480);  
  23.      self.myScrollView = [[UIScrollView alloc]initWithFrame:frame];    //scrollView的大小  
  24.      self.myScrollView.backgroundColor=[UIColor blueColor];  
  25.      self.myScrollView.pagingEnabled=YES;//以頁為單位滑動,即自動到下一頁的開始邊界  
  26.      self.myScrollView.showsVerticalScrollIndicator=NO;  
  27.      self.myScrollView.showsHorizontalScrollIndicator=NO;//隱藏垂直和水平顯示條  
  28.      */    
  29.     self.myScrollView.delegate=self;  
  30.     UIImageView *firstView=[[UIImageView alloc] initWithImage:[imageArray lastObject]];  
  31.     CGFloat Width=self.myScrollView.frame.size.width;  
  32.     CGFloat Height=self.myScrollView.frame.size.height;  
  33.     firstView.frame=CGRectMake(0, 0, Width, Height);  
  34.     [self.myScrollView addSubview:firstView];  
  35.     //set the last as the first  
  36.     for (int i=0; i<[imageArray count]; i++) {  
  37.         UIImageView *subViews=[[UIImageView alloc] initWithImage:[imageArray objectAtIndex:i]];  
  38.         subViews.frame=CGRectMake(Width*(i+1), 0, Width, Height);  
  39.         [self.myScrollView addSubview: subViews];  
  40.     }  
  41.     UIImageView *lastView=[[UIImageView alloc] initWithImage:[imageArray objectAtIndex:0]];  
  42.     lastView.frame=CGRectMake(Width*(imageArray.count+1), 0, Width, Height);  
  43.     [self.myScrollView addSubview:lastView];  
  44.     //set the first as the last  
  45.     [self.myScrollView setContentSize:CGSizeMake(Width*(imageArray.count+2), Height)];  
  46.     [self.view addSubview:self.myScrollView];  
  47.     [self.myScrollView scrollRectToVisible:CGRectMake(Width, 0, Width, Height) animated:NO];  
  48.     //show the real first image,not the first in the scrollView  
  49. /*   
  50. @//設定pageControl的位置,及相關屬性,可選  
  51. 相關推薦

    UIScrollView+UIPageControl+NSTimer實現圖片自動滑動以及使用者手動切換UIPageControl

    作者太好了  原文連結http://blog.csdn.net/zhuiyi316/article/details/7756472      1.自動滑動圖片,UIPageControl會隨著圖片滑動而改變;      2.使用者可以手動切換圖片,左右

    html5 用canvas實現圖片自動滑動切換

    轉自:http://blog.csdn.net/iamke1987/article/details/9886707 圖片自動滑動效果很多網站都要用,最近在學html5就拿這個練練手,發現用canvas實現起來其實很簡單。程式碼比較粗糙,有很多改進的地方,不過還是先記錄一

    viewpager即能實現滑動切換又能切換實現

    viewpager對於我們來說並不陌生,用到的地方很多,也很方便,這裡我就簡單的處理一下滑動和點選veiwpager切換,廢話不多說,上程式碼: 佈局很簡單:不多說 <RelativeLayo

    iOS使用UIScrollView實現圖片迴圈滑動的思路解析

    一組圖片迴圈滑動在開發中經常用到,App的歡迎頁、廣告banner等等都會用到。成熟的第三方也比較多,個人用的比較多的是JCTopic,這個很輕量級,程式碼也不多,用起來也是比較方便。 看過原始碼之後整理了一下實現的思路和原理,我們先來分析一下我們要實現的這個功能——圖片迴圈輪播,看到

    viewpager實現自動滑動以及手勢滑動功能

    今天在做專案的時候,有一個viewpgaer展示圖片的頁面,第一反應是去網上查詢,後來看了好多文章,其實也就是那麼兩三篇文章,其他的都是轉載來轉載去的,主要就是運用執行緒來進行無限迴圈進行實現的操作,個人感覺並不需要運用到執行緒,尤其是你寫了死迴圈後,執行緒的回

    Unity3d-WWW實現圖片資源顯示以及保存和本地加載

    editor call clas amp private out .text sset bytes 本文固定連接:http://blog.csdn.net/u013108312/article/details/52712844 WWW實現圖片資源顯示以及保存和本地加

    jquery 實現 選單橫向滑動以及滑動選單時對應導航選中

    1:實現效果 2:css 部分可自己補充; 3:簡單的html部分; @* 菜品導航 *@ <ul class="grin_nav"> <li class="navActive"> <span>酸

    WWW實現圖片資源顯示以及儲存和本地載入

    WWW實現圖片資源顯示以及儲存和本地載入 using UnityEngine; using System.Collections; using System.IO; using UnityEditor; enum GetPicType { DownLoad = 0, Local

    Tengine+Lua+GraphicsMagick實現圖片自動伸縮功能(ubuntu)

    Tengine+Lua+GraphicsMagick實現圖片自動伸縮功能(ubuntu)   個人分類: 學習 配置環境 支援軟體 apt-get install libreadline-dev apt-get install 

    JS實現圖片自動滾動(圖片橫向滾動)

    實現的效果就是 一排圖片自動橫向滾動,滑鼠指向的時候,暫定滾動,滑鼠離開,繼續滾動 首先看下html程式碼:隨便加入四張圖片 <div id="div1"> <ul> <li><img src="img/logo-black.png"

    js實現圖片自動切換

    <!DOCTYPE html> <html lang="en"> <head>     <meta charset="UTF-8">     <title>圖片切換</title>     <sty

    jQuery實現圖片自動出現消失

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>首頁</title> <style> #father{

    Android開發之實現圖片自動滾動顯示標籤的ViewPager

          Android中實現圖片自動滾動的效果非常的常見,我們可以自己動畫去實現功能。但是在Android中提供了一個ViewPager類,實現了滾動效果,在Android的extras目錄下android-support-vx.jar中,x代表版本4,7等等。使用時我

    純css3實現圖片自動切換

    實現圖片自動切換需要用到的主要是css3裡面的過渡這一節的內容。 大致思路是這樣的: 1、將圖片設定為li的背景圖片; 2、規定一個@keyframes的規則使得圖片按照這個規則進行切換; 3、設定每

    android 自定義ImageView實現圖片手勢滑動觸控放大縮小效果

    首先呢,還是一貫作風,我們先來看看眾多應用中的示例:(這種效果是很常見的,可以說應用的必須品.)                             搜狐客戶端                                    百度新聞客戶端          

    使用ViewPager和Photoview實現圖片左右滑動和放大縮小

    為了實現圖片的左右滑動以及放大縮小的功能,用到了兩個元件ViewPager和PhotoView。 PhotoView是開源專案,它也是通過繼承ImageView然後擴充功能,實現圖片放大縮小等功能;而載入網路圖片用到了ImageLoader這個開源元件。 工欲善其事必先

    android 自定義ImageView實現圖片手勢滑動觸控放大縮小效果

                    轉自:http://blog.csdn.net/jj120522/article/details/8467810首先呢,還是一貫作風,我們先來看看眾多應用中的示例:(這種效果是很常見的,可以說應用的必須品.)                           搜狐客戶端  

    實現圖片水平滑動1(利用HorizontalScrollView)

    本篇寫的是利用HorizontalScrollView實現圖片或者文字佈局的橫向滑動。 HorizontalScrollView區別ScrollView是可以左右滑動,當佈局顯示超過螢幕寬度是可以滑動。 原理就是將需要滑動的佈局動態新增到HorizontalScrollVi

    原生js+css3實現圖片自動切換圖片輪播

    運用CSS3transition及opacity屬性 製作圖片輪播動畫 自己這兩天根據用js來控制觸發CSS3中transition屬性,從而寫出來的以CSS3動畫為基礎,js控制過程的圖片輪播

    - StoryBoard間切換UIScrollView控制元件實現圖片輪播

    介面切換在專案中可以把耦合度比較高的介面放在通過一個StoryBoard中,可以按照功能使用多個StoryBoard搭建介面,這樣便於專案維護以及多人開發,對於多個StoryBoard間切換,可以使用以下程式碼:@IBAction func ChangeOne(sender: