Axure:中继器图形组件分享

10 评论 4005 浏览 18 收藏 5 分钟

怎么画出好看又炫酷的图形?这篇文章里,作者分享了一些现成的中继器图形组件,并介绍了相应的使用方法,感兴趣的小伙伴们,就一起来看看吧。

想要画好看炫酷的图形,但是中继器又比较难,今天给大家分享一些现成的中继器图形组件,并讲解一下使用方法啦~

先给大家看一眼最终效果,然后我们开始使用方法讲解:

一、准备工作

1. 将分享的文件放置到Axure文件夹中;

2. 进入到Axure中,选中我们刚刚添加的组件库,可以看到有很多图形的组件展示,这里也有相应的使用说明。

二、使用方法

现在我们以折线图为例,来讲解一下如何使用吧。

1. 首先将图形拖拽到页面内,页面内是没有办法看到图形样式的,我们可以先预览看一下图形内的元素,方便我们理解。

2. 然后我们选中图形,点开概要页面,可以看到折线图组合对应三个元件,点击axhub-line-data可以看到是该折线图对应的数据信息。

3. 样式内表格四列分别为折线图的横坐标和三条数据信息,我们可以对表格数据进行修改,增删行列,然后点击预览查看效果,由此可见,我们可以通过修改该表格让图形展示我们想要的数据。

4. 点击axhub-line-config可以看到是该折线图对应的展示样式信息,表格中也进行了相应的说明。

5. 我用一个比较常用的formHeader修改来举例,刚刚我在数据表格列的表头设置为date和count,所以我在图形展示的时候悬停展示数量为count,现在我想用中文“数量”展示,只需要在formHeader字段填写”日期,数量”(分别对应数据表格的两列表头,中间的分隔符为英文的逗号),展示效果如下:

大家快去试试吧~

本文由 @六元 原创发布于人人都是产品经理,未经许可,禁止转载

题图来自 Unsplash,基于 CC0 协议

该文观点仅代表作者本人,人人都是产品经理平台仅提供信息存储空间服务。

更多精彩内容,请关注人人都是产品经理微信公众号或下载App
评论
评论请登录
  1. 最新的分享链接:
    链接:https://pan.baidu.com/s/1y7sesHJhQ9YI4BclbeyNTA
    提取码:PMLY

    来自安徽 回复
    1. 感谢大佬,学习啦

      来自陕西 回复
  2. 老师 求文件分享

    来自北京 回复
  3. 链接过期了

    来自广东 回复
  4. 链接过期啦,求求再分享了

    来自福建 回复
    1. 链接:https://pan.baidu.com/s/1x4HE9thk0K0Esi3henINtg
      提取码:PMLY

      来自安徽 回复
    2. 链接过期了,求求再分享一下

      来自上海 回复
  5. 真的好棒!六元老师

    来自安徽 回复
  6. 链接:https://pan.baidu.com/s/1Z4rLtA2lgokXpWb-ba3qiQ
    提取码:PMLY

    来自安徽 回复
    1. 链接过期了,求再分享

      来自江苏 回复