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
backgroundView.frame = self.view.bounds;
[self.view addSubview:backgroundView];
// 情景一:採用本地圖片實現
NSArray *images = @[[UIImage imageNamed:@"h1.jpg"],
[UIImage imageNamed:@"h2.jpg"],
[UIImage
[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(0, 100, 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