欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  移动技术

iOS - 添加一个全局悬浮按钮(集成pods版)

程序员文章站 2022-07-02 15:27:08
背景介绍 :在普通的iOS开发组中,一般测试机都不止一台,但是我们在开发的时候,不可能每台测试机时刻保持最新的代码,这就出现了一个问题,当测试测出问题的时候,(或者产品突然拿去点点看的时候出了问题)如果不知道当前的版本,可能不确定是什么时候出的问题。 解决方案:如果当前环境是测试服的时候,展示一个全 ......

背景介绍 :在普通的ios开发组中,一般测试机都不止一台,但是我们在开发的时候,不可能每台测试机时刻保持最新的代码,这就出现了一个问题,当测试测出问题的时候,(或者产品突然拿去点点看的时候出了问题)如果不知道当前的版本,可能不确定是什么时候出的问题。
iOS - 添加一个全局悬浮按钮(集成pods版)

解决方案:如果当前环境是测试服的时候,展示一个全局浮动标签,这样不仅看到此标志就告诉测试(包括我们自己)当前的环境,当出现问题的时候,通过标签,可以快速定位当前问题发生的版本号等等

iOS - 添加一个全局悬浮按钮(集成pods版)
思路:

  • 由于要全局显示,所以必须加在最上层(window层)
  • 由于需求图中有文字和背景图片,优先考虑uibutton(当然,如果有勇士非要用uiview,里面放imageview 和 label也o98k)
  • 由于此图片不是半透明,会挡住后面的内容,所以这个标签必须可以拖动 - 考虑添加拖拽手势
  • 本质上可以理解为,创建一个uibutton,为其添加拖拽手势,然后将其添加到uiwindow显示

知识1:按钮显示2行文字

//uibutton的换行显示
button.titlelabel.linebreakmode = nslinebreakbywordwrapping;

//然后如同title的内容用包含“\n”就会换行
title = @“123\n666”

知识2:version 与 build号的获取

nsstring *versionstr = [[[nsbundle
       mainbundle]infodictionary]valueforkey:@"cfbundleshortversionstring"];
nsstring *buildstr = [[[nsbundle
       mainbundle]infodictionary]valueforkey:@"cfbundleversion"];

iOS - 添加一个全局悬浮按钮(集成pods版)
知识3:控件的移动 - 本质上:坐标 ++

//拖动改变控件的水平方向x值
- (cgrect)changexwithframe:(cgrect)originalframe point:(cgpoint)point{
    bool q1 = originalframe.origin.x >= 0;
    bool q2 = originalframe.origin.x + originalframe.size.width <= screenw;
    
    if (q1 && q2) {
        originalframe.origin.x += point.x;
    }
    return originalframe;
}

//拖动改变控件的竖直方向y值
- (cgrect)changeywithframe:(cgrect)originalframe point:(cgpoint)point{
    
    bool q1 = originalframe.origin.y >= 0;
    bool q2 = originalframe.origin.y + originalframe.size.height <= screenh;
    if (q1 && q2) {
        originalframe.origin.y += point.y;
    }
    return originalframe;
}

知识4:控件的移动 - 越界处理(跑到屏幕外了)

//拖动改变控件的水平方向x值
- (cgrect)changexwithframe:(cgrect)originalframe point:(cgpoint)point{
    bool q1 = originalframe.origin.x >= 0;
    bool q2 = originalframe.origin.x + originalframe.size.width <= screenw;
    
    if (q1 && q2) {
        originalframe.origin.x += point.x;
    }
    return originalframe;
}

//拖动改变控件的竖直方向y值
- (cgrect)changeywithframe:(cgrect)originalframe point:(cgpoint)point{
    
    bool q1 = originalframe.origin.y >= 0;
    bool q2 = originalframe.origin.y + originalframe.size.height <= screenh;
    if (q1 && q2) {
        originalframe.origin.y += point.y;
    }
    return originalframe;
}

知识5:封装需求 - 如果限制只能水平 or 竖直滑动 or 全局滑动

mnassistivetouchtypenone = 0,         //没限制随便移动
mnassistivetouchtypeverticalscroll,   //只能垂直移动
mnassistivetouchtypehorizontalscroll, //只能竖直移动
  switch (type) {
        case mnassistivetouchtypenone:
        {
            水平方向坐标 ++;
            竖直方向坐标 ++;
            break;
        }case mnassistivetouchtypehorizontalscroll:{
            竖直方向坐标 ++;
            break;
        }
        case mnassistivetouchtypeverticalscroll:{
            水平方向坐标 ++;
            break;
        }
    }

使用方法

0.下载demo文件
1.引入“mnassistivebtn”文件
2.进入“appdelegate.m”
3.在 - (bool)application:(uiapplication )application didfinishlaunchingwithoptions:(nsdictionary )launchoptions{...} 方法中,添加以下两句代码
   //示例demo样式
    mnassistivebtn *btn = [mnassistivebtn mn_touchwithtype:mnassistivetouchtypehorizontalscroll
                                                     frame:frame
                                                     title:title
                                                titlecolor:[uicolor whitecolor]
                                                 titlefont:[uifont systemfontofsize:11]
                                           backgroundcolor:nil
                                           backgroundimage:[uiimage imagenamed:@"test"]];
    [self.window addsubview:btn];

最终样式展示~
iOS - 添加一个全局悬浮按钮(集成pods版)


集成方法

1.cocoapods : pod mnfloatbtn

2.手动导入 : 拖入mnfloatbtn文件夹

使用方法

导入头文件,#import <mnfloatbtn/mnfloatbtn.h>
一行代码,显示悬浮按钮


  • 任何情况都显示悬浮按钮
[mnfloatbtn show];
  • 仅在debug模式下显示悬浮按钮(推荐使用)
[mnfloatbtn showdebugmodewithtype:mnassistivetypenone];
  • 移除悬浮按钮在界面上显示
[mnfloatbtn hidden];
  • 按钮点击事件
[mnfloatbtn sharedbtn].btnclick = ^(uibutton *sender) {

    nslog(@btn.btnclick ~);
    
};

进阶用法:

  • 默认显示当前日期
[[mnfloatbtn sharedbtn] setbuildshowdate:yes];
  • 配置api环境显示
#define kaddress            @"testapi.minilv.com"
//#define kaddress            @"devapi.minilv.com"
//#define kaddress            @"api.minilv.com"
    
//自己配置 - 什么api环境下,要显示什么标签
nsdictionary *envmap = @{
                         @"测试":@"testapi.minilv.com",
                         @"开发":@"devapi.minilv.com",
                         @"生产":@"api.minilv.com"
                         };
                             
//设置不同环境下,要展示的不同title,以及当前的host
[[mnfloatbtn sharedbtn]setenvironmentmap:envmap currentenv:kaddress]; 

推荐