【iOS】如何快速封裝一個(gè)輪播廣告,讓代碼更優(yōu)雅!

該如何精簡(jiǎn)代碼?

  • 1.代碼的精進(jìn),并非是一朝一夕,首先在寫(xiě)代碼時(shí),我們要明確一個(gè)原則,如何才能讓代碼更優(yōu)雅, 態(tài)度決定高度, 所以,更多的時(shí)候,往往都是羨慕別人寫(xiě)的代碼清潔又優(yōu)雅,那為什么不知道去嘗試讓自己的代碼也變得整潔。。。
  • 2.一個(gè)功能模塊,公共組件,要有極高的可移植性,和簡(jiǎn)便易用性質(zhì)。 就拿隨處可見(jiàn)的輪播廣告來(lái)說(shuō),在使用時(shí),我們希望的是一行代碼就能做到集成和使用。

如何實(shí)現(xiàn)輪播廣告?

  • 那么,該如何進(jìn)行實(shí)現(xiàn)呢,首先,一個(gè)" @interfaceSXScrPageView : UIView "類(lèi),作為我們實(shí)現(xiàn)輪播廣告的類(lèi)。 在下面的方法,寫(xiě)上一個(gè)初始方法,很清晰明了,在使用時(shí)只需要傳來(lái)相應(yīng)的參數(shù)就行了。。

- 初始化方法

/**
 *  初始化圖片輪播圖方法
 *
 *  @param frame          坐標(biāo)
 *  @param imageNameArray 圖片數(shù)組
 *  @param clickBlock     點(diǎn)擊事件的Block回調(diào)
 *
 *  @return 當(dāng)前對(duì)象
 */
+(instancetype)direcWithtFrame:(CGRect)frame
                      ImageArr:(NSArray *)imageNameArray
            AndImageClickBlock:(imageClickBlock)clickBlock;

- 部分實(shí)現(xiàn)方法如下,使用靜態(tài)初始化:

#pragma mark 靜態(tài)初始化方法
+(instancetype)direcWithtFrame:(CGRect)frame
                      ImageArr:(NSArray *)imageNameArray
            AndImageClickBlock:(imageClickBlock)clickBlock;
{
  //返回實(shí)體:
    return [[SXScrPageView alloc]initWithtFrame:frame
                                       ImageArr:imageNameArray
                             AndImageClickBlock:clickBlock];
}
#pragma mark 默認(rèn)初始化方法
-(instancetype)initWithtFrame:(CGRect)frame
                     ImageArr:(NSArray *)imageNameArray
           AndImageClickBlock:(imageClickBlock)clickBlock;
{
    if(self=[self initWithFrame:frame])
    {

        //設(shè)置ScrollView的contentSize
        self.direct.contentSize = CGSizeMake((imageNameArray.count+2)*frame_width,0);
        
        self.pageVC.numberOfPages = imageNameArray.count;
        
        //設(shè)置滾動(dòng)圖片數(shù)組
        self.imageArr=imageNameArray;
        
        //設(shè)置圖片點(diǎn)擊的Block
        self.clickBlock=clickBlock;
    }
    return self;
}

- 定時(shí)器的使用:

  • 大部分的輪播廣告,我們必不可缺少的神器,沒(méi)錯(cuò)就是定時(shí)器,如何實(shí)現(xiàn)自動(dòng)滾動(dòng),加上一個(gè)定時(shí)器,就變得美好起來(lái)了,通過(guò)定時(shí)器改變滾動(dòng)視圖的偏移量,和頁(yè)碼視圖的偏移量。

- 定時(shí)器部分代碼如下:

#pragma mark 初始化定時(shí)器
-(void)beginTimer
{
    if(self.timer == nil)
    {
        self.timer =[NSTimer scheduledTimerWithTimeInterval:self.time
                                                     target:self
                                                   selector:@selector(timerSel) userInfo:nil repeats:YES];
    }
}
#pragma mark 摧毀定時(shí)器
-(void)stopTimer
{
    [self.timer invalidate];
    self.timer=nil;
}

