循環(huán)展示廣告的控件:SLAdsSliderView

一粱栖、效果展示(無限循環(huán))

效果展示.gif

二、原碼下載地址

SLAdsSliderView控件的原碼上傳在我的github上肌毅。
下載地址:https://github.com/SLconst/SLAdsSliderView

三瓦宜、如何使用

1.快速創(chuàng)建

- (void)viewDidLoad {
// 創(chuàng)建廣告滾動的控件
    SLAdsSliderView *adsSliderView = [[SLAdsSliderView alloc] init];
    adsSliderView.frame = CGRectMake(0, 0, 375 , 200);
    adsSliderView.images = @[
                             [UIImage imageNamed:@"image0"],
                             [UIImage imageNamed:@"image1"],
                             [UIImage imageNamed:@"image2"],
                             [UIImage imageNamed:@"image3"],
                             [UIImage imageNamed:@"image4"]
                             ];
    [self.view addSubview:adsSliderView];
}
    // 設(shè)置代理(可以用代理方法監(jiān)聽圖片的點(diǎn)擊)
    adsSliderView.delegate = self;
    

2.設(shè)置圖片的滾動方向

    // 設(shè)置圖片的滾動方向(默認(rèn)是水平方向滾動)
    adsSliderView.direction = SLAdsSliderViewDirectionVertical;

3.監(jiān)聽是點(diǎn)擊了哪張圖片(代理協(xié)議:SLAdsSliderViewDelegate

    // 設(shè)置代理(可以用代理方法監(jiān)聽圖片的點(diǎn)擊)
    adsSliderView.delegate = self;
    
  // 實(shí)現(xiàn)代理方法
   -(void)adsSliderView:(SLAdsSliderView *)adsSliderView   didSelectItemAtIndex:(NSInteger)index
   {
        NSLog(@"%ld",(long)index);
   }

4.關(guān)于pageControl

1.如果是想設(shè)置pageControl的某些樣式,我提供了pageControl屬性的接口
       adsSliderView.pageControl.××× 
2.如果是想改變pageControl的frame贺待,就繼承自我這個控件徽曲,在layoutSubviews中修改
        - (void)layoutSubviews
       {
           [super layoutSubviews];
           self.pageControl.frame = CGRectMake(0, 0, 100, 25);
        }

四、如何實(shí)現(xiàn)無限滾動的思路

層級圖

監(jiān)聽scrollview的滾動麸塞,每當(dāng)滾動結(jié)束后秃臣,同時(shí)完成以下兩步:

1.重置scrollView.contentOffset.x 等于 scrollview控件的寬度。
2.更改三個imageview上顯示的圖片哪工。

比如我設(shè)置了image0奥此、image1、image2雁比、image3稚虎、image4、image5偎捎、image6一共7張圖片蠢终。contentOffset如上圖。
左邊顯示:image1
中間顯示:image2
右邊顯示:image3
那么此時(shí)我們屏幕上顯示的是image2茴她,當(dāng)我們向右慢慢滾動時(shí) -->, 右邊顯示的image3會慢慢出現(xiàn)在我們眼前寻拂。

向右滑動

當(dāng)右邊顯示的image3即將完全顯示在眼前的時(shí)候,
立刻將scrollView.contentOffset.x置為scrollview的寬度丈牢,
并立馬改變?nèi)齻€圖片顯示的內(nèi)容祭钉。
左邊顯示:image2
中間顯示:image3
右邊顯示:image4
那么這個時(shí)候顯示在我們眼前的就是image3的圖片。
如此往復(fù)執(zhí)行下去己沛,就實(shí)現(xiàn)了無限滾動的效果朴皆。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末帕识,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子遂铡,更是在濱河造成了極大的恐慌肮疗,老刑警劉巖,帶你破解...
    沈念sama閱讀 212,718評論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件扒接,死亡現(xiàn)場離奇詭異伪货,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)钾怔,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,683評論 3 385
  • 文/潘曉璐 我一進(jìn)店門供炎,熙熙樓的掌柜王于貴愁眉苦臉地迎上來匪补,“玉大人,你說我怎么就攤上這事∥圆ǎ” “怎么了芬萍?”我有些...
    開封第一講書人閱讀 158,207評論 0 348
  • 文/不壞的土叔 我叫張陵脓杉,是天一觀的道長信粮。 經(jīng)常有香客問我,道長男旗,這世上最難降的妖魔是什么舶斧? 我笑而不...
    開封第一講書人閱讀 56,755評論 1 284
  • 正文 為了忘掉前任,我火速辦了婚禮察皇,結(jié)果婚禮上茴厉,老公的妹妹穿的比我還像新娘。我一直安慰自己什荣,他們只是感情好矾缓,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,862評論 6 386
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著稻爬,像睡著了一般嗜闻。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上因篇,一...
    開封第一講書人閱讀 50,050評論 1 291
  • 那天,我揣著相機(jī)與錄音笔横,去河邊找鬼竞滓。 笑死,一個胖子當(dāng)著我的面吹牛吹缔,可吹牛的內(nèi)容都是我干的商佑。 我是一名探鬼主播,決...
    沈念sama閱讀 39,136評論 3 410
  • 文/蒼蘭香墨 我猛地睜開眼厢塘,長吁一口氣:“原來是場噩夢啊……” “哼茶没!你這毒婦竟也來了肌幽?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,882評論 0 268
  • 序言:老撾萬榮一對情侶失蹤抓半,失蹤者是張志新(化名)和其女友劉穎喂急,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體笛求,經(jīng)...
    沈念sama閱讀 44,330評論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡廊移,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,651評論 2 327
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了探入。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片狡孔。...
    茶點(diǎn)故事閱讀 38,789評論 1 341
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖蜂嗽,靈堂內(nèi)的尸體忽然破棺而出苗膝,到底是詐尸還是另有隱情,我是刑警寧澤植旧,帶...
    沈念sama閱讀 34,477評論 4 333
  • 正文 年R本政府宣布辱揭,位于F島的核電站,受9級特大地震影響隆嗅,放射性物質(zhì)發(fā)生泄漏界阁。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 40,135評論 3 317
  • 文/蒙蒙 一胖喳、第九天 我趴在偏房一處隱蔽的房頂上張望泡躯。 院中可真熱鬧,春花似錦丽焊、人聲如沸较剃。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,864評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽写穴。三九已至,卻和暖如春雌贱,著一層夾襖步出監(jiān)牢的瞬間啊送,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,099評論 1 267
  • 我被黑心中介騙來泰國打工欣孤, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留馋没,地道東北人。 一個月前我還...
    沈念sama閱讀 46,598評論 2 362
  • 正文 我出身青樓降传,卻偏偏與公主長得像篷朵,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,697評論 2 351

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