Axure教程,产品小白从0学起

发布网友发布时间：2024-10-06 21:05

共1个回答

热心网友时间：2024-10-06 23:56

Axure教程，产品小白从0学起

一、Axure教程：文件上传、自动产生列表

根据流行的前端视觉框架，制作了文件上传的元件，以提升可定制化程度。文件上传的文本框通过设置输入类型为“文件”即可实现，但此方法简陋且不适应视觉个性化定制。因此，根据前端视觉框架，制作了具有以下步骤的元件：

放置元件：文本框、3个矩形、1个中继器。
设置ID：fileButtonChose、fileButtonClick、fileButtonPath、fileButtonList。
添加交互动作：文本框、矩形、中继器、按钮、中继器。

二、Axure教程：如何实现图片上传 – 自动预览

解决文件路径被浏览器安全机制替换的问题，制作图片上传原型。具体步骤如下：

放置元件：文本框、矩形、矩形。
设置ID：fileChose、changeIMG、fileTypeField。
添加交互动作：文本框、矩形、判断图片格式、加载图片。

三、Axure教程：获取页面尺寸、内联框架自适应大小

演示如何在页面尺寸未知时，实现内联框架的自适应大小。包括准备测试素材、制作页面、交互与代码、扩展应用等步骤。并提供示例代码和函数，以实现自定义视觉滚动条的功能。此教程旨在提供解决方案，以便团队成员根据视觉交互规范封装组件，便于其他成员快速搭建交互原型。