转自:http://www.maxiaoguo.com/clothes/271.html
要点:1、在底部添加加号按钮 2、设置导航栏属性 3、 新特性
1、weibo底部的button其中四个按钮是一样的,其中中间的加号需要另外做处理
tablebar是自己定义的 ,代码如下
- (void)viewWillAppear:(BOOL)animated
{
[super viewWillAppear:animated];
// 删除系统自动生成的UITabBarButton
for (UIView *child in self.tabBar.subviews) {
if ([child isKindOfClass:[UIControl class]]) {
[child removeFromSuperview];
}
}
}
/**
* 初始化tabbar
*/
- (void)setupTabbar
{
IWTabBar *customTabBar = [[IWTabBar alloc] init];
customTabBar.frame = self.tabBar.bounds;
customTabBar.delegate = self;
[self.tabBar addSubview:customTabBar];
self.customTabBar = customTabBar;
}
[self.customTabBar addTabBarButtonWithItem:childVc.tabBarItem];
IWTabBar
- (id)initWithFrame:(CGRect)frame
{
self = [super initWithFrame:frame];
if (self) {
if (!iOS7) { // 非iOS7下,设置tabbar的背景
self.backgroundColor = [UIColor colorWithPatternImage:[UIImage imageWithName:@"tabbar_background"]];
}
// 添加一个加号按钮
UIButton *plusButton = [UIButton buttonWithType:UIButtonTypeCustom];
[plusButton setBackgroundImage:[UIImage imageWithName:@"tabbar_compose_button"] forState:UIControlStateNormal];
[plusButton setBackgroundImage:[UIImage imageWithName:@"tabbar_compose_button_highlighted"] forState:UIControlStateHighlighted];
[plusButton setImage:[UIImage imageWithName:@"tabbar_compose_icon_add"] forState:UIControlStateNormal];
[plusButton setImage:[UIImage imageWithName:@"tabbar_compose_icon_add_highlighted"] forState:UIControlStateHighlighted];
plusButton.bounds = CGRectMake(0, 0, plusButton.currentBackgroundImage.size.width, plusButton.currentBackgroundImage.size.height);
[self addSubview:plusButton];
self.plusButton = plusButton;
}
return self;
}
当add bar items 的时候layoutSubviews就会重新算下位置,
- (void)layoutSubviews
{
[super layoutSubviews];
// 调整加号按钮的位置
CGFloat h = self.frame.size.height;
CGFloat w = self.frame.size.width;
self.plusButton.center = CGPointMake(w * 0.5, h * 0.5);
// 按钮的frame数据
CGFloat buttonH = h;
CGFloat buttonW = w / self.subviews.count;
CGFloat buttonY = 0;
for (int index = 0; index<self.tabBarButtons.count; index++) {
// 1.取出按钮
IWTabBarButton *button = self.tabBarButtons[index];
// 2.设置按钮的frame
CGFloat buttonX = index * buttonW;
if (index > 1) {
buttonX += buttonW;
}
button.frame = CGRectMake(buttonX, buttonY, buttonW, buttonH);
// 3.绑定tag
button.tag = index;
}
}
2、设置导航栏属性
内容包括:导航栏的文字属性,rightItem 属性, pushViewController
思路:设置导航栏的时候不能分个设置,包装成一个类,让这个类管理所有的属性如何汇总成一个类呢
// 2.包装一个导航控制器
IWNavigationController *nav = [[IWNavigationController alloc] initWithRootViewController:childVc];
[self addChildViewController:nav];
//
// IWNavigationController.m
// ItcastWeibo
//
// Created by apple on 14-5-6.
// Copyright (c) 2014年 itcast. All rights reserved.
//
#import "IWNavigationController.h"
@interface IWNavigationController ()
@end
@implementation IWNavigationController
/**
* 第一次使用这个类的时候会调用(1个类只会调用1次)
*/
+ (void)initialize
{
// 1.设置导航栏主题
[self setupNavBarTheme];
// 2.设置导航栏按钮主题
[self setupBarButtonItemTheme];
}
/**
* 设置导航栏按钮主题
*/
+ (void)setupBarButtonItemTheme
{
UIBarButtonItem *item = [UIBarButtonItem appearance];
// 设置背景
if (!iOS7) {
[item setBackgroundImage:[UIImage imageWithName:@"navigationbar_button_background"] forState:UIControlStateNormal barMetrics:UIBarMetricsDefault];
[item setBackgroundImage:[UIImage imageWithName:@"navigationbar_button_background_pushed"] forState:UIControlStateHighlighted barMetrics:UIBarMetricsDefault];
[item setBackgroundImage:[UIImage imageWithName:@"navigationbar_button_background_disable"] forState:UIControlStateDisabled barMetrics:UIBarMetricsDefault];
}
// 设置文字属性
NSMutableDictionary *textAttrs = [NSMutableDictionary dictionary];
textAttrs[UITextAttributeTextColor] = iOS7 ? [UIColor orangeColor] : [UIColor grayColor];
textAttrs[UITextAttributeTextShadowOffset] = [NSValue valueWithUIOffset:UIOffsetZero];
textAttrs[UITextAttributeFont] = [UIFont systemFontOfSize:iOS7 ? 14 : 12];
[item setTitleTextAttributes:textAttrs forState:UIControlStateNormal];
[item setTitleTextAttributes:textAttrs forState:UIControlStateHighlighted];
}
/**
* 设置导航栏主题
*/
+ (void)setupNavBarTheme
{
// 取出appearance对象
UINavigationBar *navBar = [UINavigationBar appearance];
// 设置背景
if (!iOS7) {
[navBar setBackgroundImage:[UIImage imageWithName:@"navigationbar_background"] forBarMetrics:UIBarMetricsDefault];
[UIApplication sharedApplication].statusBarStyle = UIStatusBarStyleBlackOpaque;
}
// 设置标题属性
NSMutableDictionary *textAttrs = [NSMutableDictionary dictionary];
textAttrs[UITextAttributeTextColor] = [UIColor blackColor];
textAttrs[UITextAttributeTextShadowOffset] = [NSValue valueWithUIOffset:UIOffsetZero];
textAttrs[UITextAttributeFont] = [UIFont boldSystemFontOfSize:19];
[navBar setTitleTextAttributes:textAttrs];
}
- (void)pushViewController:(UIViewController *)viewController animated:(BOOL)animated
{
if (self.viewControllers.count > 0) {
viewController.hidesBottomBarWhenPushed = YES;
}
[super pushViewController:viewController animated:animated];
}
@end
3、新特性就是app第一次启动的时候的scrollview
在appdelegate中判断是不是第一次
- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions
{
self.window = [[UIWindow alloc] initWithFrame:[[UIScreen mainScreen] bounds]];
NSString *key = @"CFBundleVersion";
// 取出沙盒中存储的上次使用软件的版本号
NSUserDefaults *defaults = [NSUserDefaults standardUserDefaults];
NSString *lastVersion = [defaults stringForKey:key];
// 获得当前软件的版本号
NSString *currentVersion = [NSBundle mainBundle].infoDictionary[key];
if ([currentVersion isEqualToString:lastVersion]) {
// 显示状态栏
application.statusBarHidden = NO;
self.window.rootViewController = [[IWTabBarViewController alloc] init];
} else { // 新版本
self.window.rootViewController = [[IWNewfeatureViewController alloc] init];
// 存储新版本
[defaults setObject:currentVersion forKey:key];
[defaults synchronize];
}
[self.window makeKeyAndVisible];
return YES;
}
IWNewfeatureViewController
说白了就是,把几张图片放在scrollview上,设置属性,设置原点 就行
/**
* 添加UISrollView
*/
- (void)setupScrollView
{
UIScrollView *scrollView = [[UIScrollView alloc] init];
scrollView.frame = self.view.bounds;
scrollView.delegate = self;
[self.view addSubview:scrollView];
// 2.添加图片
CGFloat imageW = scrollView.frame.size.width;
CGFloat imageH = scrollView.frame.size.height;
for (int index = 0; index<IWNewfeatureImageCount; index++) {
UIImageView *imageView = [[UIImageView alloc] init];
// 设置图片
NSString *name = [NSString stringWithFormat:@"new_feature_%d", index + 1];
imageView.image = [UIImage imageWithName:name];
// 设置frame
CGFloat imageX = index * imageW;
imageView.frame = CGRectMake(imageX, 0, imageW, imageH);
[scrollView addSubview:imageView];
// 在最后一个图片上面添加按钮
if (index == IWNewfeatureImageCount - 1) {
[self setupLastImageView:imageView];
}
}
// 3.设置滚动的内容尺寸
scrollView.contentSize = CGSizeMake(imageW * IWNewfeatureImageCount, 0);
//隐藏滚动条
scrollView.showsHorizontalScrollIndicator = NO;
//需要开启分页设置
scrollView.pagingEnabled = YES;
//当bounces属性设置为NO时,当UIScrollView中图片滑动到边界时会直接定在边界就不会有弹动的效果
scrollView.bounces = NO;
}
/**
* 添加pageControl
*/
- (void)setupPageControl
{
// 1.添加
UIPageControl *pageControl = [[UIPageControl alloc] init];
pageControl.numberOfPages = IWNewfeatureImageCount;
CGFloat centerX = self.view.frame.size.width * 0.5;
CGFloat centerY = self.view.frame.size.height - 30;
pageControl.center = CGPointMake(centerX, centerY);
pageControl.bounds = CGRectMake(0, 0, 100, 30);
pageControl.userInteractionEnabled = NO;
[self.view addSubview:pageControl];
self.pageControl = pageControl;
// 2.设置圆点的颜色
pageControl.currentPageIndicatorTintColor = IWColor(253, 98, 42);
pageControl.pageIndicatorTintColor = IWColor(189, 189, 189);
}
scrollView.delegate = self;
@interface IWNewfeatureViewController () <UIScrollViewDelegate>
当scroll滚动的时候就能调用此方法。
/**
* 只要UIScrollView滚动了,就会调用
*
*/
- (void)scrollViewDidScroll:(UIScrollView *)scrollView
{
// 1.取出水平方向上滚动的距离
CGFloat offsetX = scrollView.contentOffset.x;
// 2.求出页码
double pageDouble = offsetX / scrollView.frame.size.width;
int pageInt = (int)(pageDouble + 0.5);
self.pageControl.currentPage = pageInt;
}