axure画扇形_axure实现粗略饼状图

今天画原型的时候想展现一个饼状图，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出来，将里面的四条斜线切图出来：

然后拼凑如下图：

只是这个颜色分不出来。

以上没什么含量，纯属拼凑，如有好的方法，欢迎指点！

分享到：

2012-12-07 16:16

分类:非技术

axure画扇形_axure实现粗略饼状图相关推荐

axure画扇形_如何利用axure制作一个动态的饼状图
话不多少,先放图! 饼状图首先,我们来分析一下动态效果 1.鼠标悬浮饼状块颜色发生了改变,且尺寸发生了变化 2.鼠标移入不同的块内,提示框随着鼠标的移动而移动,且提示框内的文字发生了变化. 然 ...
python excel数据分析画直方图饼状图_Excel数据可视化应用（直方图、折线图、饼状图）...
直方图:对比关系直方图是一种统计报告图,是表示资料变化情况的主要工具.直方图由一系列高度不等的的纵向条纹或线段表示数据分布的情况.一般用横轴表示数据类型,纵轴表示分布情况. 例1: 1.右键单击图表 ...
android 第三方扇形图,Android扇形图（饼状图）
关于Android的图形控件,市场上是有很多的开源库的我个人用的比较多的就是:MPAndroidChart,个人感觉挺好用的,但是有写时候,满足不了需求,就需要自己去写了. 先看看我们的效果图: T ...
Unity_扇形图（饼状图）+ UI动画
GitHub项目链接点这里(求一个star⭐) Unity_扇形图(饼状图)+ UI动画效果介绍关键字分析及代码绘图数据扇形元素 UIPieImage 1.定义参数 2.颜色注解 3.画扇 ...
Android自定义View之扇形饼状图
前言:继上次写了自定义圆形进度条后,今天给大家带来自定义扇形饼状图.先上效果图: 是不是很炫?看上去还有点立体感.下面带大家一起来瞧一瞧吧. 一.定义成员变量,重写构造方法看着这个效果图,我们可以想 ...
使用css3制作正方形、三角形、扇形和饼状图
1.利用边框制作正方形如果将盒容器的width和height设置为0,并为每条边设置一个较粗的width值和彼此不同的颜色,最终会得到四个被拼接在一起三角形,它们分别指向不同的颜色. html代码: ...
python画饼图程序_python使用matplotlib画饼状图
本文实例为大家分享了python使用matplotlib画饼状图的具体代码,供大家参考,具体内容如下代码与详细注释 from matplotlib import pyplot as plt #调节图 ...
如何用python画饼图_Python中的五颜六色的饼状图！（一）
[1x00]方法描述 matplotlib.pyplot.pie() 方法用于绘制饼状图. 基本语法:matplotlib.pyplot.pie( x[, explode=None, labels=N ...
Python使用matplotlib设置pandas绘制的饼状图扇形标签
2021年全国高校Python课程高级研修班(线上) 中国大学MOOC"Python程序设计基础"第4次开课推荐图书: <Python程序设计(第3版)>,(ISBN ...
python饼状图颜色一样_使用echarts画饼状图，设置饼状图颜色
前言: 前面已经跟大家分享了使用echarts画柱状图.折线图,一些之前自己遇到的坑也跟大家说了,这次就不再赘述.官方有配置文档,很详细,大家不懂的地方也可以交流. 今日分享重点:画饼状图. 1.引入 ...

axure画扇形_axure实现粗略饼状图

axure画扇形_axure实现粗略饼状图相关推荐

最新文章

热门文章