輪播圖的制作

今天學(xué)了輪播圖的制作 ?原來(lái)在大街上和網(wǎng)上經(jīng)炒鸲瘢看到的東西是這樣做出來(lái)的。恒序。

我認(rèn)為輪播圖最重要的就是定時(shí)這個(gè)東西,因?yàn)檩啿D就像是幻燈片一樣的東西谁撼,還有循環(huán)歧胁,把最后一個(gè)設(shè)置成和第一張圖片一樣的“假圖片”也是很重要的。


//ViewController.m

//輪播圖

//

//Created by lanouhn on 16/7/13.

//Copyright ? 2016年lanouhn. All rights reserved.

//

//

#import"ViewController.h"

@interfaceViewController()

#define screenWidth [UIScreen mainScreen].bounds.size.width

#define screenHeight [UIScreenmainScreen].bounds.size.height

/*UIPageControlnumOfPages

currentPage

*/

@property(nonatomic,strong)UIPageControl*pageControl;

//滑動(dòng)視圖UIScrollView厉碟,自帶了可滑動(dòng)功能

@property(nonatomic,strong)UIScrollView*scrollView;

@end

@implementationViewController

- (void)viewDidLoad {

[superviewDidLoad];

//創(chuàng)建初始化滑動(dòng)視圖

//[UIScreen mainScreen].bounds]:包含了屏幕的尺寸

self.scrollView= [[UIScrollViewalloc]initWithFrame:[UIScreenmainScreen].bounds];

for(NSIntegeri =0; i <6; i++) {

//根據(jù)i循環(huán)創(chuàng)建UIImageView喊巍。再添加到滑動(dòng)視圖scrollView上面

UIImageView*imageView = [[UIImageViewalloc]initWithFrame:CGRectMake(i*screenWidth,0,screenWidth,screenHeight)];

NSString*imageName =nil;

if(i ==5) {

imageName =@"1.jpg";

}else{

imageName = [NSStringstringWithFormat:@"%ld.jpg",i+1];

}

//加載響應(yīng)的圖片

UIImage*image = [UIImageimageNamed:imageName];

//設(shè)置圖片

imageView.image= image;

//將imageView添加到滑動(dòng)視圖上去

[self.scrollViewaddSubview:imageView];

}

//添加滑動(dòng)視圖到屏幕上面

[self.viewaddSubview:self.scrollView];

//設(shè)置滑動(dòng)視圖區(qū)域contentSize

self.scrollView.contentSize=CGSizeMake(6*screenWidth,screenHeight);

//整屏翻轉(zhuǎn)

self.scrollView.pagingEnabled=YES;

//邊界回彈

self.scrollView.bounces=NO;

//設(shè)置代理,代理是負(fù)責(zé)監(jiān)聽(tīng)滑動(dòng)視圖整個(gè)滑動(dòng)過(guò)程的

self.scrollView.delegate=self;

//開(kāi)啟一個(gè)定時(shí)器

//TimeInterval:時(shí)間間隔

//每隔一定的時(shí)間間隔箍鼓,target回去執(zhí)行selecto這個(gè)方法

[NSTimerscheduledTimerWithTimeInterval:2target:selfselector:@selector(turnToNextImage)userInfo:nilrepeats:YES];

}

//定時(shí)器觸發(fā)的方法:跳轉(zhuǎn)到下一張圖片

-(void)turnToNextImage

{

//先獲取當(dāng)前圖片是第幾張

NSIntegerindex =self.scrollView.contentOffset.x/screenWidth;

//跳轉(zhuǎn)到下一張

[self.scrollViewsetContentOffset:CGPointMake((index+1)*screenWidth,0)animated:YES];

self.pageControl= [[UIPageControlalloc]initWithFrame:CGRectMake(130,665,150,20)];

self.pageControl.numberOfPages=5;

[self.viewaddSubview:self.pageControl];

}

//滑動(dòng)動(dòng)畫(huà)結(jié)束的時(shí)候調(diào)用

- (void)scrollViewDidEndScrollingAnimation:(UIScrollView*)scrollView;

{

//先獲取當(dāng)前下標(biāo)

NSIntegerindex = scrollView.contentOffset.x/screenWidth;

//是最后一張就設(shè)置偏移量為0崭参,0

if(index ==5) {

[scrollViewsetContentOffset:CGPointMake(0,0)animated:NO];

}

}

