Pencil

Pencil简介

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

Pencil是为提供免费开源GUI原型设计工具而开发的应用程序。用户可以轻松安装并使用它在流行的桌面平台上创建模型。提供简单的GUI原型，Pencil提供各种内置形状，用于绘制从桌面到移动平台的不同类型的用户界面；从2.0.2版本开始，Pencil自带预装的Andid和iOS UI模具，通过简单的安装即可启动应用的原型设计。Pencil还实现了流行的绘图功能，简化了绘图；内置形状集合从2.0.2版本开始，默认情况下包含更多形状Pencil。内置列表现在包括常规形状、流程图元素、桌面/网络用户界面形状、Andid和iOS图形用户界面形状。该社区还创建了许多其他社区，并在互联网上免费分发。用户可以轻松获取一个并安装在Pencil原理图支持中，Pencil现在支持连接器，可以用来连接图纸中的形状，流程图形状也可以用在工程图中！

Pencil新版功能

支持紧凑布局

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

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

添加屏幕截图和颜色选择器

具有边角尺寸调整装置的快速画布尺寸调整

增加字体种类对行高的支持，修复对话框API和脚本编辑器。

启动脚本编辑器，自动显示特殊文本类别

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

添加对嵌入模具中的内置私有的支持。

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

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

修复了嵌入在私有形状中的损坏位图和svg图像。

增加了对codesmith生成的模板中阴影颜色的支持。

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

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

增强捕捉功能，并支持在移动多个形状时进行捕捉。

允许从画布动态面板中选择范围，并在单击外部画布时清除选择。

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

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

固定对话框大小和样式会导致对话框变长。

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

修复了系统加载的重复。

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

修复了开发者模式下启动Pencil时文件参数的处理，修复了unzip2和easy-zip2导致的崩溃。

使用Electn 6.0.1(节点12，Chme 76)

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

改进亏格编辑器的侧窗格。

修复页面的详细菜单和对话框:将“属”移动到最后，自动对焦并选择标题输入。

在画布上添加“插入截图”。菜单替换启动屏幕按钮。

Pencil软件功能

导出为不同的输出格式

Pencil支持将绘图文档导出为不同类型的格式。

您可以将图形导出为一组光栅化的巴布亚新几内亚文件，或者导出为可交付给查看者的网页。

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

从互联网上轻松找到剪贴画。

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

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

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

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

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

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

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

Pencil软件特色

和模板

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

模板:不同版本的Pencil都是针对流行的操作系统制作的。请选择右侧的版本开始安装Pencil。

绘制安迪·ICS UI的形状，默认情况下，它包含在Pencil 2.0.2+的iOS线框中。

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

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

为Dojo Javascpt工具包创建用户界面原型。由Calle Bokedal提供。

创建海王星主题的外部图形用户界面原型。由Pencil团队开发。

Pencil安装步骤

1.用户可以点击本网站提供的下载路径下载相应的程序安装包。

2.只需使用解压功能打开压缩包，双击主程序进行安装，弹出程序安装界面。

3.您可以根据自己的需要点击浏览按钮来更改应用程序的安装路径。

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

5.弹出应用安装进度条加载界面，只需等待加载完成即可。

6.根据提示，点击安装，弹出程序安装完成界面，然后点击完成按钮。

Pencil使用教程

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

每个模板(如矩形)实际上都是生成形状的模板。每个模板定义:

外观:SVG元素生成的形状是什么？

例如，矩形模板定义了由单个SVG元素形成的形状。

属:形状有哪个属，加上可选的附加约束。

例如，矩形模具具有盒状尺寸，

StkeStyle类型的属性的StkeStyle和填充颜色类型的一般颜色。

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

例如，矩形元素的填充和填充不透明度更改为& # 8216；fillColor & # 8217种

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

例如，矩形模具将移除边框定义为

允许用户将stkeStyle的宽度设置为0px，这样元素的边框就消失了。

模具是根据。

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

用模具创造形状的过程

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

当模板放在页面上时，Pencil将采取步骤为模板创建形状:

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

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

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

应用模板中定义的所有行为，以便形状外观根据这些初始值发生变化。

使用绘图页中的形状

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

在生活中，一个形状可能会根据用户的需要改变它的种类。

根据类型的不同，属性值可以以对用户来说最容易的特定方式进行更改。

注意:Pencil一些特殊的属名是为了预定义的目的而保留的。

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

这方面的一个例子是，您应该始终使用类型“size”的“box”属来确定形状周围最外层框架的大小。

属于

& # 8230；往往有相同的风格，比如相同的字体、颜色和笔画风格。

在这种情况下，为了方便模板作者，铅笔支持将所有形状的常见样式分类为样式。

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

，如果集合样式更改，形状的默认属性值将相应更改。

看看这个例子。集合属在形状属中定义和使用。

模具中的文本内容是属的初始值的文本表示。

在这个例子中，您会注意到这个标签中的内容是一个。

这意味着初始值应该通过评估标签内部的“表达式”来获得。

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

更新记录

清除输出PDF/打印中的解析器消息

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

缺少资源的初始提示

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

修复未安装corespodent时的文件筛选器错误。

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

将“编辑图像& # 8230；更新以使用外部编辑器

停止使用材料设计标识的本地版本，这可能会在一些使用中文环境的Linux系统中造成问题。

修复了重装后N个补丁位图图像缺失的问题，增加了对N个补丁行为的屏下验证支持。

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

为模具回购浏览器增加了多仓库视图。

为模具生成器添加部署工具

添加页面种类以允许复制背景页面链接。

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

修复未保存子页的订阅

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

在颜色选择器中添加对文档调色板的支持。