码农知识堂 - 1000bd
  •   Python
  •   PHP
  •   JS/TS
  •   JAVA
  •   C/C++
  •   C#
  •   GO
  •   Kotlin
  •   Swift
  • Axure学习之路01——元件介绍


    本系列博客的目的是记录Auxure软件使用的一些要点。

    学习课程来自:Axure 9从入门到精通。

    目录

    • 一些设计资源
    • 基本元件
      • 图片
      • 占位符
      • 图像热区
      • 动态面板
      • 内联框架
      • 中继器
    • 表单元件
      • 文本框
      • 文本域
      • 下拉列表
      • 列表框
      • 复选框
      • 单选按钮
    • 菜单表格
      • 树
      • 表格
      • 水平菜单
      • 垂直菜单
    • 标记元件
      • 快照
      • 箭头
      • 便签
      • 标记

    一些设计资源

    Iconfont网站: Iconfont链接。
    该网站提供许多图标:
    在这里插入图片描述
    使用方式:选用图标→点击“下载”→点击“复制SVG”→到Axure编辑区中粘贴,图标出现→右键该图标,选“变换图像”-“将SVG格式转换为形状”,即可随意改变该图标颜色与大小。
    在这里插入图片描述

    阿里云DataV.GeoAtlas矢量地图:阿里云地图。可以下载.svg格式的矢量地图。
    AxhubMaps:链接。可以不用下载直接复制,然后和Iconfont图标的形式一样改变图片格式即可。
    世界地图的选择:链接

    基本元件

    图片

    插入图片,可以选择不改变原图片尺寸或者按照图片元件大小缩放(双击边框,白色即可固定为元件尺寸)。

    占位符

    表示,占位符所在的位置有一个功能或者图标。

    图像热区

    图像热区可以在一片区域添加同一个交互动作。作用:增加元件点击范围。

    也可以作为锚点使用,例如某些网页回到顶部的功能,就可以在网页顶部添加一个图像热区,在底部新建按钮,添加交互动作“滚动到元件”,元件选择顶部已经添加的图像热区即可。

    动态面板

    一个动态面板可以添加多个状态。双击该原件添加状态。

    交互动作经常结合动态面板使用。

    内联框架

    可以链接到当前原型的页面或其他url。
    应用场景:小窗口加载一段视频。例如,微信朋友圈的广告。

    中继器

    应用场景:
    模板相同内容不同,例如,购物网站搜索某商品展示出来的所有商品。
    实现表格的增删改查;

    表单元件

    文本框

    可以根据输入内容的不同,选择不同的类型,例如:密码、
    邮箱等,产生不同的效果。

    文本域

    类似文本框,范围更大。

    下拉列表

    应用场景:地址选择,某某省-某某市-某某区。

    列表框

    类似下拉列表,范围更大。

    复选框

    多选功能

    单选按钮

    对于网页里的单选功能按钮,需要把同一组的单选按钮全选编组,不然该单选问题可以选中多个选项按钮。

    菜单表格

    树

    表格

    水平菜单

    横向导航

    垂直菜单

    纵向导航

    标记元件

    快照

    箭头

    便签

    标记

  • 相关阅读:
    常见的四种电阻之间有什么不同?
    ANSYS Maxwell RMxprt模块介绍
    简单好用的轻量级思维导图:ClickCharts 激活for mac
    基于火鹰优化算法的函数寻优算法
    LQ0190 李白打酒【填空题】
    Python多线程方案
    [JavaScript][AJAX] 前后端交互流程,ajax工作流程
    java 字节流写入文件内容实现换行
    如何通过adb控制安卓手机wifi
    RocketMQ的简单使用
  • 原文地址:https://blog.csdn.net/zhang_han666/article/details/126341006
  • 最新文章
  • 攻防演习之三天拿下官网站群
    数据安全治理学习——前期安全规划和安全管理体系建设
    企业安全 | 企业内一次钓鱼演练准备过程
    内网渗透测试 | Kerberos协议及其部分攻击手法
    0day的产生 | 不懂代码的"代码审计"
    安装scrcpy-client模块av模块异常,环境问题解决方案
    leetcode hot100【LeetCode 279. 完全平方数】java实现
    OpenWrt下安装Mosquitto
    AnatoMask论文汇总
    【AI日记】24.11.01 LangChain、openai api和github copilot
  • 热门文章
  • 十款代码表白小特效 一个比一个浪漫 赶紧收藏起来吧!!!
    奉劝各位学弟学妹们,该打造你的技术影响力了!
    五年了,我在 CSDN 的两个一百万。
    Java俄罗斯方块,老程序员花了一个周末,连接中学年代!
    面试官都震惊,你这网络基础可以啊!
    你真的会用百度吗?我不信 — 那些不为人知的搜索引擎语法
    心情不好的时候,用 Python 画棵樱花树送给自己吧
    通宵一晚做出来的一款类似CS的第一人称射击游戏Demo!原来做游戏也不是很难,连憨憨学妹都学会了!
    13 万字 C 语言从入门到精通保姆级教程2021 年版
    10行代码集2000张美女图,Python爬虫120例,再上征途
Copyright © 2022 侵权请联系2656653265@qq.com    京ICP备2022015340号-1
正则表达式工具 cron表达式工具 密码生成工具

京公网安备 11010502049817号