iOS iCarousel實(shí)現(xiàn)視圖水平滑動(dòng)(中間放大,兩邊縮猩蟆)選擇影片效果

使用到的第三方庫:iCarousel撩笆。

使用:iCarousel使用方式與UITableView相似捺球,具體看代碼。

#import "ViewController.h"
#import "iCarousel.h"

@interface ViewController ()<iCarouselDelegate,iCarouselDataSource>

@property (nonatomic, strong) iCarousel *filmCarousel;
@property (nonatomic, strong) NSMutableArray *filmImageNameArr;
@property (nonatomic, strong) NSMutableArray *filmNameArr;
@property (nonatomic, strong) UIView *selectView;
@property (nonatomic, strong) UILabel *filmNameLab;

@end

@implementation ViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    
    self.view.backgroundColor = [UIColor whiteColor];
    
    [self.view addSubview:self.filmCarousel];
    
    self.filmNameLab = [[UILabel alloc]initWithFrame:CGRectMake(0, CGRectGetMaxY(self.filmCarousel.frame), self.view.frame.size.width, 44)];
    self.filmNameLab.font = [UIFont systemFontOfSize:20];
    self.filmNameLab.textAlignment = NSTextAlignmentCenter;
    [self.view addSubview:self.filmNameLab];
}

#pragma mark - iCarouselDataSource
-(NSInteger)numberOfItemsInCarousel:(iCarousel *)carousel{
    return self.filmImageNameArr.count;
}

-(UIView *)carousel:(iCarousel *)carousel viewForItemAtIndex:(NSInteger)index reusingView:(UIView *)view{
    
    UIImage *image = [UIImage imageNamed:[self.filmImageNameArr objectAtIndex:index]];
    if (view == nil) {
        view = [[UIView alloc] initWithFrame:CGRectMake(0, 0, 80, 120)];
        view.backgroundColor = [UIColor clearColor];
        
        UIImageView *imageView = [[UIImageView alloc] initWithFrame:CGRectMake(2, 2, 76, 116)];
        imageView.tag = 1000+index;
        [view addSubview:imageView];
    }
    UIImageView *imageView = [view viewWithTag:1000+index];
    imageView.image = image;
    
    return view;
}

#pragma mark - iCarouselDelegate
- (void)carouselDidEndScrollingAnimation:(iCarousel *)carousel{
    NSLog(@"___1 %lu",carousel.currentItemIndex);
    UIView *view = carousel.currentItemView;
    view.backgroundColor = [UIColor whiteColor];
    self.selectView = view;
    self.filmNameLab.text = self.filmNameArr[carousel.currentItemIndex];
}

- (void)carouselDidScroll:(iCarousel *)carousel{
    NSLog(@"___2 %lu",carousel.currentItemIndex);
    if (self.selectView != carousel.currentItemView) {
        self.selectView.backgroundColor = [UIColor clearColor];
        UIView *view = carousel.currentItemView;
        view.backgroundColor = [UIColor whiteColor];
        
        self.filmNameLab.text = self.filmNameArr[carousel.currentItemIndex];
    }
}

- (void)carouselCurrentItemIndexDidChange:(iCarousel *)carousel{
    NSLog(@"___3 %lu",carousel.currentItemIndex);
    self.selectView = carousel.currentItemView;
}

-(CATransform3D)carousel:(iCarousel *)carousel itemTransformForOffset:(CGFloat)offset baseTransform:(CATransform3D)transform{
    static CGFloat max_sacle = 1.0f;
    static CGFloat min_scale = 0.8f;
    if (offset <= 1 && offset >= -1) {
        float tempScale = offset < 0 ? 1+offset : 1-offset;
        float slope = (max_sacle - min_scale) / 1;
        
        CGFloat scale = min_scale + slope*tempScale;
        transform = CATransform3DScale(transform, scale, scale, 1);
    }else{
        transform = CATransform3DScale(transform, min_scale, min_scale, 1);
    }
    
    return CATransform3DTranslate(transform, offset * self.filmCarousel.itemWidth * 1.4, 0.0, 0.0);
}

#pragma mark - LazyLoad
-(iCarousel *)filmCarousel{
    if (_filmCarousel == nil) {
        _filmCarousel = [[iCarousel alloc] initWithFrame:CGRectMake(0, self.view.frame.size.height / 2 - 100, self.view.frame.size.width, 150)];
        _filmCarousel.delegate = self;
        _filmCarousel.dataSource = self;
        _filmCarousel.backgroundColor = [UIColor lightGrayColor];
        _filmCarousel.bounces = NO;
        _filmCarousel.pagingEnabled = YES;
        _filmCarousel.type = iCarouselTypeCustom;
    }
    return _filmCarousel;
}

