首页 > 其他分享 >2015.4.24.17.36_pencil_2015.4.24_Pencil教程=自定义组件安装_0.01

2015.4.24.17.36_pencil_2015.4.24_Pencil教程=自定义组件安装_0.01

时间:2023-06-02 20:06:13浏览次数:59  
标签:24 Pencil 自定义 2015.4 安装包 组件 安装 下载


在前面《原型工具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就是自动处理了,安装好之后,新增的组件库就会出现在左侧的组件导航框里面了。

2015.4.24.17.36_pencil_2015.4.24_Pencil教程=自定义组件安装_0.01_安装包

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

2015.4.24.17.36_pencil_2015.4.24_Pencil教程=自定义组件安装_0.01_自定义组件_02

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

2015.4.24.17.36_pencil_2015.4.24_Pencil教程=自定义组件安装_0.01_自定义_03

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

2015.4.24.17.36_pencil_2015.4.24_Pencil教程=自定义组件安装_0.01_自定义组件_04

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

《原型设计》微电子杂志 点此订阅

点此下载常用pencil组件库

标签:24,Pencil,自定义,2015.4,安装包,组件,安装,下载
From: https://blog.51cto.com/u_11797608/6404723

相关文章

  • 2015.4.24.17.23_界面_2015.4.24__Android界面设计工具_0.01
    iOS,Android原型图设计软件–>AxureRP,UIDesigner,Pencil,iPhoneMockup,Justinmind<–#AxureRPAxureRP-快速原型制作软件–线框图,原型,规格文档,由美国AxureSoftwareSolutions,Inc.公司开发。AxureRP也分商业版和免费版,英文官方:http://www.axure.com/download中文网站:h......
  • 2015.4.21.09.05_多态_2015.4.21_深入理解java多态性_0.01
    深入理解Java多态性多态性是指允许不同类的对象对同一消息作出响应。多态性包括参数化多态性和包含多态性。多态性语言具有灵活、抽象、行为共享、代码共享的优势,很好的解决了应用程序函数同名问题。多态有两种表现形式:重载和覆盖首先说重载(overload),是发生在同一类中。与什么父类......
  • 2015.4.28_正则表达式_正则表达式简易教程
    为什么使用正则表达式通过正则表达式,可以:测试字符串内的模式。例如,可以测试输入字符串,以查看字符串内是否出现电话号码模式或信用卡号码模式。这称为数据验证。替换文本。可以使用正则表达式来识别文档中的特定文本,完全删除该文本或者用其他文本替换它。基于模式匹配从字符串中提......
  • uva246 10-20-30 (双端队列deque + vector模拟)
    【题意】:一个游戏。共52张牌(1~10中的数字)。初始状态,按输入顺序放在总堆里。然后从头开始,挨着拿7张,从左到右摆开,作为7堆。然后回到第一堆,以此循环着每次往一堆放一张。每放完一张牌,考虑下面的情况:1.这一堆的头两张与尾一张之和等于10or20or302. 这一堆的头一张与尾两张之和等......
  • Beginner:Client libraries-7实现自定义接口
    目标:在ROS2中学习更多的实现自定义接口背景在指定的接口包中声明接口,有时在一个包中声明、创建、使用所有接口很方便。本教程关注msg接口类型,但是步骤对于其他所有接口类型适用。任务1、创建一个包ros2pkgcreate--build-typeament_cmakemore_interfacesmkdirmore_in......
  • Photoshop 2023 Beta(PS2023Beta) v24.6 AI测试版 win/ mac版
    Photoshop2023Beta内置Ai绘图功能版,这是世界上第一个创意和设计工作流程的副驾驶,为用户提供了一种神奇的新工作方式。这将两个强大的成像引擎结合在一起——Photoshop和生成式AI,使您能够通过文本提示从Photoshop内部生成内容,并使用Photoshop的全面工具对其进行编辑以创建非凡的结......
  • spring cloud gateway 自定义GatewayFilterFactory
    官网地址:https://docs.spring.io/spring-cloud-gateway/docs/2.2.9.RELEASE/reference/html/#writing-custom-route-predicate-factories参考地址:https://blog.csdn.net/myli92/article/details/127328893importcom.ruoyi.common.core.utils.StringUtils;importorg.springfr......
  • paddleDetection 训练自定义数据集 第二章 开始训练
    paddleDetection训练自定义数据集第二章开始训练上一章数据集制作文章目录paddleDetection训练自定义数据集第二章开始训练一、环境二、安装1.安装miniconda2.安装paddlepaddle3.下载paddleDetection三、训练自定义数据集1.首先选择预训练模型,然后修改配置文件2.训练3.导......
  • paddleOcr 训练自定义数据
    paddleOcr训练自定义数据文章目录paddleOcr训练自定义数据前言一、创建环境二、安装环境三、使用ppocrlabel标注图片1.打开图片目录2.导出标记结果、导出识别结果四、训练1.切分数据2.修改训练的模型yml3.开始训练五、已经训练的模型,有了新数据需要继续训练1.使用恢复训练2.使......
  • 自定义View-字体篇
    文章目录来源字体mediumFontMetricstextSize这是为70F的时候自己绘制的线条top、ascent、descent、bottombaseLine通过ascent和descent计算,top和bottom计算出来的还不一样TextPaint和StaticLayoutbreakText(CharSequencetext,intstart,intend,booleanmeasureForwards......