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