基础:第一部分-按钮类效果-实例 ② 弹出式按钮

前言:在iphone或者iPad中,屏幕的空间大小非常有限,为了腾出更多的空间,开发者一般都会采用一种弹出式按钮。

--------------- 实例1 弹出式按钮 ---------------

实例描述
本实例即实现了此功能。当单击屏幕上的按钮后,就会以此按钮为中心弹出三个按钮为中心弹出三个按钮。单击弹出的三个按钮中的任意一个按钮,就会弹出响应的警告视图:在单击中心按钮之后,就会将这三个按钮隐藏。运行静态图请看图1.1,动态图请看1.2所示:

基础:第一部分-按钮类效果-实例 ② 弹出式按钮_第1张图片
图1.1 运行静态图

基础:第一部分-按钮类效果-实例 ② 弹出式按钮_第2张图片
图1.2 动态图

实现过程:
当用户点击界面按钮时,会在此按钮的周围弹出三个按钮。具体的实现步骤如下。

  • (1) 创建一个项目,命为"弹出式按钮"
  • (2) 添加图片 btn1.png、 btn2.png、 btn3.png、和 btn4.png到创建的Images.xcassets中。
  • (3) 创建一个基于UIButton类的but类。
  • (4) 打开but.h文件,编写代码,实现协议和属性的声明。程序代码如下:


    基础:第一部分-按钮类效果-实例 ② 弹出式按钮_第3张图片
  • (5) 打开but.m文件,编写代码,实通过触摸实现单击功能。程序代码如下:


    基础:第一部分-按钮类效果-实例 ② 弹出式按钮_第4张图片
  • (6) 创建一个基于UIView类的Button类
  • (7) 打开Button.h文件,编写代码,实现宏定义、协议和属性等功能。
    程序代码如下:
  • (8) 打开Button.m文件,编写代码,实现弹出式按钮的动作和位置等功能。使用的方法如表 1-2 所示。
    程序代码如下:


    基础:第一部分-按钮类效果-实例 ② 弹出式按钮_第5张图片


    基础:第一部分-按钮类效果-实例 ② 弹出式按钮_第6张图片

    基础:第一部分-按钮类效果-实例 ② 弹出式按钮_第7张图片

    基础:第一部分-按钮类效果-实例 ② 弹出式按钮_第8张图片


    基础:第一部分-按钮类效果-实例 ② 弹出式按钮_第9张图片


    基础:第一部分-按钮类效果-实例 ② 弹出式按钮_第10张图片


    基础:第一部分-按钮类效果-实例 ② 弹出式按钮_第11张图片


    基础:第一部分-按钮类效果-实例 ② 弹出式按钮_第12张图片


    基础:第一部分-按钮类效果-实例 ② 弹出式按钮_第13张图片
  • (9) 操作实现方法
    引入头文件遵守代理,代码如下:
    基础:第一部分-按钮类效果-实例 ② 弹出式按钮_第14张图片


    代码解析:---->执行流程图
    基础:第一部分-按钮类效果-实例 ② 弹出式按钮_第15张图片
    执行流程图

    Demo地址:https://github.com/RenZhengYang/iOS-Open-two-popuBtn.git

你可能感兴趣的:(基础:第一部分-按钮类效果-实例 ② 弹出式按钮)