前言
本来没有打算写这篇文章的, 主要是因为在工作中遇到一些同事再用 有UIButton的时候, 有些很基本的,系统API提供的都不知道, 例如 如何让UIButton的文字居上,居左, 居右, 居下对其等一些基本点, 为此我特地写了一下UIButton小结
UIButton回顾
继承关系
NSObject -> UIResponder -> UIView -> UIControl -> UIButton
API
初始化
遍历构造器
+ (instancetype)buttonWithType:(UIButtonType)buttonType;
button类型
typedef NS_ENUM(NSInteger, UIButtonType) {
UIButtonTypeCustom = 0, //自定义风格
UIButtonTypeSystem NS_ENUM_AVAILABLE_IOS(7_0), //系统样式,从iOS7开始使用
UIButtonTypeDetailDisclosure, //蓝色小箭头按钮,主要做详细说明用
UIButtonTypeInfoLight, //亮色感叹号
UIButtonTypeInfoDark, //暗色感叹号
UIButtonTypeContactAdd, //十字加号按钮
UIButtonTypeRoundedRect = UIButtonTypeSystem, //圆角矩形,从iOS7废弃,iOS6中可以使用
};
偏移量
内容偏移量:正值表示间隔值,负值表示超出参照物的距离。UIEdgeInsetsMake(top, left, bottom, right)
有四个值需要设置,分别距离上左下右边的间隔。
// default is UIEdgeInsetsZero. On tvOS 10 or later, default is nonzero except for custom buttons.
@property(nonatomic) UIEdgeInsets contentEdgeInsets UI_APPEARANCE_SELECTOR;
标题偏移量:和图片偏移量是相对的,比如:自定义一个按钮实现的效果是图片在左边,标题在右边,可以用这个属性,设置完标题偏移量,图片偏移量就是相对于标题的
@property(nonatomic) UIEdgeInsets titleEdgeInsets; // default is UIEdgeInsetsZero
图片偏移量
@property(nonatomic) UIEdgeInsets imageEdgeInsets;
其他API
button的状态为高亮时,文本的阴影会反转 默认是NO
@property(nonatomic) BOOL reversesTitleShadowWhenHighlighted;
button的状态为高亮时,图像变暗 默认是YES
@property(nonatomic) BOOL adjustsImageWhenHighlighted;
button的状态为禁用时,图像变暗。默认是YES
@property(nonatomic) BOOL adjustsImageWhenDisabled;
button的状态为高亮时,发光。默认是NO
@property(nonatomic) BOOL showsTouchWhenHighlighted;
系统的一些样式DetailDisclosure
InfoLight
InfoDark
ContactAdd
颜色会改变
@property(nonatomic,retain) UIColor *tintColor NS_AVAILABLE_IOS(5_0);
button的状态。包括一些其他的控制的状态
typedef NS_OPTIONS(NSUInteger, UIControlState) {
UIControlStateNormal = 0, //正常状态
UIControlStateHighlighted = 1 << 0, //高亮状态
UIControlStateDisabled = 1 << 1, //禁用状态
UIControlStateSelected = 1 << 2, //选中状态
UIControlStateApplication = 0x00FF0000,
UIControlStateReserved = 0xFF000000
};
// 设置标题 default is nil. title is assumed to be single line
- (void)setTitle:(nullable NSString *)title forState:(UIControlState)state;
// 设置标题颜色 default if nil. use opaque white
- (void)setTitleColor:(nullable UIColor *)color forState:(UIControlState)state UI_APPEARANCE_SELECTOR;
// 设置标题阴影颜色default is nil. use 50% black
- (void)setTitleShadowColor:(nullable UIColor *)color forState:(UIControlState)state UI_APPEARANCE_SELECTOR;
// 设置图片default is nil.
should be same size if different for different states
- (void)setImage:(nullable UIImage *)image forState:(UIControlState)state;
// 设置背景图片// default is nil
- (void)setBackgroundImage:(nullable UIImage *)image forState:(UIControlState)state UI_APPEARANCE_SELECTOR;
// 设置富文本标题default is nil. title is assumed to be single line
- (void)setAttributedTitle:(nullable NSAttributedString *)title forState:(UIControlState)state NS_AVAILABLE_IOS(6_0);
// 返回不同状态下标题
- (nullable NSString *)titleForState:(UIControlState)state;
// 返回不同状态下标题颜色
- (nullable UIColor *)titleColorForState:(UIControlState)state;
// 返回不同状态下标题阴影颜色
- (nullable UIColor *)titleShadowColorForState:(UIControlState)state;
// 返回不同状态下图片
- (nullable UIImage *)imageForState:(UIControlState)state;
// 返回不同状态下背景图片
- (nullable UIImage *)backgroundImageForState:(UIControlState)state;
// 返回不同状态下富文本标题
- (nullable NSAttributedString *)attributedTitleForState:(UIControlState)state NS_AVAILABLE_IOS(6_0);
// button的当前标题。当按钮状态改变时值自动改变,可以做判断,当前标题是全文则点击展开标题设置为收起,当前标题是收起则点击收起全文。
@property(nullable, nonatomic,readonly,strong) NSString *currentTitle;
// 当前标题颜色default is white(1,1)
@property(nonatomic,readonly,strong) UIColor *currentTitleColor;
// 当前状态下标题阴影颜色
@property(nullable, nonatomic,readonly,strong) UIColor *currentTitleShadowColor;
// 当前状态下图片 切换不同图片,比如做单选,多选可以使用。
@property(nullable, nonatomic,readonly,strong) UIImage *currentImage;
@property(nullable, nonatomic,readonly,strong) UIImage *currentBackgroundImage;
@property(nullable, nonatomic,readonly,strong) NSAttributedString *currentAttributedTitle NS_AVAILABLE_IOS(6_0);
@property(nullable, nonatomic,readonly,strong) UILabel *titleLabel NS_AVAILABLE_IOS(3_0);
@property(nullable, nonatomic,readonly,strong) UIImageView *imageView NS_AVAILABLE_IOS(3_0);
// 返回背景绘制区域
- (CGRect)backgroundRectForBounds:(CGRect)bounds;
// 返回内容绘制区域。内容区域是显示图片和标题及他们特定对齐缩放等的范围
- (CGRect)contentRectForBounds:(CGRect)bounds;
// 返回标题的绘制区域
- (CGRect)titleRectForContentRect:(CGRect)contentRect;
// 返回图片的绘制区域
- (CGRect)imageRectForContentRect:(CGRect)contentRect;
这个地方的API是UIControl的, 很多人并没有在意这个类, 然后用一些很笨的手段去解决对其方式
// button 内容垂直对其方式 default is center
@property(nonatomic) UIControlContentVerticalAlignment contentVerticalAlignment;
// button 内容水平对其方式 default is center
@property(nonatomic) UIControlContentHorizontalAlignment contentHorizontalAlignment;