[iOS|Xcode]iOS-App自定义启动页制作(uniapp适用) 此版本仅针对Xcode 11.7,不同版本的Xcode可能略有不同,请自行甄别.步骤如下:1、创建项目: 导入图片素材:下图中,3可以修改名称,后面会用到,在4的位置1x,2x,3x分别导入对应规格的图片素材导入完成后回到LaunchScreen.storyboard,选中View,Content Mode选择Aspect Fill,Background建议跟背景图同样颜色,不然在暗黑模式下容易有黑边产生.找到Image View,在右侧的image里就可以找到刚刚导入的图片素材,如果是要铺满全屏的那种背景,建议选择iPhone 11 ProMax,否则如果选一个小尺寸的做适配切换到大尺寸的时候,会有空白.Content Mode最好选择Aspect Fill,这个会自动裁剪,比较符合UI,不会拉伸图片或者铺不满全屏.根据红圈里选定的操作,其他元素拖动完弄好位置后,也按照这个操作.导出storayboard文件:导出后,得到红圈1中的文件,然后把拖到xcode里用的图片素材的2x和3x的素材放到根目录,即图2,拖进去多少个素材就放多少个,名称必须一一对应,不能更改,红圈3里就是红圈1和红圈2一起打包的压缩包,用来放在uniapp里用.

【前端|UNIAPP】编译APP后SoftInput配置 今天接到了甲方反馈,iOS系统下键盘呼出后在键盘顶部会有一个"工具条",通过查询相关文档,得到如下方案:App平台iOS端软键盘上方横条去除方案App平台在iOS上，webview中的软键盘弹出时，默认在软键盘上方有一个横条，显示着：上一项、下一项和完成等按钮。如不想显示这个横条，可以配置softinputNavBar: 'none'配置方式，在 pages.json 中配置 style"app-plus": { "softinputNavBar": "none" }如需使用js动态设置softinputNavBarthis.$scope.$getAppWebview().setStyle({ softinputNavBar: 'none' }) //this.$scope.$getAppWebview()相当于html5plus里的plus.webview.currentWebview()。在uni-app里vue页面直接使用plus.webview.currentWebview()无效如果是nvue页面，iOS默认就没有键盘上方的横条，无需任何设置。但是这么设置了以后呢.编译到真机上发现还是有问题,一通百度后得知:需要再manifest.json里也配置一下,找到"app-plus",添加如下配置:"softinput":{ "navBar":"none" }首次编译后发现问题解决.但是后面再次调试的时候发现问题依旧...这个问题目前还在等待解决.后续有解决再继续更新...有解决方案的大佬也欢迎指导.

【前端|UNIAPP|NVUE】NVUE下SWIPER组件需求一例 最近用swiper做了一个滑动相册,然后相册滑动的过程中,会涉及一些弹窗提示,权限弹窗的一些配置,因为中间还涉及了video原生组件的问题,(编译了App).由于甲方的需求,要求弹窗提示要在下一张完全显示之前就出现.然后就开始尝试,首先@transition肯定是要用到的,然后原本打算的是配合@change就好,但是发现并不能完美实现想要的效果,于是又改用@animationfinish,发现在nvue下获取不到current,查阅文档发现如下提示:[v_error]如果 nvue 页面 @animationfinish 事件不能返回正确的数据，可同时监听 @change 事件。[/v_error]也就是说,nvue下还得同时调用@change才能获取到current.此时@change方法里可以不执行任何操作,把原本@change的操作放到@animationfinish里,然后@transition里判断滑动到一定位置的时候判断是否弹出提示即可.仅做记录,nvue下只调用@animationfinish不能访问正确的数据,可同时监听@change事件,也就是要同时调用三个方法.

【前端|uniapp】nvue踩坑一例-video不识别本地缓存路径 近期在一些项目需求下，写了个nvue页面，大致就是swiper组件嵌套video这种需求。。。众所周知，打包成app的时候，video层级比较高。有可能会有各种问题。。。所以就用了nvue...然而，在踩过了一个又一个的坑以后。。。终于，在某个需求丢过来的时候，彻底难住了。。。就是要视频预加载（其实就是先把视频下载到本地，然后本地路径再赋值给video->src)...真的是万万没想到。downloadFile和saveFile都走通了（这中间莫名的有好几次不走回调的问题→_→，重新编译了几次好了。），但是。。。nvue下video不识别本地缓存路径。。。折腾了一天。。。最后从搜索引擎获取到了解决方案：在manifest.json里找到“app-plus"一项，添加 "runmode":"liberate",保存。重编译。问题解决

【Vue】canvas画图之小程序“隐藏”画布 近期在工作上有项目使用到canvas来生成图片，并提供下载的功能。基于canvas不支持自适应，都是用的px作为单位。当然网络上也有一些教程是使用比如计算像素比来金星等比例调整的。我也参考了网络上的几种方式进行了一些调整操作。发现都是有些不太稳妥，最后还是采取了生成图片后隐藏画布，用img来展示图片并提供下载（保存）的功能。也的确是可以实现的，但是，在这个过程中会有一个canvas隐藏然后展示img的切换过程，画面一闪而过的。。。在用户使用体验上并不是太好，但是又不能在一开始就把canvas给隐藏掉。否则draw()的回调进不去。于是在思考再三，尝试如下操作： <view style="top:-999999999999rpx;"> <canvas canvas-id="canvasId" id="canvasId"></canvas> </view> 这个操作把画布移除了当前的展示区与。然后在画图过程中使用loading加载框，在会话完成后隐藏loading加载框，展示图片。体验上就好了许多，又不会导致画图出现问题。顺便记录一下，canvas画布 宽高使用100%，不给宽高，都有可能导致draw回调不执行，小程序下添加type="2d" 标签也可能导致画布不显示。