在有的时候前端和产品写好了尺寸，设计师在制作运营图片的时候都清楚：尺寸可以变，比例不能错。比例要是错了会影响整个图片的显示质量，可能被拉伸、遮挡、显示错误。 平面设计师经常知道制作什么比例的海报或者卡片，但是没有一个比较固定的尺寸，想着随便设置一个宽度，但是对应的高度还需要拿出计算器来算一下。 此应用仅是我的一个需求去开发的app，并非适用所有用户，在购买前请确定需求。 宣传图片 下载地址在 App Store 中的 比例计 要求系统版本在macOS12以上，因为需要swiftUI3.0的FocusState做焦点判断。 简介经常遇到图片计算比例的需求吗？想要和之前图片一样的比例，但是不清楚需要将图片裁剪或者缩放到多大？已经设计出了一个尺寸，但是想要计算出设计的尺寸究竟是什么比例？ 比例计：让你轻松换算、计算比例！输入尺寸数值。并且可以通过预览窗口实时显示比例。并且可以将这个比例固定，自己再进行比例换算！提供多种常用的比例形式，例如各种数码设备、纸张尺寸、屏幕尺寸等。未来还有更多尺寸推出。 使用预览 var player = new DogePlayer({ con ...

国家鼓励应用推出适老化模式，针对大龄人群进行独立的设计。一方面迎合社会的老龄化日益严重，一方面疫情让更多老年人接触到手机和互联网，也算是帮助国家更多的互联网边缘人口连接起来。对于应用的适老化设计，以下是几个设计的思考方向。 用的人是谁相比于前一阵强制的青少年模式，很多人深恶痛绝的点就在于：明明知道用的这个人是个成年人，但是还是会天天弹出使用青少年模式的弹窗，让人不胜其烦。相比容易被家长借手机的青少年不同，老年人一般会具备使用设备的所有权。所以第一次安装时的选择非常重要。适老化最需要的就是第一步的提示。 让用户知道：他是否需要适老化模式。 如果以60岁以上的年龄层为用户画像的话，找到适老化模式的入口非常不易。但是对于整个app的用户体量来说，老年人的用户量并不庞大，带来的经济效益也非常低。一般来说入口就会放置在不起眼的位置，甚至需要点击「我的」滑动很久或者跳转多个页面才可以进入这个模式。 解决方法就是需要在用户安装这个应用的第一刻起知道为用户提供什么模式，开启了，就不会变更。（如果变更了，就说明其他问题，后面再说）。 应用需要提供非常显著差异的提示、包括模式切换适用于什么样的人群。并不代 ...

本文为翻译内容，来自swiftwithmajid翻译：张洪Heo推荐访问原文地址：立即访问 SwiftUI 在上次 WWDC 期间变得非常强大。我们获得了许多新功能，其中之一是全新的FocusState属性包装器。FocusState属性包装器允许我们读取和写入视图层次结构中的当前焦点位置。本周我们将学习如何使用FocusState属性包装器和聚焦视图修饰符在 SwiftUI 应用程序中管理焦点。 关于FocusStateSwiftUI 提供了一个新的FocusState属性包装器，适用于所有 Apple 平台，并允许我们专注于特定视图或检查该视图是否已经获得焦点。使用起来毫不费力。让我们看看如何使用它。 12345678910111213141516171819import SwiftUIstruct SignInView: View { @FocusState private var isEmailFocused: Bool @State private var email = "" var body: some View
...

在项目中不可避免使用到自定义字体，但是Xcode13将配置自定义字体的info.plist文件移除了。虽然我们可以通过各种奇怪的操作将文件恢复回来，但是时代总是在进步，总不能一直用旧的吧。 其实Xcode13已经给我们提供了编辑info的方法，就在target的配置中。 将字体文件拷贝到项目中首先打开字体册app，找到需要的字体，选择在访达中显示 拖拽到项目中，勾选target 编辑info 添加自定义字体配置在Custom iOS Target Properties中点击加号新建一个第一层级的配置项。 填写Fonts provided by application 展开后在item后面填写字体文件名和扩展名 查看字体全名我们使用之前需要知道这个字体叫什么。在访达中查看字体信息。右键单击文件选择显示简介。 在SwiftUI中使用12Text("自定义字体") .font(.custom("字体名称",size:27)) 参考链接Adding custom font to Xcode 13 ...

很高兴能为大家带来一些令人兴奋的更新。本次带来了非常多的更新，我已经迫不及待分享这些项目进展给大家了。 Acrylic 3.12在 浏览器 中的 Acrylic 示例网站 博客的界面一直备受欢迎，为很多同样喜欢Hexo魔改的朋友提供了一些思路和灵感，这应该是Acrylic的使命。 本版本在视觉上更新了全新的角标风格，你可以在很多地方看到它。在必要的情况下做提醒、在不必要的情况隐藏。首页的文章分类部分因为点击率过低，并且阻碍视觉路径而被隐藏；友情链接推荐标签可以将上百份友链添加视觉着陆点，避免表格元素过多引起的眩晕感。 虽然是个比较小的努力，但是终于被解决，这个问题就是导航栏的卡顿问题。现在滚动页面时，你可以看到流畅的移动动画。 因为原有的分类需要悬浮状态打开，所以现在封面会被更完整地展现。 还有更多更新： 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152### v3.12- 导航栏新增前往张洪Heo主页（zhheo.com）的按钮【突破性更 ...

数字和文本之间的转化是我们经常用到的，例如TextField只能是String的Bing（当然Xocode13 for iOS15/mac os 12以上已经支持其他格式）。 常用的转换形式我们经常使用字符串格式说明符来更改格式，例如 1234567import Foundationvar number = 123.239var stringNumber = String(format: "%.2f", number)print(stringNumber)//输出 123.24 在SwiftUI的Text中我们也可以使用specifier来格式化显示的文本 1Text("\(number, specifier: "%.2f")") 常用的数据格式一般来说我会常用%.2f这种固定小数点位数的，代表小数点后固定两位。整数直接转基本没什么问题。麻烦就在于Double转String时，去除小数点后多余的0。例如使用%f会产生多余占位符，使用%g当数字很大时会用科学技术法表示。 123456var number: Double = ...

因为点击超链接是个特别麻烦的事情，需要鼠标移动到指定的标题才可以（这真的是太累了）。所以博客的文章卡片、分类页面都是不需要鼠标移动到标题就可以点击进入跳转页面的。我是通过给父级元素添加onclick的方式来添加跳转。但是这就出现了一个问题，点击标签的时候会从子元素的事件触发一遍，然后再触发父元素事件。也就是说点击标签的时候会跳转两个页面。 如何解决这个问题呢？ 添加事件给子元素添加下面的onclick事件： 1window.event.cancelBubble=true; 可以阻止子元素的点击事件触发父元素的事件。我们使用html的时候可以添加： 1onclick="window.event.cancelBubble=true;" 完整例子（子元素）： 1<a class="article-meta__tags" href="/tags/%E5%BF%85%E7%9C%8B/" event.cancelbubble="" onclick="window.event.cancelBubbl ...

AutoSway是一个非常棒的随风摆动动态效果生成的插件，广泛应用于B站等视频插画领域。比如经常可以在拜年祭的mv中看到裙子衣服随风摆动，大多数情况下就是插画师画完用AutoSway直接生成的。方便快捷，效果很棒。 使用环境 AfterEffect AutoSway（仅供学习交流使用，请24小时内删除） 操控点模式最简单的使用方式就是打点然后一键生成。首先我们使用「人偶位置控点工具」从运动起始点开始向外标记。Guli站在地面，所以以地面为基准点，向头部标记打点。 点击「窗口」，打开AutoSway 框选所有点，点击apply添加。（所有点也可以直接保持一条竖线，这里打点的位置没有限制） 添加完成之后播放你就可以看到效果了！ 效果演示 当然同一个图层你可以添加多套标记。 调整参数你还可以调整摆动的参数，来让摆动更符合你所需要的。调整的图层是第一个点所对应的图层。 调整后效果。 图层模式另外支持图层绑定的方式。例如我们创建了很多个灯笼（图来自emoji🏮）。注意图层的选中顺序为基准图层到最外面的图层。 我们需要调整每个图层的旋转中心。这个案例中，我们需要将每个图层旋转中 ...

我们通常是使用补颜色、补像素的方式来去除水印。但是对文字较多的场景，例如文档，我们可以看到一旦通过补像素的方式去水印就会影响文字的可读性，所以文档去水印不能使用做选区，补像素的方式。 色阶去除水印使用Photoshop打开图片，我们新建一个色阶的调整图层 将文档的水印部分设置为白场。点击「在图像中取样以设置白场」，在激活状态下点击水印。 然后我们将文档的文字部分加深，激活「在图像中取样以设置黑场」，点击中间的文字部分 如果只需要黑白文档的话效果会更好。通过增加一个「黑白」调整图层。 效果预览 感谢@小魏提供的素材

foreach的view循环是比较常用的循环方式，有的时候例如list/form项目需要点击时，需要告诉下一层级我们点击的是哪个东西。所以这个时候我们就需要获取点击项目的index信息。 使用数组范围1234567891011121314struct ContentView: View { @State private var array = [1, 1, 2] func doSomething(index: Int) { self.array = [1, 2, 3] } var body: some View { ForEach(0..<array.count) { i in Text("\(self.array[i])") .onTapGesture { self.doSomething(index: i) } } }} 使用索引索引属性 ...

客户用钉钉，但是我们自己不用。那么问题来了，客户现在发了一个好几个GB的钉钉文件，你需要下载下来。 一般来说运气好的时候能下载个3gb左右不会断，但是运气不好的时候经常就下载不下来。 新建一个团队是的，你可以通过自己建立一个只有你自己的企业来保存这个文件。因为钉钉的网盘容量只有2GB，企业网盘有100GB。所以新建一个企业，将文件存在自己的企业盘里是最方便的操作。 转存网盘需要手机端的钉钉才可以。 首先我们新建一个企业，资料也不需要填写真实信息，随便写就好了。 按照流程创建即可 部署容量钉钉企业虽然是100G，但是分配到每个人还是2GB。所以我们需要提升一下权限。 进入管理容量点击编辑按钮 修改容量上限点击确定 保存到云盘后面就比较容易了。复制链接和提取码到钉钉的任意聊天框粘贴，然后点击链接进入网盘下载页。 选择一个文件夹并保存 使用客户端下载文件下载并安装钉钉桌面客户端，登陆后进入网盘下载该文件。 查看下载进度

转眼间博客已经稳定运行两年了，上次写一周年记仿佛还在昨天。是时候写一篇文章来回顾过去的一年了。 数据截止今日，博客 文章总数：503 总字数：490k 访客数：419753 访问量：708602 可以说今年是成长飞跃的一年。曾经的量变积累已经拥有了一点质变的苗头。每日大致一千多的pv，五百多的uv。作为我自己的一个小的个人博客已经比较满意了。博客的访问量对于我来说并不能给我带来任何收益（反而加大了投入），但是相比第一年比较少的访问量时，我可以肆无忌惮的水文，今年的文章质量相比去年来说就会好很多了。原创文章的比例增多，翻译、转载的比例减小。这其实也是博客访问量上来的一点点压力。想要让博客的内容质量上一个台阶。 其实关于博客文章的选题，一般就是自己遇到了什么困难就来解决，然后将解决的方法分享到博客中，期望能够帮助到更多的人。对自己也是一种积累。 有的时候自己遇到了相似的问题，但是忘记了曾经解决过，百度搜索的时候发现结果里有自己的博客文章，那种感觉就是惊喜。 在跟博客毫不相关的群里看到群友发了一张来自我博客的链接，发了一张来自我博客的截图，那种感觉就是惊喜。 这可能就是我做博客的兴趣来源 ...