//滑動(dòng)視圖滑動(dòng)的時(shí)候調(diào)用

- (void)scrollViewDidScroll:(UIScrollView*)scrollView

{

//contentOffset是訪問(wèn)到了滑動(dòng)視圖的偏移量,包含了x和y軸的偏移量

//setContentOffset:animated:

//NSLog(@"偏移量.x = %f,偏移量.y = %f",scrollView.contentOffset.x,scrollView.contentOffset.y);

}

// scrollView結(jié)束減速(停止)

- (void)scrollViewDidEndDecelerating:(UIScrollView*)scrollView

{

//判斷是否為最后一張

NSIntegerindex = scrollView.contentOffset.x/screenWidth;

//==5表示最后一張圖片款咖,如果是最后一張圖片就切換到第0張圖片(設(shè)置偏移量為0何暮,0)

if(index ==5) {

[scrollViewsetContentOffset:CGPointMake(0,0)animated:NO];

self.pageControl.currentPage=0;

}else{

self.pageControl.currentPage= index;

}

}

- (void)didReceiveMemoryWarning {

[superdidReceiveMemoryWarning];

}

@end

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市铐殃,隨后出現(xiàn)的幾起案子海洼,更是在濱河造成了極大的恐慌,老刑警劉巖富腊,帶你破解...
    沈念sama閱讀 212,454評(píng)論 6 493
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件坏逢,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡,警方通過(guò)查閱死者的電腦和手機(jī)是整,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,553評(píng)論 3 385
  • 文/潘曉璐 我一進(jìn)店門(mén)肖揣,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái),“玉大人浮入,你說(shuō)我怎么就攤上這事龙优。” “怎么了舵盈?”我有些...
    開(kāi)封第一講書(shū)人閱讀 157,921評(píng)論 0 348
  • 文/不壞的土叔 我叫張陵陋率,是天一觀的道長(zhǎng)。 經(jīng)常有香客問(wèn)我秽晚,道長(zhǎng)瓦糟,這世上最難降的妖魔是什么? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 56,648評(píng)論 1 284
  • 正文 為了忘掉前任赴蝇,我火速辦了婚禮菩浙,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘句伶。我一直安慰自己劲蜻,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,770評(píng)論 6 386
  • 文/花漫 我一把揭開(kāi)白布考余。 她就那樣靜靜地躺著先嬉,像睡著了一般。 火紅的嫁衣襯著肌膚如雪楚堤。 梳的紋絲不亂的頭發(fā)上疫蔓,一...
    開(kāi)封第一講書(shū)人閱讀 49,950評(píng)論 1 291
  • 那天,我揣著相機(jī)與錄音身冬,去河邊找鬼衅胀。 笑死,一個(gè)胖子當(dāng)著我的面吹牛酥筝,可吹牛的內(nèi)容都是我干的滚躯。 我是一名探鬼主播,決...
    沈念sama閱讀 39,090評(píng)論 3 410
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼嘿歌,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼掸掏!你這毒婦竟也來(lái)了?” 一聲冷哼從身側(cè)響起宙帝,我...
    開(kāi)封第一講書(shū)人閱讀 37,817評(píng)論 0 268
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤阅束,失蹤者是張志新(化名)和其女友劉穎,沒(méi)想到半個(gè)月后茄唐,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 44,275評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,592評(píng)論 2 327
  • 正文 我和宋清朗相戀三年沪编,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了呼盆。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 38,724評(píng)論 1 341
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡蚁廓,死狀恐怖访圃,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情相嵌,我是刑警寧澤腿时,帶...
    沈念sama閱讀 34,409評(píng)論 4 333
  • 正文 年R本政府宣布,位于F島的核電站饭宾,受9級(jí)特大地震影響批糟,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜看铆,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 40,052評(píng)論 3 316
  • 文/蒙蒙 一徽鼎、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧弹惦,春花似錦否淤、人聲如沸。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 30,815評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至助泽,卻和暖如春啰扛,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背报咳。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 32,043評(píng)論 1 266
  • 我被黑心中介騙來(lái)泰國(guó)打工侠讯, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人暑刃。 一個(gè)月前我還...
    沈念sama閱讀 46,503評(píng)論 2 361
  • 正文 我出身青樓厢漩,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親岩臣。 傳聞我的和親對(duì)象是個(gè)殘疾皇子溜嗜,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,627評(píng)論 2 350

推薦閱讀更多精彩內(nèi)容