UIButton

1、UIButton 的创建

// 实例化 button 对象
UIButton *button = [UIButton buttonWithType:UIButtonTypeCustom];
// 将 button 添加到 window
[self.view addSubview:button];

2、UIButton 的设置

// 设置 button 类型
/*
UIButtonTypeCustom = 0,         // 定制按钮，不带图标(常加载图片)，默认文字颜色为白色，无触摸时的高亮效果
UIButtonTypeSystem              // 不带图标，默认文字颜色为蓝色，有触摸时的高亮效果
UIButtonTypeDetailDisclosure,   // “!” 图标按钮，默认文字颜色为蓝色，有触摸时的高亮效果
UIButtonTypeInfoLight,          // “!” 图标按钮，默认文字颜色为蓝色，有触摸时的高亮效果
UIButtonTypeInfoDark,           // “!” 图标按钮，默认文字颜色为蓝色，有触摸时的高亮效果
UIButtonTypeContactAdd,         // “+” 图标按钮，默认文字颜色为蓝色，有触摸时的高亮效果
UIButtonTypeRoundedRect = UIButtonTypeSystem,

[[UIButton alloc] init] 方式创建的 button 为 UIButtonTypeCustom 类型。
StoryBoard 创建的 button 默认为 UIButtonTypeSystem 类型。
*/
UIButton *button = [UIButton buttonWithType:UIButtonTypeCustom];

// 设置 frame
button.frame = CGRectMake(10, 100, 110, 50);

// 设置内边距大小
/*
设置的内边距范围内不会显示内容
*/

// 内容内边距（标题文字和图片）
button.contentEdgeInsets = UIEdgeInsetsMake(20, 20, 10, 10);

// 标题文字内边距
button.titleEdgeInsets = UIEdgeInsetsMake(40, 20, 10, 10);

// 图片内边距
button.imageEdgeInsets = UIEdgeInsetsMake(20, 10, 10, 10);

// 背景颜色
/*
默认为透明色（clearColor）
*/
button.backgroundColor = [UIColor grayColor];

// 设置按钮的文字
/*
UIControlStateNormal       = 0,           // 未选中状态，常规状态
UIControlStateHighlighted  = 1 << 0,      // 高亮状态，点击状态
UIControlStateDisabled     = 1 << 1,      // 禁用状态
UIControlStateSelected     = 1 << 2,      // flag usable by app (see below)，选中状态
UIControlStateFocused NS_ENUM_AVAILABLE_IOS(9_0) = 1 << 3,    
              // Applicable only when the screen supports focus
UIControlStateApplication  = 0x00FF0000,  // additional flags available for application use
UIControlStateReserved     = 0xFF000000   // flags reserved for internal framework use
*/
[button setTitle:@"普通状态" forState:UIControlStateNormal];

// 设置文字颜色
[button setTitleColor:[UIColor blackColor] forState:UIControlStateNormal];

// 设置文字阴影颜色
[button setTitleShadowColor:[UIColor yellowColor] forState:UIControlStateNormal];

// 修改文字字体
button.titleLabel.font = [UIFont systemFontOfSize:30];               // 普通
button.titleLabel.font = [UIFont boldSystemFontOfSize:30];           // 加粗
button.titleLabel.font = [UIFont italicSystemFontOfSize:30];         // 斜体（对中文无效）
button.titleLabel.font = [UIFont fontWithName:@"Zapfino" size:15];   // 设置为指定字体类型的文字

// 修改文字水平对齐方式
/*
UIControlContentHorizontalAlignmentCenter = 0,    // 居中
UIControlContentHorizontalAlignmentLeft   = 1,    // 左对齐
UIControlContentHorizontalAlignmentRight  = 2,    // 右对齐
UIControlContentHorizontalAlignmentFill   = 3,    // 分散对齐
*/
button.contentHorizontalAlignment = UIControlContentHorizontalAlignmentCenter;

// 修改文字垂直对齐方式
/*
UIControlContentVerticalAlignmentCenter  = 0,     // 居中
UIControlContentVerticalAlignmentTop     = 1,     // 上对齐
UIControlContentVerticalAlignmentBottom  = 2,     // 下对齐
UIControlContentVerticalAlignmentFill    = 3,     // 分散对齐
*/
button.contentVerticalAlignment = UIControlContentVerticalAlignmentCenter;

// 设置内部的小图片
/*
图片将会以原始比例显示，button 上的图片和文字可以同时添加
*/
[button setImage:[UIImage imageNamed:@"hehe.png"] forState:UIControlStateNormal];

