Pencil–自定义组件安装

以下内容转载自：朱军华Ronzhu的个人博客，

http://www.itfarmer.com.cn/803.html

Pencil–自定义组件安装

Pencil支持自定义组件安装，这里再详细的介绍一下如何安装自定义组件。在最新版本的Pencil 1.3中，自带的组件库是比较少的，只有三个，但在Pencil 1.2版本中自带的组件库有七个，而且1.3个人感觉只是界面布局上的更新，操作方面的变动并不大，把很多东西整合了，逐渐变得有点类似Balsamiq Mockups的操作方式，不过个人还是习惯1.2的这种方式，默认组件也多，可以少安装一些自定组件。

Pencil的组件安装包或者组件图片可以在官方网站上下载，也可以自己制作，用图形设计软件做好之后再加入到Pencil当中去，这里就分安装包安装和自定义安装两种方式介绍组件安装方法，仅限Pencil客户端的，火狐浏览器插件形式的没有这个功能。

安装包安装的方式比较简单，首先去官方网站下载对应的安装包，下载地址：http://pencil.evolus.vn/en-US/Downloads/Stencils.aspx，一般为.zip格式的压缩包文件，也可在本文下方下载，下载到本地之后，在Pencil界面上选择Tools>>Install New Collection，然后选择安装包打开即可，Pencil会提示你是否确认安装，这个大家都会选的啦，后面Pencil就是自动处理了，安装好之后，新增的组件库就会出现在左侧的组件导航框里面了。

 

自定义安装的方式稍微复杂一些，首先要自己先做好要导入的组件图片，格式比较灵活，可以是JPG、GIF、PNG的，如下图所示，最好是放在同一个文件夹当中，因为后面需要拖动图片的。

 

然后打开Tools>>Stencil Generator编辑器，在左侧select images空白处的下面会有Drag images into the listbox above的提示，即将上面所制作好的图片文件全部拖到这个框里面，然后给这个组件库取个名字，描述一下组件库，并标明作者就可以next到下一步骤了。

 

接下来是确认页面，再输一遍组件库的名字就可以点finish完成了。选择好保存路径，然后连续点两次OK就算完成了，把Stencil Generator编辑器的窗口关掉就可以了，Pencil默认是不关闭这个窗口的，这样就生成了一个User Group.zip的组件库安装包，接下来按照第一种方式直接安装就可以了。

 

两种安装方式就介绍完了，正因为Pencil支持这样的组件安装，因此其扩展性是非常强大的，可以制作自己所需要的组件，也可以将日常工作当中经常用到的一些组件组合制作成组件库留存，方便后续调用，这点与AxureRP的组件库功能有点类似。