iOS實(shí)現(xiàn)微信朋友圈與搖一搖功能
本Demo為練手小項(xiàng)目,主要是熟悉目前主流APP的架構(gòu)模式.此項(xiàng)目中采用MVC設(shè)計(jì)模式,純代碼和少許XIB方式實(shí)現(xiàn).主要實(shí)現(xiàn)了朋友圈功能和搖一搖功能.
預(yù)覽效果:
主要重點(diǎn)
1.整體架構(gòu)
利用UITabBarController和UINavigationController配合實(shí)現(xiàn).其中要注意定義基類,方便整體上的管理,例如對(duì)UINavigationController頭部的顏色,字體和渲染顏色等設(shè)置.以及對(duì)UITabBarController的底部的渲染等.
[self.navigationBarsetBackgroundImage:[UIImageimageNamed:@"Dimensional-_Code_Bg"]forBarMetrics:UIBarMetricsDefault]; [self.navigationBarsetTitleTextAttributes:@{ NSForegroundColorAttributeName:[UIColor whiteColor] }]; [self.navigationBarsetTintColor:[UIColor whiteColor]];
2.發(fā)現(xiàn)界面和我的界面
利用UITableViewController和Plist文件實(shí)現(xiàn)界面的展示.實(shí)現(xiàn)過程中有采用數(shù)據(jù)模型或直接利用字典等方式.這里的實(shí)現(xiàn)比較簡(jiǎn)單,就不多說啦.
- (instancetype)initWithDict:(NSDictionary *)dict{ if (self = [super init]) { [selfsetValuesForKeysWithDictionary:dict]; } return self; } + (instancetype)pictureWithDict:(NSDictionary *)dict{ return [[self alloc]initWithDict:dict]; }
3.朋友圈功能的實(shí)現(xiàn)
這里面主要的難點(diǎn)在于朋友圈首頁的下拉刷新效果的實(shí)現(xiàn),和選擇照片頁的狀態(tài)重用問題,以及照片的傳遞和代理的實(shí)現(xiàn)等.
朋友圈首頁的下拉刷新效果:主要利用transform屬性和scrollview的多種滾動(dòng)狀態(tài).
- (void)scrollViewWillBeginDragging:(UIScrollView *)scrollView{ self.dragging = YES; } - (void)scrollViewDidScroll:(UIScrollView *)scrollView{ if (self.num == 0) { self.num ++; return; } CGFloat offsetY = scrollView.contentOffset.y; CGFloat angle = -offsetY* M_PI / 30; if (self.dragging == YES) { if (offsetY <= 110) { self.containerView.y = 10 + offsetY; } }else { if (self.currentY < 120) { self.containerView.y = 10 + offsetY; } } self.activityView.transform = CGAffineTransformMakeRotation(angle); } - (void)scrollViewDidEndDragging:(UIScrollView *)scrollViewwillDecelerate:(BOOL)decelerate{ self.dragging = NO; CGFloat currentY = self.containerView.y; self.currentY = currentY; } - (void)scrollViewDidEndDecelerating:(UIScrollView *)scrollView{ [UIViewanimateWithDuration:0.25animations:^{ self.containerView.frame = CGRectMake(15, 120, 30, 30); self.activityView.transform = CGAffineTransformMakeRotation(2 * M_PI); }]; }
其中照片的展示是采用UICollectionViewController來實(shí)現(xiàn)的.沒有直接調(diào)用系統(tǒng)的相冊(cè),因此加大了難度.自定義了cell,并采用了代理方式來實(shí)現(xiàn)類與類之間的通信.
@protocol YYPictureCellDelegate @optional - (void)pictureCell:(YYPictureCell *)cellwithDidClickBtn:(UIButton *)btn; @end - (IBAction)clickSureBtn:(UIButton *)sender { if ([self.delegaterespondsToSelector:@selector(pictureCell:withDidClickBtn:)]) { [self.delegatepictureCell:selfwithDidClickBtn:sender]; } } - (void)pictureCell:(YYPictureCell *)cellwithDidClickBtn:(UIButton *)btn{ if ((self.selectedBtn.count == 9) && (!btn.isSelected)) { UIAlertView *alert = [[UIAlertView alloc]initWithTitle:nilmessage:@"最多選取9張照片哦,親!"delegate:nilcancelButtonTitle:@"確定"otherButtonTitles: nil]; [alertshow]; return; } btn.selected = !btn.isSelected; NSIndexPath *indexPath = [self.collectionViewindexPathForCell:cell]; YYPictureModel *model = self.dataArray[indexPath.row]; if (btn.isSelected) { model.clickedBtn = YES; [self.selectedBtnaddObject:btn]; [self.selImageArrayaddObject:model]; } else{ model.clickedBtn = NO; [self.selectedBtnremoveObject:btn]; [self.selImageArrayremoveObject:model]; } if (self.selectedBtn.count > 0) { self.doneBtn.enabled = YES; self.doneBtn.selected = YES; self.previewBtn.enabled = YES; self.previewBtn.selected = YES; }else { self.doneBtn.enabled = NO; self.doneBtn.selected = NO; self.previewBtn.enabled = NO; self.previewBtn.selected = NO; } }
4.搖一搖功能的實(shí)現(xiàn)
搖一搖功能的本身實(shí)現(xiàn)十分簡(jiǎn)單,就是調(diào)用系統(tǒng)的兩個(gè)方法即可.難點(diǎn)在于動(dòng)畫效果.其實(shí)這里的動(dòng)畫效果也不是很難.主要是計(jì)算有點(diǎn)復(fù)雜.可能是我在網(wǎng)上搜索到的素材有點(diǎn)不合適.導(dǎo)致要考慮各個(gè)控件的frame問題…
//實(shí)現(xiàn)搖一搖功能 - (void)motionBegan:(UIEventSubtype)motionwithEvent:(UIEvent *)event{ self.upLine.hidden = NO; self.downLine.hidden = NO; [UIViewanimateWithDuration:0.6animations:^{ self.upImageView.y -= 60; self.upLine.y -= 60; self.downImageView.y += 60; self.downLine.y += 60; }completion:^(BOOL finished) { [UIViewanimateWithDuration:0.6animations:^{ self.upImageView.y += 60; self.upLine.y += 60; self.downImageView.y -= 60; self.downLine.y -= 60; }completion:^(BOOL finished) { self.upLine.hidden = YES; self.downLine.hidden = YES; //彈出搜索框 [self showSearchView]; [self.searchViewperformSelector:@selector(removeFromSuperview)withObject:nilafterDelay:2.4]; }]; }]; } //搖一搖結(jié)束后 - (void)motionEnded:(UIEventSubtype)motionwithEvent:(UIEvent *)event{ }
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
iOS開發(fā)中仿Tumblr點(diǎn)贊心破碎動(dòng)畫效果
這篇文章主要介紹了iOS開發(fā)中仿Tumblr點(diǎn)贊心破碎動(dòng)畫效果,本文圖文并茂給大家介紹的非常詳細(xì),需要的朋友可以參考下2017-04-04iOS密碼在進(jìn)入后臺(tái)1小時(shí)后重新設(shè)置
這篇文章主要介紹了iOS密碼在進(jìn)入后臺(tái)1小時(shí)后重新設(shè)置的相關(guān)資料,需要的朋友可以參考下2017-08-08