- (NSMutableArray *)filmImageNameArr{
    if (!_filmImageNameArr) {
        _filmImageNameArr = [NSMutableArray array];
        for (int i = 1; i< 6; i++) {
            [_filmImageNameArr addObject:[NSString stringWithFormat:@"defaultFilm%d",i]];
        }
    }
    return _filmImageNameArr;
}

- (NSMutableArray *)filmNameArr{
    if (!_filmNameArr) {
        _filmNameArr = [NSMutableArray array];
        for (int i = 1; i< 6; i++) {
            [_filmNameArr addObject:[NSString stringWithFormat:@"film %d",i]];
        }
    }
    return _filmNameArr;
}

@end

運(yùn)行效果:

運(yùn)行效果

聯(lián)系作者:簡書·DH_Fantasy 新浪微博·DH_Fantasy
版權(quán)聲明:自由轉(zhuǎn)載-非商用-非衍生-保持署名(CC BY-NC-ND 3.0

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末夕冲,一起剝皮案震驚了整個(gè)濱河市氮兵,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌歹鱼,老刑警劉巖泣栈,帶你破解...
    沈念sama閱讀 206,126評(píng)論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異弥姻,居然都是意外死亡南片,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,254評(píng)論 2 382
  • 文/潘曉璐 我一進(jìn)店門蚁阳,熙熙樓的掌柜王于貴愁眉苦臉地迎上來铃绒,“玉大人,你說我怎么就攤上這事螺捐〉咝” “怎么了?”我有些...
    開封第一講書人閱讀 152,445評(píng)論 0 341
  • 文/不壞的土叔 我叫張陵定血,是天一觀的道長赔癌。 經(jīng)常有香客問我,道長澜沟,這世上最難降的妖魔是什么灾票? 我笑而不...
    開封第一講書人閱讀 55,185評(píng)論 1 278
  • 正文 為了忘掉前任,我火速辦了婚禮茫虽,結(jié)果婚禮上刊苍,老公的妹妹穿的比我還像新娘。我一直安慰自己濒析,他們只是感情好正什,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,178評(píng)論 5 371
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著号杏,像睡著了一般婴氮。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上盾致,一...
    開封第一講書人閱讀 48,970評(píng)論 1 284
  • 那天主经,我揣著相機(jī)與錄音,去河邊找鬼庭惜。 笑死罩驻,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的蜈块。 我是一名探鬼主播鉴腻,決...
    沈念sama閱讀 38,276評(píng)論 3 399
  • 文/蒼蘭香墨 我猛地睜開眼迷扇,長吁一口氣:“原來是場噩夢啊……” “哼百揭!你這毒婦竟也來了爽哎?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 36,927評(píng)論 0 259
  • 序言:老撾萬榮一對(duì)情侶失蹤器一,失蹤者是張志新(化名)和其女友劉穎课锌,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體祈秕,經(jīng)...
    沈念sama閱讀 43,400評(píng)論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡渺贤,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 35,883評(píng)論 2 323
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了请毛。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片志鞍。...
    茶點(diǎn)故事閱讀 37,997評(píng)論 1 333
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖方仿,靈堂內(nèi)的尸體忽然破棺而出固棚,到底是詐尸還是另有隱情,我是刑警寧澤仙蚜,帶...
    沈念sama閱讀 33,646評(píng)論 4 322
  • 正文 年R本政府宣布此洲,位于F島的核電站,受9級(jí)特大地震影響委粉,放射性物質(zhì)發(fā)生泄漏呜师。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,213評(píng)論 3 307
  • 文/蒙蒙 一贾节、第九天 我趴在偏房一處隱蔽的房頂上張望汁汗。 院中可真熱鬧,春花似錦栗涂、人聲如沸知牌。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,204評(píng)論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽送爸。三九已至,卻和暖如春暖释,著一層夾襖步出監(jiān)牢的瞬間袭厂,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,423評(píng)論 1 260
  • 我被黑心中介騙來泰國打工球匕, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留纹磺,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 45,423評(píng)論 2 352
  • 正文 我出身青樓亮曹,卻偏偏與公主長得像橄杨,于是被迫代替她去往敵國和親秘症。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,722評(píng)論 2 345

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