#pragma mark 定時(shí)器調(diào)用的方法
-(void)timerSel
{
    //獲取并且計(jì)算當(dāng)前頁(yè)碼
    CGPoint currentConOffSet=self.direct.contentOffset;
    currentConOffSet.x+=frame_width;
    
    //動(dòng)畫(huà)改變當(dāng)前頁(yè)碼
    [UIView animateWithDuration:0.5 animations:^{
        self.direct.contentOffset=currentConOffSet;
    }completion:^(BOOL finished) {
        [self updataWhenFirstOrLast];
    }];
}
#pragma mark 判斷是否第一或者最后一個(gè)圖片,改變坐標(biāo)
-(void)updataWhenFirstOrLast
{
    //當(dāng)圖片移動(dòng)到最后一張時(shí),動(dòng)畫(huà)結(jié)束移動(dòng)到第二張圖片的位置
    if(contentOffSet_x>=contentSize_x-frame_width)
    {
        self.direct.contentOffset=CGPointMake(frame_width, 0);
    }
    //當(dāng)圖片移動(dòng)到第一張時(shí),動(dòng)畫(huà)結(jié)束移動(dòng)到倒數(shù)第二張的位置
    else if (contentOffSet_x<=0)
    {
        self.direct.contentOffset=CGPointMake(contentSize_x-2*frame_width, 0);
    }
    
    //更新PageControl
    [self updataPageControl];
}
#pragma mark 更新PageControl
-(void)updataPageControl
{
    NSInteger index=(contentOffSet_x-frame_width)/frame_width;
    self.pageVC.currentPage=index;
}

- 滾動(dòng)視圖的代理方法實(shí)現(xiàn):

  • 我們也要使用到UIScrollViewDelegate,通過(guò)代理方法來(lái)控制輪播圖的變化,和定時(shí)器開(kāi)啟與關(guān)閉!
#pragma mark-========================UIScrollViewDelegate=====================

#pragma mark 開(kāi)始拖拽代理
-(void)scrollViewWillBeginDragging:(UIScrollView *)scrollView
{
    [self stopTimer];
}

#pragma mark 結(jié)束拖拽代理
-(void)scrollViewDidEndDragging:(UIScrollView *)scrollView willDecelerate:(BOOL)decelerate
{
    [self beginTimer];
}

#pragma mark 結(jié)束滾動(dòng)代理
-(void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView
{
    //當(dāng)最后或者最前一張圖片時(shí)改變坐標(biāo)
    [self updataWhenFirstOrLast];
}

- 最后,加上圖片點(diǎn)擊事件回調(diào):


#pragma mark 圖片點(diǎn)擊事件
-(void)imageClick:(UITapGestureRecognizer *)tap
{
    UIView *view=tap.view;
    if(self.clickBlock)
    {
        self.clickBlock(view.tag);
    }
}

注:這只是部分代碼的展示,如有需要請(qǐng)加本人!代碼地址:

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢(shì)1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 179,308評(píng)論 25 708
  • 發(fā)現(xiàn) 關(guān)注 消息 iOS 第三方庫(kù)、插件、知名博客總結(jié) 作者大灰狼的小綿羊哥哥關(guān)注 2017.06.26 09:4...
    肇東周閱讀 15,588評(píng)論 4 61
  • 天黯灰,浪子歸,過(guò)往終不回。悲傷快樂(lè)幾人懂,爛為枯梧桐。 夜微涼,隱殘陽(yáng),世事愁斷腸。烈酒臘肉幾人陪,化作相思淚。
    喃平閱讀 109評(píng)論 1 2
  • 詩(shī)歌是永遠(yuǎn)的愛(ài)人 詩(shī)情畫(huà)意間勾勒出的唐韻宋律 是散落窗前明月的一簾幽夢(mèng) 歌舞升平里樓蘭沙場(chǎng)的征人 ...
    天山秋月閱讀 458評(píng)論 1 3
  • 黑色 是世界的本來(lái)面目 而你 幻想用彩色來(lái)涂抹 烏鴉一直在聒噪 狂風(fēng)在繼續(xù)舞蹈 途經(jīng)的列車(chē) 撕心裂肺的鳴叫 半個(gè)月...
    黃梅梅閱讀 114評(píng)論 0 0

友情鏈接更多精彩內(nèi)容