QQ空间HD(6)-实现自定义的选项卡切换效果
2016-12-28 21:03
309 查看
DJTabbarButton.m
DJHomeViewController.m
最终效果:
#import "DJTabbarButton.h" @implementation DJTabbarButton - (instancetype)initWithFrame:(CGRect)frame { if (self = [super initWithFrame:frame]) { [self setBackgroundImage:[UIImage imageNamed:@"tabbar_separate_selected_bg"] forState:UIControlStateDisabled]; self.imageView.contentMode = UIViewContentModeCenter; /* 设置当按钮不可用或高亮状态时不要修改图片 */ self.adjustsImageWhenDisabled = NO; self.adjustsImageWhenHighlighted = NO; // self.backgroundColor = [UIColor greenColor]; } return self; } - (void)layoutSubviews { [super layoutSubviews]; if (DJLandscape) { // 横屏 /* imageView */ self.imageView.x = 0; self.imageView.y = 0; self.imageView.width = self.width * 0.4; self.imageView.height = self.height; /* titleLabel */ self.titleLabel.hidden = NO; self.titleLabel.x = self.imageView.width; self.titleLabel.y = 0; self.titleLabel.width = self.width - self.imageView.width; self.titleLabel.height = self.height; } else { // 竖屏 /* imageView */ self.imageView.frame = self.bounds; /* titleLabel */ self.titleLabel.hidden = YES; } } /* 设置按钮无高亮状态 */ - (void)setHighlighted:(BOOL)highlighted { } @end
DJHomeViewController.m
// 添加子控制器 - (void)setupChildViewControllers { for (int i = 0; i < 6; i++) { UIViewController *childVC = [[UIViewController alloc] init]; childVC.view.backgroundColor = DJRandomColor; [self addChildViewController:childVC]; } } - (void)replaceCurrentShowingController:(DJTabBarIndex)index { // 将当前显示的子控制器的View从界面上移除 [self.showingChildVc.view removeFromSuperview]; UIViewController *newShowingVc; switch (index) { case DJTabBarIndexAllStatus: // 全部动态 newShowingVc = self.childViewControllers[0]; break; case DJTabBarIndexWithMe: // 与我相关 newShowingVc = self.childViewControllers[1]; break; case DJTabBarIndexPhotoWall: // 照片樯 newShowingVc = self.childViewControllers[2]; break; case DJTabBarIndexPhotoFrame: // 电子相框 newShowingVc = self.childViewControllers[3]; break; case DJTabBarIndexFriend: // 好友 newShowingVc = self.childViewControllers[4]; break; case DJTabBarIndexMore: // 更多 newShowingVc = self.childViewControllers[5]; break; } newShowingVc.view.x = self.menuView.width; newShowingVc.view.y = 0; newShowingVc.view.width = self.view.width - self.menuView.width; newShowingVc.view.height = self.view.height; [self.view addSubview:newShowingVc.view]; self.showingChildVc = newShowingVc; } - (void)updateSubViewFrameInLandscape { /* menuView */ self.menuView.width = DJMenuViewLW; self.menuView.height = DJScreenLH; self.menuView.x = 0; self.menuView.y = 0; /* showingChildVc */ self.showingChildVc.view.x = self.menuView.width; self.showingChildVc.view.y = 0; self.showingChildVc.view.width = DJScreenLW - self.menuView.width; self.showingChildVc.view.height = DJScreenLH; } - (void)updateSubViewsViewFrameInPortrait { /* menuView */ self.menuView.width = DJMenuViewPW; self.menuView.height = DJScrrenPH; self.menuView.x = 0; self.menuView.y = 0; /* showingChildVc */ self.showingChildVc.view.x = self.menuView.width; self.showingChildVc.view.y = 0; self.showingChildVc.view.width = DJScreenPW - self.menuView.width; self.showingChildVc.view.height = DJScrrenPH; } // 当屏幕方向将会发生改变时调用此方法 - (void)willRotateToInterfaceOrientation:(UIInterfaceOrientation)toInterfaceOrientation duration:(NSTimeInterval)duration { if (UIInterfaceOrientationIsLandscape(toInterfaceOrientation)) { // 横屏 [self updateSubViewFrameInLandscape]; } else { // 竖屏 [self updateSubViewsViewFrameInPortrait]; } // 设置当前子控制器的View不拉伸 self.showingChildVc.view.autoresizingMask = UIViewAutoresizingNone; }
最终效果:
相关文章推荐
- 自定义TabHost实现背景图片随选项卡切换滑动效果
- 自定义TabHost实现背景图片随选项卡切换滑动效果
- 自定义TabHost 一个avtiviy 多个标签 ,实现背景图片随选项卡切换滑动效果
- Fragment实现底部选项卡切换效果
- 37个Ajax和CSS实现的Tab选项卡切换效果界面
- 【安卓笔记】使用ViewPager+Fragment实现选项卡切换效果
- jq 移动效果可以自定义实现图片切换等效果
- jquery实现tab标签选项卡自动切换效果
- iOS开发导航控制器下不同视图控制器之间切换:利用CATrasition和view的layer层来实现自定义的动画效果
- 37个Ajax和CSS实现的Tab选项卡切换效果界面
- 37个Ajax和CSS实现的Tab选项卡切换效果界面
- JS实现Tab标签(选项卡)切换效果
- 选项卡(Tab)切换效果与关联事件处理实现
- 转载 37个Ajax和CSS实现的Tab选项卡切换效果界面
- 37个Ajax和CSS实现的Tab选项卡切换效果界面【转载】
- 无JavaScript实现选项卡轮转切换效果
- 37个Ajax和CSS实现的Tab选项卡切换效果界面
- javascript实现tabs选项卡切换效果(自写原生js)
- 自定义ImageSwitcher实现更新图片切换效果
- 37个Ajax和CSS实现的Tab选项卡切换效果界面