设计师编程指南之 Sketch 插件开发(二)

2018-02-12 10:51:43来源:http://mp.weixin.qq.com/s/nIS6DBWHY9Wza7RHU4iSrQ作者:人点击

分享

Sketch Mac 系统才有的软件,可以理解为精简版的 PS ,比 PS 更适合 UI 设计, Sketch 插件开发的语言是类 Javascript ,而 Sketchup 是一款三维建模软件,一般用于建筑设计、景观设计还有游戏场景设计等,插件开发是用的 ruby 语言。完成 Sketch 的插件开发指南这个系列,我也会开始写 Sketchup 插件开发指南。


本期介绍 artboard 、 NSFileManager NSString 关于文件及文件夹的相关操作。


1

新建artboard


新建一个 artboard ,并设置其位置,宽、高。记得最后需要添加到 page 里。


var doc = context.document;
var page=doc.currentPage();
var newArtboard=[MSArtboardGroup new];
log(newArtboard)
newArtboard.name='new';
var artboardFrame = [newArtboard frame];
artboardFrame.setX(0);
artboardFrame.setY(0);
artboardFrame.setWidth(100);
artboardFrame.setHeight(100);
page.addLayers([newArtboard])
2

文件及文件夹相关的操作


此部分涉及到 IOS 原生开发的 NSFileManagerNSString ,主要用到NSStringstringWithContentsOfFile 方法, 而 NSFileManageriOS 中的文件管理类,关于详细的 NSFileManager 建议查看 IOS 官方开发文档。


Objective-CCocoascript 写法的差异在上一篇已经说明过。下面的 js 也可以改写成 OC 的形式。


2.1 创建一个目录
var path='/Users/zhank/Downloads/draw';
NSFileManager.defaultManager().createDirectoryAtPath_withIntermediateDirectories_attributes_error(path, !0, {}, null);
2.2 读取文件的内容
var path='/Users/zhank/Downloads/undraw_create_f05x.svg';
var data=NSString.stringWithContentsOfFile_encoding_error(path, NSUTF8StringEncoding, nil);
log(data)
2.3 新建文件,并写入内容
var str='abc',
path='/Users/zhank/Downloads/draw/test.txt';
NSString.stringWithString(str).writeToFile_atomically_encoding_error(path, !0, NSUTF8StringEncoding, nil);
2.4 文件改名及移动位置
var from='/Users/zhank/Downloads/draw/test.txt',
to='/Users/zhank/Downloads/draw/test2.txt';
var isExist=NSFileManager.defaultManager().fileExistsAtPath(from);
if(isExist){
NSFileManager.defaultManager().moveItemAtPath_toPath_error(from, to, null);
}else{
NSApp.displayDialog(@"文件不存在");
}
2.5 删除文件或文件夹
var path='/Users/zhank/Downloads/draw/test2.txt';
NSFileManager.defaultManager().removeItemAtPath_error(path, null);

关于文件及文件夹的相关操作,这个要注意下删除的文件或文件夹 mac 的废纸篓里是不存在的哦,千万别误删!从这个角度看,网上随意装的 sketch 插件并不一定安全,有可能代码里就会有删除文件夹的命令,或者窃取文件的命令。


sketch 插件的权限还是很高的哦~用代码删除文件啥的并没有什么提示。


3

动手实验


现在你可以试着开发一个小功能啦,比如:


读取一个保存了各种设计图尺寸的 json 文件,并生成多个尺寸的 artboard 。效果如下图:



这个实验留给你自己来动手,相关的代码已经在上文讲述过啦。


*


知识星球


更多sketch插件的开发,代码的下载,可以在知识星球交流。还包括:


1 看到一些好案例,关键技术解决方案,写出文章又不成体系,发星球;


2 我会在知识星球发一些非常机密的研究心得;


3 一些非常有技巧的知识,给付费用户;


4 公众号的迭代版本,针对文章发更为升级、 核心 的内容。


5 当然,还有资深的专家在星球里。


*


热门文章


设计师编程指南之Sketch插件开发 1


我们利用周末尝试了一次CO-CODING活动


全栈设计+编程的方法论,以“猜对联”小程序为例


*


关于公众号:


本公众号定期更新人工智能&设计&科技内容。


谈点设计,敲点代码,偶尔创作点人工智能实验产品 。


码字不易,开启新的打赏方式:



最新文章

123

最新摄影

闪念基因

微信扫一扫

第七城市微信公众平台