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.
- #import <UIKit/UIKit.h>
- @interface ViewController : UIViewController<UIScrollViewDelegate>
- {
- NSMutableArray *imageArray;//存放圖片
- NSTimer *myTimer;//定時器
- }
- @property(nonatomic,retain) IBOutlet UIScrollView *myScrollView;
-
@property(nonatomic,retain) IBOutlet
- UIPageControl *pageControl;
- -(IBAction)pageTurn:(UIPageControl *)sender;
- @end
- #import "ViewController.h"
- #import <QuartzCore/QuartzCore.h>
- @interface ViewController ()
- @end
-
@implementation ViewController
- @synthesize myScrollView,pageControl;
- -(void)initArray
- {
- imageArray=[NSArray arrayWithObjects: [UIImage imageNamed:@"share.png"],[UIImage imageNamed:@"home_baike.png"],[UIImage imageNamed:@"home_chat.png"],[UIImage imageNamed:@"Icon.png"],nil];
- //存放圖片的陣列
- }
- - (void)viewDidLoad
- {
- [super viewDidLoad];
- [self initArray];
- [self configScrollView];
- }
- -(void)configScrollView
- {
- /*
- @//初始化UIScrollView,設定相關屬性,均可在storyBoard中設定
- CGRect frame=CGRectMake(0, 0, 320, 480);
- self.myScrollView = [[UIScrollView alloc]initWithFrame:frame]; //scrollView的大小
- self.myScrollView.backgroundColor=[UIColor blueColor];
- self.myScrollView.pagingEnabled=YES;//以頁為單位滑動,即自動到下一頁的開始邊界
- self.myScrollView.showsVerticalScrollIndicator=NO;
- self.myScrollView.showsHorizontalScrollIndicator=NO;//隱藏垂直和水平顯示條
- */
- self.myScrollView.delegate=self;
- UIImageView *firstView=[[UIImageView alloc] initWithImage:[imageArray lastObject]];
- CGFloat Width=self.myScrollView.frame.size.width;
- CGFloat Height=self.myScrollView.frame.size.height;
- firstView.frame=CGRectMake(0, 0, Width, Height);
- [self.myScrollView addSubview:firstView];
- //set the last as the first
- for (int i=0; i<[imageArray count]; i++) {
- UIImageView *subViews=[[UIImageView alloc] initWithImage:[imageArray objectAtIndex:i]];
- subViews.frame=CGRectMake(Width*(i+1), 0, Width, Height);
- [self.myScrollView addSubview: subViews];
- }
- UIImageView *lastView=[[UIImageView alloc] initWithImage:[imageArray objectAtIndex:0]];
- lastView.frame=CGRectMake(Width*(imageArray.count+1), 0, Width, Height);
- [self.myScrollView addSubview:lastView];
- //set the first as the last
- [self.myScrollView setContentSize:CGSizeMake(Width*(imageArray.count+2), Height)];
- [self.view addSubview:self.myScrollView];
- [self.myScrollView scrollRectToVisible:CGRectMake(Width, 0, Width, Height) animated:NO];
- //show the real first image,not the first in the scrollView
- /*
- @//設定pageControl的位置,及相關屬性,可選
-
相關推薦
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: