iOS笔记055 - UI总结01

1、程序启动后的开始动画

程序启动后可以加载一个简单的动画界面来介绍程序或者用户信息。

可以使用一个xib来描述界面。并且如果想在程序加载完成后第一个加载这个xib文件，需要在Appdelegate中手动加载这个xib

// 通过stroyboard启动，跟控制器的view并不会在程序启动完成的时候添加到窗口，属于懒加载范畴

// 程序启动完成的时候调用

- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions {

// Override point for customization after application launch.

// 创建窗口

self.window = [[UIWindowalloc] initWithFrame:[UIScreenmainScreen].bounds];



// 加载storyboard

UIStoryboard *story = [UIStoryboardstoryboardWithName:@"Main"bundle:nil];



UIViewController *vc = [story instantiateInitialViewController];



self.window.rootViewController = vc;



// 显示窗口

[self.windowmakeKeyAndVisible];



// 加载欢迎界面

WelcomView *welcome = [WelcomView welcomView];

// 设置位置和尺寸

welcome.frame = self.window.bounds;

// 插入到最外层

[self.window addSubview:welcome];



returnYES;

}

在xib中如果想给内部子控件添加动画，并且动画和主界面的出现有延迟,需要在以下某个方法中实现。

// 视图添加到窗口时会调用方法didMoveToWindow 再调用didMoveToSuperview

- (void)didMoveToWindow

{

  NSLog(@"%s",__func__);



}

// 视图添加到窗口时会调用这个方法

// 将后续控件的动画写道这个方法中

- (void)didMoveToSuperview

{

  NSLog(@"%s",__func__);



}

2、LaunchScreen.xib

这个系统自动生成的xib 文件在应用启动时会自动加载，可以在里面添加一些控件，但是

注意：LaunchScreen比LaunchImage优先级高。

设置LaunchImage需要注意，默认模拟器的尺寸跟启动图片有关系。

// 加载类的时候调用

// 当程序一启动的时候就会调用

+ (void)load

{

NSLog(@"%s",__func__);

}

// 当前类或者他的子类第一次使用的时候才会调用

+ (void)initialize

{

NSLog(@"%s",__func__);

}

3、给插件添加自定义的提醒方式

自定义的分类，想让这个方法弹出加载图片提醒

#import "UIImage+SLQImage.h"

@implementation UIImage (SLQImage)

// 按照原始图片渲染照片,默认导航条渲染位蓝色

+ (instancetype)imageWithOriImage:(NSString *)imageName

{

UIImage *image = [UIImage imageNamed:imageName];

return [image imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal];

}

@end

把这个方法添加到插件中再次编译运行就可。

打开插件工程，找到配置文件，是一个plist文件，然后添加需要的条目。

iOS笔记055 - UI总结01

4、给分类添加属性的话，只会生成set和get方法

#import <UIKit/UIKit.h>

@interface UIView (SLQFrame)

// 分类里面不能生成成员属性

// 会自动生成get，set方法和成员属性

// @property如果在分类里面只会生成get,set方法的声明，并不会生成成员属性。

@property (nonatomic, assign) CGFloat height;

@property (nonatomic, assign) CGFloat width;

@property (nonatomic, assign) CGFloat x;

@property (nonatomic, assign) CGFloat y;

@end

5、如何抛出异常

NSInteger count = items.count; // 按钮个数

的倍数，如果不是就抛出异常

if(count % 3)

{

// 跑出异常

的倍数" userInfo:nil];

[excep raise];// 抛出异常

}

// 运行结果

的倍数'

6、自定义tabBar

默认barBar显示的图片高度不能超过44,如果大于44显示出问题，这是可以自定义tabBar。

6.1、新建一个类SLQTabBar,因为tabBar的个数不确定，所以需要外界传入，这里使用模型数组来设置。

// 模仿下UITabBar

// UITabBar里面的按钮由UITabBarController的子控制器

@interface SLQTabBar : UIView

// 模型数组(UITabBarItem)，直接使用系统的模型即可

@property (nonatomic, strong) NSArray *items;

@end

6.2、模型数组只需在初始化时添加一次即可，所以使用懒加载方式.

@interfaceSLQTabBar ()

@property (nonatomic, weak) SLQTabBarButton *selected; // 按钮是否选中

@end

- (void)setItems:(NSArray *)items

{

_items = items;



// UITabBarItem保存按钮上的图片,按次序添加

for (UITabBarItem * bar in items) {



// 使用自定义的button，取消高亮状态

UIButton *btn = [SLQTabBarButtonbuttonWithType:UIButtonTypeCustom];

// 设置标签

btn.tag = self.subviews.count;

// 设置背景

[btn setBackgroundImage:bar.imageforState:UIControlStateNormal];

[btn setBackgroundImage:bar.selectedImageforState:UIControlStateSelected];

// 添加按钮按下响应事件

[btn addTarget:selfaction:@selector(btnClick:) forControlEvents:UIControlEventTouchDown];

[self addSubview:btn];



if (self.subviews.count == 1) {

// 默认选中第一个

[self btnClick:btn];

}

}

}

6.3、tabBar上是一排按钮排列而成，不过没有高亮状态，只有Normal和selected状态。

这个只需要重写 UIButton 的一个方法即可。新建一个继承自UIButton的类，重写 setHighlighted 方法

#import "SLQTabBarButton.h"

@implementation SLQTabBarButton

// 取消按钮高亮状态

- (void)setHighlighted:(BOOL)highlighted

{}

@end

6. 4、每次添加过按钮之后都要对按钮进行布局

- (void)layoutSubviews

