当前位置： 移动技术网 > 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];

推荐

您可能感兴趣的文章:

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

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网