1. 程式人生 > >iOS 簡易無限滾動的圖片輪播器-SDCycleScrollView

iOS 簡易無限滾動的圖片輪播器-SDCycleScrollView

@interface ViewController () <</span>SDCycleScrollViewDelegate>

@end

@implementation ViewController

- (void)viewDidLoad {

    [super viewDidLoad];

 self.view.backgroundColor = [UIColor colorWithRed:0.98green:0.98 blue:0.98 alpha:0.99];

    UIImageView *backgroundView = [[UIImageView

 alloc]initWithImage:[UIImage imageNamed:@"005.jpg"]];

    backgroundView.frame = self.view.bounds;

    [self.view addSubview:backgroundView];

 // 情景一:採用本地圖片實現

    NSArray *images = @[[UIImage imageNamed:@"h1.jpg"],

                        [UIImage imageNamed:@"h2.jpg"],

                        [UIImage

 imageNamed:@"h3.jpg"],

                        [UIImage imageNamed:@"h4.jpg"]

                        ];

 // 情景二:採用網路圖片實現

    NSArray *imagesURLStrings = @[

 @"https://ss2.baidu.com/-vo3dSag_xI4khGko9WTAnF6hhy/super/whfpf=425,260,50/sign=a4b3d7085dee3d6d2293d48b252b5910/0e2442a7d933c89524cd5cd4d51373f0830200ea.jpg",

 @"https://ss0.baidu.com/-Po3dSag_xI4khGko9WTAnF6hhy/super/whfpf=425,260,50/sign=a41eb338dd33c895a62bcb3bb72e47c2/5fdf8db1cb134954a2192ccb524e9258d1094a1e.jpg",

@"http://c.hiphotos.baidu.com/image/w=400/sign=c2318ff84334970a4773112fa5c8d1c0/b7fd5266d0160924c1fae5ccd60735fae7cd340d.jpg"

                           ];

 // 情景三:圖片配文字

    NSArray *titles = @[@"感謝您的支援,如果下載的",

                        @"如果程式碼在使用過程中出現問題",

                        @"您可以發郵件到[email protected]",

                        @"感謝您的支援"

                        ];

 CGFloat w = self.view.bounds.size.width;

 // 本地載入 --- 建立不帶標題的圖片輪播器

    SDCycleScrollView *cycleScrollView = [SDCycleScrollViewcycleScrollViewWithFrame:CGRectMake(0100, w, 180)imagesGroup:images];

    cycleScrollView.infiniteLoop = YES;

    cycleScrollView.delegate = self;

    cycleScrollView.pageControlStyle = SDCycleScrollViewPageContolStyleAnimated;

    [self.view addSubview:cycleScrollView];

 //         --- 輪播時間間隔,預設1.0秒,可自定義

 //cycleScrollView.autoScrollTimeInterval = 4.0;

 //網路載入 --- 建立帶標題的圖片輪播器

 SDCycleScrollView *cycleScrollView2 = [SDCycleScrollViewcycleScrollViewWithFrame:CGRectMake(0, 320, w, 180)imageURLStringsGroup:nil]; // 模擬網路延時情景

    cycleScrollView2.pageControlAliment =SDCycleScrollViewPageContolAlimentRight;

    cycleScrollView2.delegate = self;

    cycleScrollView2.titlesGroup = titles;

    cycleScrollView2.dotColor = [UIColor yellowColor]; // 自定義分頁控制元件小圓標顏色

    cycleScrollView2.placeholderImage = [UIImageimageNamed:@"placeholder"];

    [self.view addSubview:cycleScrollView2];

//             --- 模擬載入延遲

 dispatch_after(dispatch_time(DISPATCH_TIME_NOW, (int64_t)(0.5 * NSEC_PER_SEC)), dispatch_get_main_queue(), ^{

        cycleScrollView2.imageURLStringsGroup = imagesURLStrings;

    });

 // 清除快取

//    [cycleScrollView2 clearCache];

}

#pragma mark - SDCycleScrollViewDelegate

- (void)cycleScrollView:(SDCycleScrollView *)cycleScrollViewdidSelectItemAtIndex:(NSInteger)index

{

 NSLog(@"---點選了第%ld張圖片", index);

}

@end

相關推薦

iOS 簡易無限滾動圖片-SDCycleScrollView

@interface ViewController () <</span>SDCycleScrollViewDelegate> @end @implementation ViewController - (void)viewDidLoa

Android高階圖片滾動控制元件,編寫3D版的圖片

大家好,好久不見了,最近由於工作特別繁忙,已經有一個多月的時間沒寫部落格了,我也是深感慚愧。那麼今天的這篇既然是闊別了一個多月的文章,當然要帶來更加給力點的內容了,那麼話不多說,趕快進入到今天的正題吧。說到圖片輪播器,很多的Android應用中都會帶有這個功能,比如說網易新聞

Android高階圖片滾動控制元件,編寫3D版的圖片 一屏顯示多個圖片

大家好,好久不見了,最近由於工作特別繁忙,已經有一個多月的時間沒寫部落格了,我也是深感慚愧。那麼今天的這篇既然是闊別了一個多月的文章,當然要帶來更加給力點的內容了,那麼話不多說,趕快進入到今天的正題吧。 說到圖片輪播器,很多的Android應用中都會帶有這個