// 设置背景图片
/*
图片将会填充整个背景
为了保证高亮状态下的图片正常显示，必须设置按钮的 type 为 custom
*/
[button setBackgroundImage:[UIImage imageNamed:@"pic1.png"] forState:UIControlStateNormal];

// 设置图片不变暗
/*
在未设置触摸状态图片时，触摸状态或禁用状态下图片会变暗
*/

// 触摸状态时图标不变暗
button.adjustsImageWhenHighlighted = NO;

// 禁用状态时图标不变暗
button.adjustsImageWhenDisabled = YES;

// 设置 button 的激活与失效状态
/*
YES 激活状态，默认状态，NO 失效状态（不可点击）
*/
button.enabled = YES;

// 设置 butotn 的隐藏与显示状态
/*
YES 隐藏状态，NO 显示状态，默认状态
*/
button.hidden = YES;

// 设置 butotn 的选中状态
/*
YES 选中，NO 未选中
*/
button.selected = YES;

// 获取 butotn 当前的选中状态
BOOL selected = button.selected;

// readonly 只读属性
NSString *title = button.currentTitle;                                 // 获取按钮当前的标题
NSAttributedString *attributedTitle = button.currentAttributedTitle;   // 获取按钮当前的标题属性
UIColor *titleColor = button.currentTitleColor;                        // 获取按钮当前的标题颜色
UIColor *shadowColor = button.currentTitleShadowColor;                 // 获取按钮当前的标题阴影颜色
UIImage *currentImage = button.currentImage;                           // 获取按钮当前的图片
UIImage *backgroundImage = button.currentBackgroundImage;              // 获取按钮当前的背景图片
NSString *title1 = [button titleForState:UIControlStateNormal];        // 获取按钮指定状态的文字

// 获取按钮指定状态的标题属性
NSAttributedString *attributedTitle1 = [button attributedTitleForState:UIControlStateNormal];

// 获取按钮指定状态的标题颜色
UIColor *titleColor1 = [button titleColorForState:UIControlStateNormal];

// 获取按钮指定状态的标题阴影颜色
UIColor *shadowColor1 = [button titleShadowColorForState:UIControlStateNormal];

// 获取按钮指定状态的图片
UIImage *currentImage1 = [button imageForState:UIControlStateNormal];

// 获取按钮指定状态的背景图片
UIImage *backgroundImage1 = [button backgroundImageForState:UIControlStateNormal];

// 设置 button 点击触发事件
/*
UIControlEventTouchDown           = 1 <<  0,  // on all touch downs
UIControlEventTouchDownRepeat     = 1 <<  1,  // on multiple touchdowns (tap count > 1)
UIControlEventTouchDragInside     = 1 <<  2,
UIControlEventTouchDragOutside    = 1 <<  3,
UIControlEventTouchDragEnter      = 1 <<  4,
UIControlEventTouchDragExit       = 1 <<  5,
UIControlEventTouchUpInside       = 1 <<  6,
UIControlEventTouchUpOutside      = 1 <<  7,
UIControlEventTouchCancel         = 1 <<  8,

UIControlEventValueChanged        = 1 << 12,  // sliders, etc.
UIControlEventPrimaryActionTriggered NS_ENUM_AVAILABLE_IOS(9_0) = 1 << 13,
      // semantic action: for buttons, etc.

UIControlEventEditingDidBegin     = 1 << 16,  // UITextField
UIControlEventEditingChanged      = 1 << 17,
UIControlEventEditingDidEnd       = 1 << 18,
UIControlEventEditingDidEndOnExit = 1 << 19,  // 'return key' ending editing

UIControlEventAllTouchEvents      = 0x00000FFF,  // for touch events
UIControlEventAllEditingEvents    = 0x000F0000,  // for UITextField
UIControlEventApplicationReserved = 0x0F000000,  // range available for application use
UIControlEventSystemReserved      = 0xF0000000,  // range reserved for internal framework use
UIControlEventAllEvents           = 0xFFFFFFFF
*/
[button addTarget:self action:@selector(buttonClick:) forControlEvents:UIControlEventTouchUpInside];

3、UIButton、UIImageView、UILabel 的选择

3.1 特点：
- UIButton：
  - 既能显示文字，又能显示图片（能显示 2 张图片，背景图片和内容图片）。
  - 长按高亮的时候可以切换图片\文字。
  - 直接通过 addTarget... 方法监听点击。
- UIImageView：
  - 能显示图片，不能直接通过 addTarget... 方法监听点击。
- UILabel：
  - 能显示文字，不能直接通过 addTarget... 方法监听点击。
