5

Sketch 52 常用中文数据共享 (含使用方法)

 3 years ago
source link: http://www.beforweb.com/node/998
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
neoserver,ios ssh client

Sketch 52 常用中文数据共享 (含使用方法)

问各位周一午安。更新过 Sketch 52 之后,对于数据源功能(Data)很是喜爱。但官方提供的预置资源,特别是“人名”与“世界城市”略显尴尬,毕竟是英文内容,在日常项目当中感到实用性略差。

在上一篇关于数据源功能实战的文章当中,我们都了解过数据定制的方式;于是周末自己动手做了一些中文数据源,其中几个普适性较强的可以和各位进行分享,包括:

  • 世界主要国家(172个)
  • 世界主要城市(412个)
  • 中国省份(34个)
  • 中国主要城市(147个)
  • 中文段落内容(摘自《麦田守望者》)
preferences.png

当然,大家有着各自不同的产品项目,势必会有更独特、更专用的内容类型。因此,还是鼓励根据实际需要去制作最有用的数据源。定制方式非常简单,对于文本数据来说,从文档或 .xls 文件复制内容到 macOS 的“文本编辑”当中,每条内容独占一行,文件保存为普通的 .txt 格式即可。

  • 链接:https://www.jianguoyun.com/p/DZyE6J0QjsmvBhis9nk
  • 密码:v6nff8

或许有些朋友还没有用到数据源功能,这里再简单介绍下基本用法。在 Sketch 中,通过顶部菜单打开“Preferences”设置面板,进入“Data”选项卡,点击左下角“Add Data...”,将下载到的中文数据源文件添加入库:

01.png

实际使用当中,大体有三类场景。

1. 对于普通的文本元素,选中之后,进入“Layer - Data”菜单,选择你需要的数据源名称,即可完成文本的随机填充:

02.png

如果觉得填充结果不够理想,还可以继续在该菜单中选择“Refresh Data”,或通过快捷键 cmd+shift+D 来刷新内容:

03.png

2. 你也可以首先通过数据源构建 Symbols,如下图所示:

04.png

然后在实际调用时,在“Data”菜单中选择“Refresh Data from Master”,或使用快捷键 cmd+shift+D 来刷新内容:

06.png

3. 对于那些在 Sketch 52 之前构建的,或是没有利用数据源构建的 Symbols 来说,同样可以使用该功能来填充内容。以我们最近更新到 iOS 12 的 WireframeKit 组件库为例。

选择你需要的组件来构建页面,例如“Table Views”当中的“Avatar - Summary”列表单元:

07.png

选中这些 Symbols,在右侧检查器面板中,点击“Title”右侧的图标,即可找到所有可用的文本数据源:

09.png

选择你需要的内容类型,完成填充:

10.png

对于其他字段来说也是同理。

大致就是这样。希望这些文件可以给你带来一些便捷,也希望各位都能根据自己的需求,更灵活、更定制化地使用数据源功能。

顺便再提醒 WireframeKit for Sketch 的老用户们,可以免费更新到 iOS 12 版本喽,详见:

%E5%85%AC%E4%BC%97%E5%8F%B7-iOS%2012.png
Banner-PS-BFW-3x.png

About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK