iOS开发基础控件--按钮(UIButton)
2016-03-19 09:16
711 查看
UIButton:按钮的基本使用
UIButton是App中最常见的UI控件之一,同时由于Button能够显示不同状态下的文字以及图片,因此在实际开发中的应用也是非常的灵活。
1、button的构成
一个按钮由三个元素组成:
image:图片左侧的图片,默认在左边,在显示的时候,会显示图片的实际大小,【??问题:怎么解决等比列缩小图片??】;
title:按钮上显示的文字,默认在右边;
background image:背景图片,默认占满整个按钮,在实际开发中,普遍需要对美工提供的背景图片拉伸显示。
当点击按钮时,按钮的image以及title是可以改变的。
提示,实际开发中,可以通过调节Edge及相关偏移量可以调整Image与title的位置(见视频)
2、button点击动作的实现方法
按钮的作用就是用来监控用户的点击,为了能够实现点击按钮后去完成一些程序逻辑实现,可以使用如下两种方法来监控按钮的点击:
连线:在interface builder/StoryBoard中,对按钮进行连线;
}
使用Target-Action方法:在代码编写过程中,为按钮添加一个Target-Action方法。
3、button的状态
在Xcode7中,按钮有5个状态:
UIControlStateNormal:默认状态;
UIControlStateHighlighted:高亮状态;
UIControlStateDisabled:失效状态;
UIControlStateSelected:选中状态
UIControlStateFocused:聚焦状态(iOS9新加入,应该是和3D Touch有关)
对于每个状态,都可以设置不同的image、title以及background image,使用如下方法:
-(void)setTitle:(nullableNSString*)titleforState:(UIControlState)state;
-(void)setImage:(nullableUIImage*)imageforState:(UIControlState)state;
-(void)setBackgroundImage:(nullableUIImage*)imageforState:(UIControlState)state;
也有几个常用属性的设置不需要区分状态,如:
@property(nullable, nonatomic,copy) UIColor *backgroundColor;
@property(null_resettable, nonatomic,strong)UIFont *font;
4、button外观的拉伸
按钮的background Image一般需要拉伸,为了实现拉伸效果,可以直接修改图片的Slicing属性,修改方法可以参见视频。
5、官方参考文档
https://developer.apple.com/library/prerelease/ios/documentation/UserExperience/Conceptual/UIKitUICatalog/UIButton.html#//apple_ref/doc/uid/TP40012857-UIButton-SW1
以上内容转载于::宏创学院»UIButton:按钮的基本使用
6、可以多个按钮对应一个响应函数,并没有实际多的作用
UIButton是App中最常见的UI控件之一,同时由于Button能够显示不同状态下的文字以及图片,因此在实际开发中的应用也是非常的灵活。
1、button的构成
一个按钮由三个元素组成:
image:图片左侧的图片,默认在左边,在显示的时候,会显示图片的实际大小,【??问题:怎么解决等比列缩小图片??】;
title:按钮上显示的文字,默认在右边;
background image:背景图片,默认占满整个按钮,在实际开发中,普遍需要对美工提供的背景图片拉伸显示。
当点击按钮时,按钮的image以及title是可以改变的。
提示,实际开发中,可以通过调节Edge及相关偏移量可以调整Image与title的位置(见视频)
2、button点击动作的实现方法
按钮的作用就是用来监控用户的点击,为了能够实现点击按钮后去完成一些程序逻辑实现,可以使用如下两种方法来监控按钮的点击:
连线:在interface builder/StoryBoard中,对按钮进行连线;
}
使用Target-Action方法:在代码编写过程中,为按钮添加一个Target-Action方法。
3、button的状态
在Xcode7中,按钮有5个状态:
UIControlStateNormal:默认状态;
UIControlStateHighlighted:高亮状态;
UIControlStateDisabled:失效状态;
UIControlStateSelected:选中状态
UIControlStateFocused:聚焦状态(iOS9新加入,应该是和3D Touch有关)
对于每个状态,都可以设置不同的image、title以及background image,使用如下方法:
-(void)setTitle:(nullableNSString*)titleforState:(UIControlState)state;
-(void)setImage:(nullableUIImage*)imageforState:(UIControlState)state;
-(void)setBackgroundImage:(nullableUIImage*)imageforState:(UIControlState)state;
也有几个常用属性的设置不需要区分状态,如:
@property(nullable, nonatomic,copy) UIColor *backgroundColor;
@property(null_resettable, nonatomic,strong)UIFont *font;
4、button外观的拉伸
按钮的background Image一般需要拉伸,为了实现拉伸效果,可以直接修改图片的Slicing属性,修改方法可以参见视频。
5、官方参考文档
https://developer.apple.com/library/prerelease/ios/documentation/UserExperience/Conceptual/UIKitUICatalog/UIButton.html#//apple_ref/doc/uid/TP40012857-UIButton-SW1
以上内容转载于::宏创学院»UIButton:按钮的基本使用
6、可以多个按钮对应一个响应函数,并没有实际多的作用
相关文章推荐
- 187. Repeated DNA Sequences
- 扣丁学堂笔记第04天基础UI组件(二)
- [leetcode] 255. Verify Preorder Sequence in Binary Search Tree 解题报告
- Arduino 简介
- 14. StringBuffer 与 StringBuilder 区别
- UITextField常用属性:文本框样式、文字样式、键盘样式、左右视图样式、清除按钮设置等
- 1085. Perfect Sequence (25)【二分查找】——PAT (Advanced Level) Practise
- 32. 自定义UITableViewCell(高度自适应)
- 产品汪的周末应该怎么过?
- 机房收费系统遇到的问题(二) 逆向思维,消费时间不是相减,而是递增
- r.js 配置文件 example.build.js 不完整注释
- 简述list,map,set, queue的区别
- uva348 - Optimal Array Multiplication Sequence
- iOS UIView
- MUI-基础01
- JUnit 3.8 让所有测试程序 实现 复合的测试(TestSuite)
- bzoj 2037: [Sdoi2008]Sue的小球
- MUI-几种页面打开方式
- UESTC758(贪心)
- UIToolBar