3.2 选择：
- 仅仅是显示数据，不需要点击
  - 建议选择 UIImageView、UILabel。
- 不仅显示数据，还需要监听点击
  - 建议选择 UIButton。
- 其实 UIImageView、UILabel 也可以通过手势识别器来监听。
  - 长按控件后，会改变显示的内容
- 选择 UIButton
  - 因为 UIButton 有 highlighted 这种状态。
- 同时显示 2 张图片：背景图片、内容图片
  - 选择 UIButton。

4、UIButton 子控件

4.1 不要直接拿出按钮内部的子控件，来修改文字、图片属性，按钮内部的子控件设置是有状态的。

直接拿出设置时无法显示

self.imageView.image = [UIImage imageNamed:@"shop.icon"];
self.titleLabel.text = shop.name;

带状态设置时才能正常显示

self setImage:[UIImage imageNamed:shop.icon] forState:UIControlStateNormal];
[self setTitle:shop.name forState:UIControlStateNormal];

4.2 子控件 frame 设置

self.imageView.frame = CGRectMake(0, 0, buttonW, imageH);
self.titleLabel.frame = CGRectMake(0, imageH, buttonW, buttonH - imageH);
// 设置按钮中 title 的尺寸
- (CGRect)titleRectForContentRect:(CGRect)contentRect {
	return CGRectMake(0, 30, 70, 30);
}
// 设置按钮中 imageView 的尺寸
- (CGRect)imageRectForContentRect:(CGRect)contentRect {

	// 计算 imageView 控件尺寸，contentRect 为按钮的尺寸
	CGFloat W = 40;
	CGFloat H = 46;
	CGFloat X = (contentRect.size.width - W) * 0.5;
	CGFloat Y = 20;

	return CGRectMake(X, Y, W, H);
}

4.3 子控件接收点击事件的区域设置

// 设置按钮接收点击事件的区域
- (UIView *)hitTest:(CGPoint)point withEvent:(UIEvent *)event {

	CGFloat btnW = self.bounds.size.width;
	CGFloat btnH = self.bounds.size.height;

	// 计算不接收点击事件的区域
	CGFloat X = 0;
	CGFloat Y = btnH / 2;
	CGFloat W = btnW;
	CGFloat H = Y;
	CGRect rect = CGRectMake(X, Y, W, H);

	if (CGRectContainsPoint(rect, point)) {
		return nil;
	} else {
		return [super hitTest:point withEvent:event];
	}
}

常用设置
添加边框
触发方式说明
调整内部位置
扩大可点区域
字体调整
注意事项说明
按钮点击震动效果

参考资料
按钮与其他控件的优势比较
字体UIFont
事件响应链

posted @ 2018-08-02 22:24 CH520 阅读(292) 评论(0) 编辑收藏举报

刷新页面返回顶部

CH520 -- Cnblogs。

Galenc

UIButton

1、UIButton 的创建

2、UIButton 的设置

2.1 UIButton的几种触发方式

2.2 设置按钮单边边框

2.3 UIButton中图片与文字的位置设置

2.4 让UIButton上的image进行360度旋转

2.5 iOS开发-扩大按钮的可点击区域

2.6 iOS开发_给圆角按钮添加阴影

2.7 iOS开发_分类防止按钮无时间间隔地重复点击

2.8 iOS给按钮添加系统声音

3、UIButton、UIImageView、UILabel 的选择

3.1 特点：

3.2 选择：

4、UIButton 子控件

4.1 不要直接拿出按钮内部的子控件，来修改文字、图片属性，按钮内部的子控件设置是有状态的。

4.2 子控件 frame 设置

4.3 子控件接收点击事件的区域设置

公告

CH520 -- Cnblogs。

Galenc

UIButton

1、UIButton 的创建

2、UIButton 的设置

2.1 UIButton的几种触发方式

2.2 设置按钮单边边框

2.3 UIButton中图片与文字的位置设置

2.4 让UIButton上的image进行360度旋转

2.5 iOS开发-扩大按钮的可点击区域

2.6 iOS开发_给圆角按钮添加阴影

2.7 iOS开发_分类防止按钮无时间间隔地重复点击

2.8 iOS给按钮添加系统声音

3、UIButton、UIImageView、UILabel 的选择

3.1 特点：

3.2 选择：

4、UIButton 子控件

4.1 不要直接拿出按钮内部的子控件，来修改文字、图片属性，按钮内部的子控件设置是有状态的。

4.2 子控件 frame 设置

4.3 子控件 接收点击事件的区域 设置

公告

4.3 子控件接收点击事件的区域设置