axure 元件_axure新手问题集指导手册(一)

问题6:预览的页面为空,源文件页面是有数据

问题1:想要元件100%自适应屏幕宽度

制作的元件无法自适应浏览器屏幕大小,例如:元件宽度设置为1000px,居中显示 ,在1920px屏幕打开时,就会出现左右两边有空白地方。该怎么办呢?

c7d0f51cf4b6e3ce2b83af2ec9468285.png

解决办法:

选中该矩形元件后,添加【载入时】交互事件,目标为当前元件,尺寸宽度为【window.width】,高度值不变,记得锚点设置为:顶部中间。设置如下:

568fcd6fa5ad52ddd5c2246774fa1591.png

效果如下:

1e740421829ef60815ae94d8a61a26c9.png

问题2:想去掉标志头像 (针对Axure版本8)

购买别人原型时,预览源文件时,发现左上角会出现作者标志头像。想去掉。

739dae097b47443b1e67dd4d1813fcf6.png

1、点击顶部菜单栏中的【发布】-【预览选项】,如下;

afeaade7a746513f7f79b53183c1807f.png

2、点击右上角的【配置】选项,如下:

4d2c7399a74b4f1c99373c5923022a15.png

3、点击【标志】选项后,即可选择清除标志。

d18df35af821ca5fde4d814e71500686.png

问题3:预览生成的HTML文件提示安装插件

打开原型文件生成的html,会跳转到这个页面,怎么破?

5e90def6f3d4fdf28e042efc21ec8cff.png

解决办法:

1、打开生成的原型文件->resources->chrome->axure-chrome-extension.crx,找到找到Axure RP Extension for Chrome插件

2、把.crx文件修改扩展名.rar,解压

3、打开浏览器,输入chrome://extensions/,右上角打开开发者模式,选择“加载已解压的扩展程序”,选择文件后安装,完成

问题4**:图表元件库chart无法将英文更改成中文**

由于中继器表头不支持中文格式,因此需要在config中继器中配置formHeader的value值。

首先选中图表组合中后,再【概要】面板中可以看到该元件由三个元件组成。其中,axhub-colum-data中继器为数据项,如果想调整图表中的数据值,则可以在此中继器添加删除修改。axhub-colum-config中继器为配置项,可以调整图表的样式。

只需要修改config中继器中的formHeader属性即可,将value值默认值“default”改为“统计时段,统计项,统计项”,即可以展示中文。切记值每列用英文逗号“,”分隔,例如 月份,东京,伦敦 (第一个值为横轴统计项,第二、三个值为统计数据项),下面是折现统计图的效果;

4f686b1bb59ac26cecb92966d4b49540.png

0202bdadfc9921ff6dbba7064ab9fa85.png

更改后的中继器数据项和图表如下:

0be0e439f14b1e9c159831a59a86a5f6.png

dd6a46e09b456efda8bf8b9501c13789.png

问题5:想在手机上面预览原型(或者分享原型给开发查看)

首先,需要将原型托管至第三方网站,如**Axhub (https://axhub.im/),**可以高效发布、分享和查看原型 html。将此链接分享至手机打开即可。

1、移动端的原型设计尺寸为一倍率,如375*667px;

2、也可以将状态栏去掉,减去20px的高度;2、免费托管内存大小:80M;超出则需要购买会员;

托管步骤:

a. 注册用户;

b. 点击右上角的【我的项目】;

c. 点击左上角的【新建】按钮,新建项目;填写项目名称、选择软件版本后点击提交按钮。

be8319e240fcbd9327b016a69bee8f21.png
d. 
鼠标悬浮至项目标题上,显示操作按钮,点击【更新原型】,可以选择上传原型方式。详细操作看官方教程
(建议使用1)

d8c64de2187175a13dc2bff17c3e07a1.png

5bf973b1631789f8a978973eceb5d0f8.png

e. 
点击【分享】按钮,则可以将复制链接分享到手机;

2e021643725ce082d7b3a1a19e99dc33.png

112b559670fe1ce6ee5d02713ea73137.png

问题6:预览的页面为空,源文件页面是有数据

1、点击顶部菜单栏中的【发布】-【预览选项】,如下;

afeaade7a746513f7f79b53183c1807f.png

2、点击右上角的【配置】选项,如下:

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值