当前位置: 萬仟网 > IT编程>移动开发>IOS > iOS - 添加一个全局悬浮按钮(集成pods版)

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

2020年05月08日  | 萬仟网IT编程  | 我要评论

背景介绍 :在普通的ios开发组中,一般测试机都不止一台,但是我们在开发的时候,不可能每台测试机时刻保持最新的代码,这就出现了一个问题,当测试测出问题的时候,(或者产品突然拿去点点看的时候出了问题)如果不知道当前的版本,可能不确定是什么时候出的问题。
在这里插入图片描述

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

在这里插入图片描述
思路:

  • 由于要全局显示,所以必须加在最上层(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"];

在这里插入图片描述
知识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];

最终样式展示~
https://user-gold-cdn.xitu.io/2019/1/31/168a2d80147f8435?imageslim


集成方法

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]; 

推荐

如对本文有疑问,请在下面进行留言讨论,广大热心网友会与你互动!! 点击进行留言回复

相关文章:

验证码:
Copyright © 2020  萬仟网 保留所有权利. 粤ICP备17035492号-1
站长QQ:2386932994 | 联系邮箱:2386932994@qq.com