1. 在欢迎窗口右侧的历史项目列表中,双击打开之前创建的单视图项目模板。 

2. 本节课将为您演示,如何制作一些特殊的按钮控件。首先在一个空白项目中,打开视图控制器的代码文件。 

3. 接着开始编写代码,实现这项功能。 

4. 首先创建一个普通的圆角按钮。 

5. 创建一个位置在(31, 100),尺寸为(257, 60)的显示区域。 

6. 设置按钮对象的显示区域。 

7. 从项目资源文件夹中,读取一张图片素材。 

8. 将图片指定为,按钮在正常状态下的背景图片。也可以给按钮的按下状态、失效状态,指定各自的背景图片。 

9. 设置按钮在正常状态下的标题文字。 

10. 设置按钮在正常状态下,标题的颜色为白色。 

11. 设置按钮文字的字体形状和字体大小。 

12. 给按钮添加点击事件。 

13. 将按钮添加到当前视图控制器的根视图。 

14. 添加一个方法,执行按钮的点击事件。 

15. 创建一个警告弹出窗口,当按钮被点击时,弹出此窗口。 

16. 创建一个按钮,作为提示窗口中的[确定]按钮。当用户点击该按钮时,将关闭提示窗口。 

17. 将确定按钮,添加到提示窗口中。 

18. 在当前视图控制器中,展示提示窗口。然后点击资源文件夹,导入一张图片,作为按钮的背景图片。 

19. 点击加号按钮,弹出功能菜单。 

20. 在弹出的菜单列表中,选择导入命令。 

21. 然后在弹出的文件夹窗口中,点击选择一张图片,作为按钮的背景图片。 

22. 接着点击打开按钮,打开选择的图片。 

23. 将导入的图片,拖动至图像文件夹,以方便资源文件的管理。 

24. 在项目导航区,点击打开视图控制器代码文件。 

25. 然后点击[编译并运行]按钮,运行模拟器预览效果。 

26. 在弹出的模拟器中,点击按钮,查看按钮的点击事件。 

本文整理自:《互动教程 for Xcode9 & Swift4》,真正的[手把手]教学模式,用最快的速度上手iOS开发,苹果商店App Store免费下载:https://itunes.apple.com/cn/app/id1063100471,或扫描本页底部的二维码。课程配套素材下载地址:资料下载

4.2 UIButton图片按钮的使用 [原创iOS开发-Xcode教程]相关推荐

  1. 您的第一个工程项目 [原创iOS开发-Xcode教程]

    1. 在欢迎面板的右侧,是一个历史项目列表,显示了所有最近打开的项目.使用您的手指,双击此处以打开您在上节课中,创建的空白项目.  2. 在左侧的项目导航区,点击打开资源文件夹,您将在此文件夹中,导入 ...

  2. 1.7 使用不同设备类型的iOS模拟器 [原创iOS开发-Xcode教程]

    原文:http://coolketang.com/staticCoding/5a990cf30b61607bf6cdcfdc.html 1. 本节课将为您演示如何使用不同设备类型的模拟器.双击打开之前 ...

  3. 1.24 为应用程序添加图标 [原创iOS开发-Xcode教程]

    原文:http://coolketang.com/staticCoding/5a990cf4fe88c21c80b06fad.html 1. 本节课将为您演示,如何为应用程序设置不同尺寸的图标.首先在 ...

  4. 1.2 您的第一个工程项目 [原创iOS开发-Xcode教程]

    原文:http://coolketang.com/staticCoding/5a990cf2a22b9d0044383835.html 1. 在欢迎面板的右侧,是一个历史项目列表,显示了所有最近打开的 ...

  5. 1.11 Xcode右侧界面介绍 [原创iOS开发-Xcode教程]

    原文:http://coolketang.com/staticCoding/5a990cf3d50eee2ea30298d7.html 1. 本节课将继续向您演示系统的操作界面.首先双击打开之前创建的 ...

  6. 1.10 Xcode左侧界面介绍二 [原创iOS开发-Xcode教程]

    原文:http://coolketang.com/staticCoding/5a990cf3fe88c21c80b06fa2.html 1. 本节课将继续向您演示开发环境的操作界面.首先双击打开之前创 ...

  7. 1.21 几种在控制台输出日志的方式 [原创iOS开发-Xcode教程]

    原文:http://coolketang.com/staticCoding/5a990cf4fe88c21c80b06faa.html 1. 双击打开之前创建的空白项目模板. 2. 然后打开视图控制器 ...

  8. 1.6 iOS模拟器的基本使用方法 [原创iOS开发-Xcode教程]

    原文:http://coolketang.com/staticCoding/5a990cf3ac502e5d51ca7355.html 1. 本节课将向您讲解模拟器的使用.双击打开之前创建的项目模板. ...

  9. 4.4 UILabel文本标签的自动换行 [原创iOS开发-Xcode教程]

    1. 在欢迎窗口右侧的历史项目列表中,双击打开之前创建的单视图项目模板.  2. 本节课将为您演示标签控件的换行功能.首先在一个空白项目中,打开视图控制器的代码文件.  3. 接着开始编写代码,实现这 ...

最新文章

  1. python显示图像文件要放在哪儿_opencv显示图像要把图像放在哪里
  2. 如何保住我们的头发?初级程序员的碎碎念
  3. linux7自带haprox版本,CentOS7.4—构建最新版haproxy高可用群集
  4. usb PHY linux驱动
  5. jenkins执行bat失败_关于批处理文件:即使在BAT脚本中成功执行了ROBOCOPY命令,JENKINS作业也会失败...
  6. php用date语句获取时间,关于php date()函数获取时间的设置和使用方法
  7. 小鱼的航程(改进版)(洛谷-P1424)
  8. 从Hexo迁移到Hugo附送漂亮的Hugo Theme主题
  9. exchange创建邮箱组_Exchange 2010 如何创建通讯组
  10. 学生成绩分析系统后端函数解释(Python)
  11. 使用linux时电脑突然蓝屏,win7系统电脑突然蓝屏的原因的原因和解决方法介绍
  12. FusionStorage原理及组件
  13. android模拟器用户比例,海马玩发布模拟器报告:学生人群与IT从业者占64%
  14. 区域化管理 让多光伏电站运维“1+1>2”
  15. 史上最全场景文字识别资源汇集(56篇重要论文 + 20 个开源代码 + 330 个实验结果 + 1882个统计信息)...
  16. html css javascript七夕情人节表白网页【樱花雨3D相册】超好看
  17. leyou商城day10 MQ介绍及详情静态页
  18. python pandas合并单元格_利用Python pandas对Excel进行合并的方法示例
  19. 医学图像分割方法及卷积神经网络在医学图像分割上的应用
  20. 到底什么是瘦AP、胖AP、AP+AC、Mesh?

热门文章

  1. 程序员 35 岁以后就真的要返乡种田了么?如果家里没田怎么办?
  2. tcp状态 closing
  3. JDK1.9-final关键字
  4. 机器学习学习中,数学最重要!
  5. 【Python】RTKLIB POS文件转换至ENU误差并绘图
  6. 计算机运算定律,乘法运算定律
  7. Linux内核必读五本书籍(强烈推荐)
  8. 怎么判断前轮左右的位置_左右车轮位置怎么判断?看方向盘就知道了,聪明的人都这么做...
  9. 2007 - 半质数 --- 素数筛+2137 - 质因子2
  10. imx6网口上电后连接不稳定link up,link down