{

[superlayoutSubviews];



int count = (int)self.subviews.count;

// 按照屏幕宽度计算按钮宽度

for (int i = 0 ; i < count; i ++) {

CGFloat x = 0;

CGFloat y = 0;

CGFloat w = [UIScreenmainScreen].bounds.size.width / count;

CGFloat h = self.bounds.size.height;



SLQTabBarButton *btn = self.subviews[i];



x = i * w;

btn.frame = CGRectMake(x, y, w, h);

}

}

6.5、响应按钮点击的话，使用代理传递数据

定义

@classSLQTabBar;

// 添加代理,响应按钮点击

@protocol SLQTabBarDelegate <NSObject>

@optional

- (void)tabBar:(SLQTabBar *)tabBar didClickButton:(NSInteger ) index;

@end

声明

@property (nonatomic, weak) id<SLQTabBarDelegate> delegate;

使用

- (void)btnClick:(UIButton *)btn

{

// 取消选中上一个按钮

_selected.selected = NO;

// 选中当前按钮

btn.selected = YES;

// 记录选中的按钮

_selected = btn;

// 切换控制器，添加一个代理,先判断是否有这个方法

if ([self.delegate respondsToSelector:@selector(tabBar:didClickButton:)])

{

// 发送消息到代理，通过按钮tag判断是哪一个按钮

[self.delegate tabBar:self didClickButton:btn.tag];

}

}

6.6、具体使用方法，在控制器中设置tabBar

添加自定义的tabBar到tabBar，然后将系统生成的按钮删除.

//添加自定义的tabBar到tabBar，然后将系统生成的按钮删除

- (void)setAllTabBar

{

// 移除所有子控件

// [self.tabBar removeFromSuperview];

// 添加自定义tabBar

SLQTabBar *bar = [[SLQTabBar alloc] init];

// 传入模型数据

bar.items = self.items;

// 设置尺寸

bar.frame = self.tabBar.bounds;

// 设置代理，监听按钮点击

bar.delegate = self;

// 添加到tabBar,但是要把系统自带的按钮删除

[self.tabBar addSubview:bar];

}

移除系统按钮

- (void)viewWillAppear:(BOOL)animated

{

[super viewWillAppear:animated];

// 删除系统自带的tabBar

for (UIView *childView in self.tabBar.subviews) {

if (![childView isKindOfClass:[SLQTabBar class]]) {

[childView removeFromSuperview];

}

}

}

监听按钮点击

- (void)tabBar:(SLQTabBar *)tabBar didClickButton:(NSInteger)index

{

// NSLog(@"%s--%d",__func__,index);

// 切换控制器

self.selectedIndex = index;

}

7、手动添加pch文件都项目

pch文件中包含的东西在项目中每个文件中都可以使用。

iOS笔记055 - UI总结01

8、load和initialize

// 当程序一启动的时候就会调用

+ (void)load

{

}

// 当前类或者他的子类第一次使用的时候才会调用

+ (void)initialize

{}

9、给任意弹出的窗口添加遮盖

这个也比较常见，比如说弹出登陆界面时，程序其他部分都是灰色背景，且不能点击。

可以给程序添加一个灰色的View，而且要显示在所有界面之前，那么可以使用

[UIApplication sharedApplication].keyWindow；

添加到这个窗口上的窗口默认都在最前面。

自定义一个继承自UIView的类，添加两个方法即可。

// 屏幕尺寸

#define SLQScreenBounds [UIScreen mainScreen].bounds

// 主窗口

#define SLQKeyWindow [UIApplication sharedApplication].keyWindow

// 显示遮盖

+ (void)show

{

// 获取主窗口，添加一个view 到主窗口

UIView *view = [[SLQCoverView alloc] initWithFrame:SLQScreenBounds];

view.backgroundColor = [UIColorblackColor];

view.alpha = 0.4;

// 添加窗口到主窗口,显示在最上层

[SLQKeyWindow addSubview:view];

}

// 隐藏遮盖

+ (void)hide

{

// 取出子窗口移除,首先判断是不是SLQCoverView类型的view

for (UIView *childView in SLQKeyWindow.subviews) {

if ([childView isKindOfClass:self]) {

[childView removeFromSuperview];

}

}

}

10、loadView、viewDidLoad和viewDidUnLoad

loadView 苹果设计这个方法就是给我们自定义UIViewController的view用的

viewDidLoad 在创建过控制器的view后，向view中添加其他控件

viewDidUnLoad 系统发出内存警告时

关系

1.第一次访问UIViewController的view时，view为nil，然后就会调用loadView方法创建view

2.view创建完毕后会调用viewDidLoad方法进行界面元素的初始化

3.当内存警告时，系统可能会释放UIViewController的view，将view赋值为nil，并且调用viewDidUnload方法

4.当再次访问UIViewController的view时，view已经在3中被赋值为nil，所以又会调用loadView方法重新创建view

5.view被重新创建完毕后，还是会调用viewDidLoad方法进行界面元素的初始化

iOS笔记055 - UI总结01

11、UINavigationBar 所生成的图片都是经过处理的view，为蓝色

iOS笔记055 - UI总结01

原始图片

iOS笔记055 - UI总结01

// 默认左右两遍的view都是蓝色的，所以要返回一个原始的图片

UIImage *image = [UIImageimageNamed:@"CS50_activity_image"] ;

// 设置图片的渲染方式为原始图片

image = [image imageWithRenderingMode:UIImageRenderingModeAlwaysOriginal];

self.navigationItem.leftBarButtonItem = [[UIBarButtonItem alloc] initWithImage:image style:UIBarButtonItemStylePlain target:self action:@selector(activeBtnClick)];