经验分享 未读
Sketch教程:将占用图层替换为组件当我们使用Sketch设计交互稿后,我们可以直接将交互稿中我们用来占位绘制的矩形替换成组件。
创建符号后,可以插入设计中任何现有图层的位置。为此,请右键单击图层,选择“ 替换为”,然后选择“符号”。你选择的符号将调整大小以适合图层的大小。
经验分享 未读
Sketch教程:快速查找组件组件化设计之后我们会有非常多的组件,它们调用起来十分困难,因为寻找他们要耗费大量的时间。
有两种方法可以在Sketch中访问和插入符号。
你可以通过单击“图层列表”顶部的“ 组件”,通过“画布”左侧的“ 组件面板”插入符号(也可以使用Ctrl+1和Ctrl+2分别在“组件面板”和“层列表”之间切换) ...
经验分享 未读
Sketch教程:如何显示和隐藏使用组件时的可更换选项在组件化设计的时候,我们会有一个组件嵌套另一个组件。一旦组件过多,在替换时就会发生很难查找的问题。这个方法让我们仅将需要修改的内容进行显示,方便查找。
选择你的组件母版,并使用检查器中“管理替代”面板中每个可用替代旁边的复选框,以选择在设计中的任何位置选择该组件的实例时可用的替代。
经验分享 未读
Sketch教程:如何在替换控件时保持控件尺寸不变有的时候我们在制作的嵌套组件时会调整子组件的尺寸。得益于Sketch是一款矢量设计软件,这个操作可以更加完美的执行。但是在替换控件时如何保持控件尺寸不变呢?
你可以使用“检查器”中“符号”面板中的“组件弹出框”来交换符号。从列表中选择一个符号,或搜索所需的符号,然后单击以将其与当前选定的符号交换。 ...
经验分享 未读
SwiftUI 学习笔记 38:项目 7-3 总结那是完成的另一个项目,并且涵盖了大量的Swift和SwiftUI知识。还有更多项目需要涉及,但正如F1赛车手塞巴斯蒂安·维特尔(Sebastian Vettel)所说,“有时你需要按下暂停键,让所有内容沉入其中。”
今天是你暂停一下并让SwiftUI陷入困境的机会。完成审阅,应对挑战,如果需要,可以 ...
经验分享 未读
SwiftUI 学习笔记 37:项目 7-2 消费记录APP今天,你会使用来构建一个完整的应用程序@ObservedObject,@Published,sheet(),Codable,UserDefaults,等等。我意识到这似乎很多,但我希望你尝试考虑后台发生的所有事情:
@Published 自动发布变更公告。@ObservedObject 监视这些公告 ...
经验分享 未读
SwiftUI 学习笔记 36:项目 7-1 概述没有人应该开始进行大型项目。你从一个小的琐碎项目开始,并且永远不要期望它会变大。如果这样做,你只会进行过度设计,并且通常认为它比该阶段可能要重要的多。或更糟糕的是,你所设想的庞大工作量可能会吓到你。
该项目继续更新
与@ObservedObject共享SwiftUI状态@State 只能监控 结构 ...
经验分享 未读
Sketch教程:在图像填充中四个选项(充满、适合、拉伸、平铺)的区别在Sketch中有四种图像的填充方式:充满、适合、拉伸、平铺。它们代表什么意思呢?
充满图片的最短边等比例中心缩放到图形边缘
适合图片的最长边等比例中心缩放到图形边缘
拉伸图片所有边拉伸到图形边缘
平铺平铺可将图像保持其原始大小,并可以对其进行调整,然后将其平铺以适合图层。
经验分享 未读
Sketch教程:如何批量修改某一种颜色做设计不是很规范的小伙伴颜色可能会有很多很接近的,在做设计规范和标注的时候就会很尴尬,sketch提供了一键批量修改文档中的某个颜色。
从菜单中选择“ 编辑”>“查找和替换颜色”…(或按⌘+ ⌥+调F出“查找和替换颜色”菜单。从此处,选择要在设计中查找的颜色以及要替换为的颜色。
启用“包括 ...
经验分享 未读
Sketch教程:添加颜色预设值,方便大量使用我们会经常用一些规范中要求的指定颜色。我们不仅可以为他们添加图层样式,还可以创建颜色预设,并且为它们设置名字。
要添加预设,请选择颜色,渐变或图像填充,选择是将其添加到全局(所有文档)还是文档(仅此文档)预设中,然后单击+图标。
要重命名预设,请确保你正在列表视图中查看预设,按住Control键并单 ...
经验分享 未读
Sketch教程:如何使用快捷键调整渐变的梯度点你可以使用以下快捷方式来调整渐变:
按键
说明
1 – 9
沿着渐变条放置一个新的色点(例如3= 30%)
=
将梯度点平均放置在其他两个点之间
Tab
在色点之间切换
→ 要么 ←
逐渐调整色点位置。
⇧+ →或←
以更大的增量调整色点位置
经验分享 未读
Sketch教程:如何运用模糊在Sketch中提供四种模糊选项:高斯模糊、运动模糊、缩放模糊、背景模糊。
高斯模糊高斯模糊可以在所有方向上应用模糊。你可以使用其滑块设置模糊量。
运动模糊运动模糊在一个方向上模糊表示运动。你可以使用滑块设置模糊量和角度。
缩放模糊缩放模糊将从一个点向外模糊。你可以设置模糊量及其起点。
背景模糊背 ...
经验分享 未读
Sketch教程:如何改变路径方向我们经常会用到一些箭头进行指示说明,但是有的时候我们绘制曲线并不是按照我们想要的顺序进行绘制的,所以我们可以更改路径的方向。
可以使用下拉菜单为路径的起点和终点选择箭头。要切换它们出现在哪一端,请选择“ 图层”>“路径”>“倒序”。
这样就可以随心所欲的设置起点、终点的锚点样式了!
经验分享 未读
Sketch教程:如何使用文本样式选择一个图层,然后在“检查器” 的“ 外观”面板下选择显示为“ 无文本样式”的弹出菜单,然后在“组件弹出窗口”中,选择要应用的文本样式。你可以使用弹出式窗口顶部的搜索栏来帮助你找到所需的样式。
选择一个图层,并确保已应用要编辑的文本样式,然后对其样式进行更改。完成此操作后,你会看到“文本样式”名称 ...
经验分享 未读
Sketch教程:如何为样式编组在Sketch60版本中对于样式和组件有了进一步的改变。让我们来看看。
如何创建样式组#要使样式在零部件面板和插入菜单,使用格式为它们命名:Group-name/Style-name。例如,两个符号命名Background/Light和Background/Dark将一 ...
经验分享 未读
Sketch教程:如何管理图形的样式属性单击样式属性控件之间的空格上的拖动,以将其移动到其他属性上方和下方。
选中或取消选中每个样式属性旁边的复选框以启用或禁用它。如果对禁用的样式属性进行调整,则将启用它。
要完全删除样式属性,请单击它并将其拖出左侧的属性窗口,或者按住Control键单击并选择Remove,或单击面板顶部的垃圾箱图标(如 ...
经验分享 未读
SwiftUI 学习笔记 35:项目 4-6 总结“你不应该双手抓住捕手的手套度过一生-你必须能够向后扔东西。”
ForEach和List使用数字范围正如我已经说过几次,当我们在一个循环中创建视图时,SwiftUI需要了解如何唯一地标识每个项目,以便它可以对来回的数据进行动画处理。这本身并不复杂,但是有一种特殊的用法会把人们拒之门外,这就是rang ...
经验分享 未读
SwiftUI 中 Button 两种常见书写方式:放置在内部和外部区别这里介绍以下 SwiftUI 中 Button 两种常见书写方式:放置在内部和外部区别
Button常见两种写法:
123Button("hello"){ // do nothing }
和
12345Bu ...
经验分享 未读
SwiftUI 学习笔记 34:项目 6-3 动画 挑战这个技术项目起步比较容易,经过几番曲折,然后发展为更高级的动画,但是我希望它给你一个强大而灵活的想法!– SwiftUI的动画系统。
正如我之前所说,动画既要使你的应用看起来很棒,又要增加额外的含义。因此,除了让视图突然消失之外,你还可以添加一个过渡来帮助用户了解正在发生的变化吗?
另外,不要忘记在 ...
经验分享 未读
SwiftUI 学习笔记 33:项目 6-2 动画有一位来自德国的著名工业设计师Dieter Rams。你可能没有听说过他,但你肯定已经看过他的作品- 从iPod到iMac和Mac Pro,多年来他的设计极大地启发了Apple自己的设计。他曾经说过:“好的设计使事物变得可理解和令人难忘;出色的设计可以使人留下深刻的印象。”
修饰符顺序在Swift中 ...
经验分享 未读
Sketch教程:更换 Data 数据快捷键我们使用Data功能插入数据之后快速更换可以用快捷键。
如何刷新和清除数据按⌘+ ⇧+ D或从“ 数据”菜单中选择“ 刷新数据 ” 以用来自数据源的不同图像或文本填充图层。
要删除数据源和图层之间的连接,请在“ 数据”菜单中单击“ 与数据源断开连接”。
注意:与数据源断开连接不会恢复图层的原始内容。 ...
经验分享 未读
SwiftUI 学习笔记 32:项目 6-1 动画自从2001年Mac OS X推出以来,史蒂夫·乔布斯(Steve Jobs)推出了Aqua这个视觉主题,而该主题一直为macOS提供动力,他说:“我们使屏幕上的按钮看起来好得让人想要舔它们。”我不知道是否你在那时使用Macs,但是多年来,Aqua一直给我们提供类似玻璃的按钮,大头针条纹,拉丝金属等 ...
经验分享 未读
SwiftUI 学习笔记 31:项目 5-3 挑战巨石强森(Dwayne“ The Rock” Johnson)曾经说过:“成功并不总是与伟大有关,而是与一致性有关。一贯的努力导致成功;伟大将会来临。”
挑战
不允许答案少于三个字母或与我们的起始单词相同。对于三字母检查,最简单的操作是将一个检查放入isReal(),如果单词长度在三个字母以下,则返 ...