今天画原型的时候想展现一个饼状图,axure6.5.0没有自带的,导入的外部库也没有。想起来几天前看过的一个视频培训:http://v.youku.com/v_show/id_XMjUxMjYyNjE2.html,里面在61:50左右讲到一个切割图片的用法,既然图片可以切割,那可以切割圆形图片成饼状图。
先画圆饼。axure里面没有现成的圆形图案,圆形是矩形-椭圆-正圆变来的。先拖动一个矩形,然后右键->;edit button shape->select shape->Ellipse,然后拖动椭圆为粗略的正圆。切割图片的用法是针对图片的,所以要将拖出来的圆饼转换为图片,右键->paste special->paste as image,这样就可以切割了。(有时候,直接点击paste as image时不起作用,可以先选中图形ctrl+C,然后paste as image,最后ctrl+V)在复制出的圆饼图片上右键->edit image->slice image,从圆心位置切割,一个圆饼就被切成四分均等的饼状。但是这样做出来的圆饼没什么效果,背景是白色的,切出来的饼也是白色的,要想改变饼的背景色貌似只能导入图片,但是图片一般都是矩形的,扇形图片而且切到正好匹配我们画出来的圆饼比较难找。所以为了各块饼有颜色,在开始原饼还未被转化成图的时候就要填充好颜色,为了最后拼凑地准确,最好将一个圆饼复制几次,填充上不同的颜色,比如像下边这样:
然后切割图片,最后拼凑如下图:
这样做出来的饼状图被分的太整齐了,都是直角图,主要是axure里面不能画斜线,wireframe里面只有水平和垂直两种 线,但是看到placeholder后想到一个”投机“的办法:拖placeholder出来,将里面的四条斜线切图出来:
然后拼凑如下图:
只是这个颜色分不出来。
以上没什么含量,纯属拼凑,如有好的方法,欢迎指点!
分享到:
相关推荐
Axure 饼状图、折线图、柱状图、等可更改的组件库的统计图形。
在这个“axure 饼状图、折线图、柱状图元件库”中,用户可以找到专门用于展示数据的图表组件,极大地提高了设计效率。 饼状图是一种常用于展示整体与部分之间关系的图形,它将数据以扇形划分,每一份数据对应一个...
Axure原生素材(饼状、柱状、折线图) 下载之后双击使用Axure打开即用
Axure动态图表+折线图+饼图+柱状图; 饼状图、柱状图、折线图含交互动画; 软件版本:Axure8.1(兼容Axure9、Axure10)
本教程将详细介绍如何利用Axure实现汽车在指定轨迹上的移动行走效果,帮助你创建更加生动、逼真的交互原型。 首先,理解"轨迹移动"的概念。在数字产品设计中,轨迹移动通常指的是元素按照预设路径进行动画展示,...
Axure实现数字动态增加效果,Axure原型设计,原理很简单,新手教学。
Axure数据图表元件(柱图、饼图、雷达图、折线图、面积图)Axure数据图表元件Axure数据图表元件Axure数据图表元件 Axure数据图表元件(柱图、饼图、雷达图、折线图、面积图)Axure数据图表元件Axure数据图表元件...
在IT行业中,Axure RP是一款广泛使用的原型设计工具,它允许设计师快速创建交互式和功能性的线框图、原型和规格文档。本话题主要聚焦于如何利用Axure实现"随意折叠和展开"的效果,这类似于jQuery中的淡入淡出效果,...
作品名称:Axure数据可视化图表组件库 作品类型:组件类 主要适用:Web端 软件版本:Axure 8.0 一套数据可视化图表通用组件库,主要由Antv静态图表、Axhub动态图表、地图组件素材三部分内容组成,其中包含了几十种...
原型演示地址:http://cloud.axureshop.com/7uo1ln/ Axure 案例实现汽车指定轨迹移动行走 通过Axure实现元素根据指定位置、路线进行移动、暂停、在移动等功能上。
效果实现教程地址:https://blog.csdn.net/qq_27884377/article/details/88718048
带交互的数据图表组件,包含折线图、柱状图、堆叠柱状图、条形图、堆叠条形图、面积图、饼图、环形图、漏斗图、甘特图、散点图。支持修改数据、背景和相关交互样式 带交互的数据图表组件,包含折线图、柱状图、堆叠...
**UML(统一建模语言)**是一种标准的图形化建模工具,广泛应用于软件工程领域,用于描述软件系统的设计和实现。它提供了一种可视化的方式来表达系统的结构和行为,帮助开发者、设计师和业务分析师更好地理解和沟通...
Axure设计—直方图(中继器 );Axure设计—直方图(中继器 );Axure设计—直方图(中继器 );Axure设计—直方图(中继器 )
AXURE RP是一款强大的原型设计工具,它被广泛用于IT行业,特别是产品经理、交互设计师和UI设计师,用来快速创建网站和应用程序的线框图、原型和交互流程。在本案例中,"用AXURE RP实现的图片轮转效果"是通过AXURE RP...
在本案例中,我们将深入探讨Axure RP中的数据图表元件,包括柱图、饼图、雷达图、折线图和面积图,以及如何使用它们来生成图形报表。 首先,让我们了解下这些图表的基本概念: 1. **柱状图**:柱状图是一种常用的...
Axure 3D 效果原型预览地址为 https://7w42g3.axshare.com/#g=1,展示了 Axure 制作出来的 3D 地图的效果,主要是用图片+动态面板的效果来实现的。 二、准备材料 为了制作 3D 地图原型,需要准备以下材料: 1....
用Axure实现单选按钮交互效果,比如我们点击按钮,展开内容,再点击一次则内容影城起来,并且加上动画效果.有详细的图文结合
Axure制作banner轮播图的交互效果Axure制作banner轮播图的交互效果Axure制作banner轮播图的交互效果Axure制作banner轮播图的交互效果Axure制作banner轮播图的交互效果Axure制作banner轮播图的交互效果Axure制作...
Axure元件库图表,其中包含环比同比图、环形图、柱状图、折线图、饼状图、综合统计图