Pencil(开源GUI原型设计工具)

　　Pencil是一款为了提供免费和开源的GUI原型设计工具而开发的应用，用户可以轻松地安装和使用它来在流行的桌面平台上创建模型；提供简易的GUI原型制作，Pencil提供了各种内置形状集合，用于绘制从桌面到移动平台的不同类型的用户界面；从2.0.2版开始，Pencil附带了预安装的Android和iOS UI模具，这样一来，通过简单的安装即可开始对应用进行原型设计；Pencil中还实现了流行的绘图功能，以简化绘图操作；内置形状收藏，从2.0.2版开始，默认情况下Pencil包含更多形状集合，内置集合列表现在包括通用形状，流程图元素，桌面/Web UI形状，Android和iOS GUI形状，社区还创建了许多其他集合，并在Internet上免费分发，用户可以通过简单的拖放操作轻松获取一个集合并将其安装到Pencil中；示意图支持，Pencil现在支持连接器，该连接器可用于将图形中的形状连接在一起，流程图形状的集合也可用于工程图！

新版功能

　　支持紧凑的布局

　　通过删除未使用/垃圾资源来优化输出文件

　　将复制页位图添加到剪贴板

　　添加屏幕捕获和颜色选择器

　　使用角落大小调整器实现快速画布大小调整

　　在font属性中添加对行高的支持，修复对话框API和脚本编辑器

　　自动显示特殊文本属性的“启动脚本编辑器”

　　增强连接器无效代码以提高键盘移动性能

　　添加对嵌入在模具集合中的内置私有集合的支持

　　修复当前粘贴形状时出现的问题视口

　　将新页面的默认页面大小更改为最合适

　　修复了嵌入到私有形状集合中的损坏的位图和svg图像

　　添加了对从模板生成器生成的模板中阴影颜色的支持

　　修复了使背景位图生成失败的形状准备错误。

　　将从组大小调整策略到int的计算值标准化，以避免边缘模糊

　　增强捕捉性能并支持移动多个形状时的捕捉

　　允许从画布滚动窗格中进行范围选择，在外部画布上单击时清除选择。

　　仅支持使用ctrl键进行水平/垂直移动

　　修复＃297-处理命令行参数

　　修复对话框大小和样式导致长时间的对话框

　　在其“关于”对话框中显示实际文件路径或已安装的集合

　　修复了系统集合加载的重复

　　在集合窗格中显示边缘边框以指示用户安装的集合

　　修复了在开发人员模式下启动Pencil时文件参数的处理，修复了由unzip2和easy-zip2引起的崩溃

　　使用Electron 6.0.1（节点12，Chrome 76）

　　修复PDF导出中的字符编码，修复＃227多次打印挂在导出屏幕上

　　改进属性编辑器侧窗格

　　修复页面详细信息菜单和对话框：将“属性”移到末尾，自动聚焦并选择标题输入。

　　为画布添加“插入屏幕截图...”菜单操作，替换启动屏幕按钮。

软件功能

　　导出为不同的输出格式

　　Pencil支持将工程图文档输出为不同类型的格式。

　　您可以将图形导出为一组光栅化的PNG文件，也可以导出为可交付给查看者的网页。

　　Pencil还支持将文档导出为流行格式，包括OpenOffice/LibreOffice文本文档，Inkscape SVG和Adobe PDF。

　　从互联网轻松查找剪贴画

　　Pencil具有与OpenClipart.org集成的剪贴画浏览器工具

　　使用户可以轻松地通过关键字查找剪贴画，并通过简单的拖放操作将其添加到图形中。

　　该工具列出的剪贴画为矢量格式，因此对于用户缩放到适当的大小非常有用。页面间链接

　　可以将工程图中的元素链接到同一文档中的特定页面。

　　这有助于用户在创建应用程序或网站模型时定义UI流程。

　　当文档导出为Web格式时，文档中定义的链接将转换为HTML超链接。

　　此过程创建了一个交互式版本的模型，在该版本中，查看者可以在单击UI元素时看到模拟的流程。

软件特色

　　模具和模板

　　铅笔的模具收集和导出模板可以单独下载并作为附件安装到Pencil中。

　　模板：针对流行的操作系统制作了不同版本的Pencil。请选择右侧的内部版本，然后开始安装Pencil。

　　绘制Android ICS UI的形状集合，默认情况下包含在Pencil 2.0.2+中iOS线框

　　形状集合，用于创建iOS应用程序的线框，默认情况下包含在Pencil 2.0.2+中iOS GUI

　　用于绘制高质量iOS应用程序GUI的形状集合，默认情况下包含在Pencil 2.0.2+中Dojo UI窗口小部件

