HUD

• 指示器/HUD/遮盖/蒙板
• 半透明的指示器如何实现
  • 指示器的alpha = 1.0;
  • 指示器的背景色是半透明的

1. 创建颜色

• 直接创建对应的颜色

+ (UIColor *)blackColor; // 0.0 white

• (UIColor *)darkGrayColor; // 0.333 white

• (UIColor *)lightGrayColor; // 0.667 white

• (UIColor *)whiteColor; // 1.0 white

• (UIColor *)grayColor; // 0.5 white

• (UIColor *)redColor; // 1.0, 0.0, 0.0 RGB

• (UIColor *)greenColor; // 0.0, 1.0, 0.0 RGB

• (UIColor *)blueColor; // 0.0, 0.0, 1.0 RGB

• (UIColor *)cyanColor; // 0.0, 1.0, 1.0 RGB

• (UIColor *)yellowColor; // 1.0, 1.0, 0.0 RGB

• (UIColor *)magentaColor; // 1.0, 0.0, 1.0 RGB

• (UIColor *)orangeColor; // 1.0, 0.5, 0.0 RGB

• (UIColor *)purpleColor; // 0.5, 0.0, 0.5 RGB

• (UIColor *)brownColor; // 0.6, 0.4, 0.2 RGB

• (UIColor *)clearColor; // 透明色

• 根据RGB组合创建颜色

+ (UIColor *)colorWithRed:(CGFloat)red green:(CGFloat)green blue:(CGFloat)blue alpha:(CGFloat)alpha;

2. 渐变动画

• 方法1: 头尾式

[UIView beginAnimations:nil context:nil];
[UIView setAnimationDuration:2.0];
/*需要执行的动画的代码*/
[UIView commitAnimations];

• 方法2: 渐变式

//动画执行两秒钟
[UIView animateWithDuration:2.0 animations:^{
self.shopsView.alpha = 0.0;//透明度变为0.0
}];

//1s后再执行动画,动画执行两秒钟
//options(动画的选项):kNilOptions
[UIView animateWithDuration:2.0 delay:1.0 options:kNilOptions animations:^{self.shopsView.alpha = 0.0;} completion:^(BOOL finished){NSLog(@"播放完毕");}];

3. 按钮

• 自定义按钮: 调整内部的子控件frame

  • 方法1: 实现titleRectForContentRect:和imageRectForContentRect:方法中分别设置
  • 方法2: 在layoutSubViews中设置

• 内边距

//设置按钮内容的内边距(影响到imageView和titleLabel)
@property (nonatomic) UIEdgeInsets contentEdgeInsets;
//设置titleLabel的内边距(影响到titleLabel)
@property(nonatomic) UIEdgeInsets titleEdgeInsets;
//设置imageView的内边距(影响到imageView)
@property(nonatomic) UIEdgeInsets imageEdgeInsets;

• 注意

  • 按钮内部的图片和文字是分状态显示的
  • 按钮内部的文字默认是白色

4. 图片

• 拉伸

  • 保护图片边缘

    • 去掉自动布局,设置frame就可以被应用

• iOS5之前

//只会中间的拉伸1*1部分
//rightCapWidth = width - leftCapWidth - 1;
//bottomCapWidth = width - topCapWidth - 1;

• (UIImage *)stretchableImageWithLeftCapWidth:(NSInteger)leftCapWidth topCapHeight:(NSInteger)topCapHeight;

• iOS5之后

- (UIImage *)resizableImageWithCapInsets:(UIEdgeInsets)capInsets; // create a resizable version of this image. the interior(内部) is tiled(平铺的) when drawn(拉伸).

(UIEdgeInsets)capInsets-->UIEdgeInsetsMake(top, left, bottom, right)

//resizingMode: 拉伸模式

• (UIImage *)resizableImageWithCapInsets:(UIEdgeInsets)capInsets resizingMode:(UIImageResizingMode)resizingMode;

5. pragma mark - 控制状态栏的样式

- (UIStatusBarStyle)preferredStatusBarStyle
{
//白色
return UIStatusBarStyleLightContent;
}