沈浸式圖片 -- DDGBannerScrollView使用文檔

hang href 運動 oat str tar 默認 ray image 寫在前面 幾乎每個app都會用到圖片輪播器,而且圖片輪播器也越來越高大上,沈浸式等拉高了APP的檔次 ,沒有一個高大上的圖片輪播器,都不好意思上架。 像一些知名的app都采用了圖片輪播的背景漸變色

iOS-無限迴圈(註釋詳細到沒有之一)

Bg: 1)有一段時間沒有寫文章了,最近事兒比較多,今天有人在技術群裡面問我使用UIScrollview實現無限迴圈輪播的思想(3個UIImageView實現),我當時給了他一篇部落格,不過好像這位朋友看的不是很懂,所以我寫了一個小Demo打算寫這篇文章去講解下,幫助有需要的朋友們,所以我儘量把能寫的註釋都

iOS開發項目實戰——Swift實現圖片與瀏覽

0.10 上網 timer類 開發項目 cas hub string obj tle 近期開始開發一個新的iOS應用,自己決定使用Swift。進行了幾天之後,發現了一個非常嚴峻的問題。那就是無論是書籍,還是網絡資源,關於Swift的實在是太少了,隨便一

圖片 及通知公告上滾動 (無空隙滾動

空隙 pts ext slide cti remove clear lap tco 圖片輪播 1、樣式 <style> #banner { padding: 0px; width: 404px;

【第五篇】Qt學習與使用---自定義的圖片類(滾動播放圖片

1、目標 編寫一個類,可以展示幾張圖片。類似於現在流行的視訊播放器的首頁中出現的滾動展示的控制元件。   2、 具體要求 (1)一次性展示三張圖片,左中右。中間的圖片至於頂部,旁邊的圖片被覆蓋,只露出一部分。 (2) 切換圖片的時候,呈現動態效果,需要有一個移動的過程。

angular實現新聞公告滾動圖片

新聞公告滾動 //template <div id="news"> <div id="scrollBox" [class.scroll_top]="flag"> <span *ngFor="let item of news">{

react 實現一個無限循環的 附github地址

class 不為 cursor oot rect 動畫 參數類型 4.0 z-index 一個簡單的輪播 為了更具有通用和參考性,輪播組件中,輪播只使用了react,沒有添加其他的狀態管理,或者參數類型限制的庫. github地址 最終效果 顯示無限循環原理 如圖所示,如

iOS之懸浮檢視:按鈕/圖片/圖/gif圖/視訊/音訊/自定義view

我自定義個 LCSuspendCustomView繼承UIView 在這個View中我添加了按鈕(UIButton),圖片(UIImageView),GIF圖(UIWebView)到檢視上. 重寫了touchsbegan:/touchsMoved:/touchsEnded:三個方法.如下: - (void)

iOS開發 -- 圖片(詳解)

一個簡單的圖片輪播期小Demo,用了UIScrollView和UIPageControl的巧妙搭配. 能夠實現圖片的輪播,用定時器(NSTimer)控制.當按住圖片的不動的時候,計時器停止,當鬆開圖片

iOS開發UI基礎—29UIScrollView控制元件實現圖片

一、實現效果 實現圖片的自動輪播            二、實現程式碼 storyboard中佈局 程式碼: 1 #import "YYViewController.h" 2 3 @interface YYViewController () <UIScrollViewDelegat

JavaScript定時--圖片

js: move() 利用定時器實現移動 //要讓哪一個元素運動 //元素運動方向 //從哪裡運動到哪裡 //時間 //呼叫: //move(document.getElementById(

圖片

切換 .get -c doctype onload left mouseover .class hidden <!DOCTYPE html> <html lang="en"> <head> &

圖片插件slideBox.js

輪播插件 mouseover mat err imei time settime ttr mba 文檔說明地址:http://www.jq22.com/jquery-info385 原來的插件當只有一個圖片的時候有BUG,修改好了,以下為源碼 (function($) {

圖片的手寫代碼

ava absolut 利用 one abs asc src num 輪播 之前有人問過我關於圖片輪播的代碼怎麽寫,盡管我是專註於後臺的,但學習一些後臺的僅僅是還是比較有優點的,我有時候總是把簡單的問題復雜化,其原因還是自己對於知識點的掌握不夠堅固,導致不可以在實踐中充

面向對象編程---圖片

lin 好的 order jquer utf-8 use logs num move 今天復習了一下面向對象編程,下面是我的效果圖 看著這個圖片你會覺得這沒有什麽,那麽上代碼: html部分: 1 <!DOCTYPE html> 2 <

javascript圖片

tel ++ 播放 ont idt images sna -a 取圖 圖片輪播源代碼 復制可用 <!doctype html><html lang="en"><head> <meta charset="UTF-8">

實現廣告圖片效果-AndroidImageSild

left anim wpa img listener pri des indicator ext 在AS中的使用: 1.在build文件中進行配置 compile ‘com.squareup.picasso:picasso:2.3.2‘ comp