　　模具为Dojo Javascript Toolkit创建UI原型。由Calle Bokedal提供。

　　模具以Neptune主题创建ExtJS GUI样机。由Pencil团队开发。

安装步骤

　　1、用户可以点击本网站提供的下载路径下载得到对应的程序安装包

　　2、只需要使用解压功能将压缩包打开，双击主程序即可进行安装，弹出程序安装界面

　　3、可以根据自己的需要点击浏览按钮将应用程序的安装路径进行更改

　　4、弹出以下界面，用户可以直接使用鼠标点击下一步按钮

　　5、弹出应用程序安装进度条加载界面，只需要等待加载完成即可

　　6、根据提示点击安装，弹出程序安装完成界面，点击完成按钮即可

使用教程

　　Pencil通过模版控制其文档中的形状 。

　　每个模具（例如矩形）确实是生成形状的模板。每个模板定义：

　　外观：通过SVG元素生成的形状如何。

　　例如：矩形模具定义由单个SVG 元素形成的形状。

　　属性：形状具有哪些属性，加上可选的附加约束。

　　例如：矩形模具有一个盒子式的属性维度，

　　一个的StrokeStyle类型的财产的StrokeStyle和填充颜色类型的属性颜色。

　　行为：根据形状属性的变化如何改变形状的外观。

　　例如： Rectangle 元素的填充和填充不透明度更改为形状的 'fillColor'属性。

　　动作：外部对象和用户可以要求形状执行哪些动作。

　　例如： Rectangle模具定义了移除边框操作

　　以允许用户将strokeStyle宽度属性设置为0px，从而使元素的边框消失。

　　模具按集合进行组织。

　　每个集合都包含一组相关的模具，可以使用集合管理器安装到Pencil中或从中卸载。

　　从模具创建形状的过程

　　将模具安装到Pencil中后，可以通过将其拖动到页面的绘图窗格中来创建形状。

　　当将模板放到页面中时，Pencil将采取以下操作为该模板创建形状：

　　创建一个形状作为SVG元素，其中包含在模板定义的内容部分中定义的所有SVG元素。

　　将新创建的形状放入页面内容中。

　　将形状中所有属性的初始值设置为模具中定义的默认值。

　　应用在模板中定义的所有行为，以使形状外观根据这些初始属性值而改变。

　　在工程图页面中处理形状

　　成功插入页面后，形状在该页面中开始其生命。

　　在生命中，形状可能会将其属性更改为用户所需的值。

　　根据类型，可以以用户最容易的特定方式更改属性值。

　　注意： Pencil保留将某些特殊属性名称用于预定义目的。

　　请参考特殊属性名称 文档以获取有关如何在模板中使用这些属性名称的详细信息。

　　这样的一个示例是，应始终使用类型为“尺寸”的“框”属性 来确定围绕形状的最外框的尺寸。

　　集合属性

　　集合中的形状往往具有相同的样式，例如相同的字体，颜色，笔触样式...

　　为了在这种情况下方便模板作者，铅笔支持将所有形状的通用样式归为集合样式。

　　这些收集属性可以用作模板属性的默认值。

　　然后，如果更改了收集样式，则形状的默认属性值将相应更改。

　　看一下这个例子。定义了收集属性，然后将其用于形状属性。

　　模具标签内的文本内容是该属性初始值的文字表示。

　　在此示例中，您会注意到该标记内的内容是一个。

　　这是表示应通过评估标签内部的“表达式”来获取初始值。

　　要在此表达式中引用特定的collection属性，请使用$$语法。

更新日志

　　清除输出PDF /打印中的parsererror消息

　　按住“ Shift”键时，将对副本选择的支持作为位图添加到剪贴板。

　　检查缺少资源的初始提示

　　修复模具生成器中文件丢失的错误

　　修复未安装corespodent集合时文件过滤器错误

　　修复在HiDPI屏幕中捕获的大图像

　　将“编辑图像...”更新为使用外部编辑器

　　停止使用材料设计图标的本地版本，这可能会在某些具有中文语言环境的Linux系统中引起问题

　　修复了重新加载后丢失n补丁位图图像的问题，为n补丁行为添加了屏幕外验证支持

　　添加了可点击的原型HTML导出模板

　　添加了多仓库视图用于模具回购浏览器

　　添加用于模具生成器的部署工具

　　添加页面属性以允许复制背景页面链接

　　添加导出比例和可单击的PDF导出

　　修复未保存子页面的订购

　　修复由于颜色选择器中的计时器泄漏导致的性能问题

　　添加对文档颜色的支持拾色器中的调色板