码农知识堂 - 1000bd
  •   Python
  •   PHP
  •   JS/TS
  •   JAVA
  •   C/C++
  •   C#
  •   GO
  •   Kotlin
  •   Swift

  • axure入门

    文章目录

    • 一、线框图
      • 1.1 矩形的使用
    • 二、高保真图
      • 2.1 使用图标
        • 2.1.1 点赞功能
        • 方法一：在面板内设置交互
        • 方法二：在面板外设置交互
        • 2.1.2 按钮功能
      • 2.2 热区的使用
      • 2.3 动态面板
      • 2.4 原件的显示和隐藏
      • 2.5元件的交互样式
      • 2.6 web表单的设计
      • 2.7 表格
      • 2.8 嵌入视频/网页（内联框架）
      • 2.9 导航菜单和收起
      • 2.10 滚动评论与弹幕
    • 三、简易需求文档
    • 四、使用技巧
      • 4.1 使用母板
      • 4.2 选择不同的组合（概述）
      • 4.2 视图-->样式-交互-说明
      • 4.2 启用-禁用

    一、线框图

    1.1 矩形的使用

    二、高保真图

    2.1 使用图标

    图标网站
    在这里插入图片描述
    然后到Axure复制
    在这里插入图片描述

    变化颜色
    在这里插入图片描述

    2.1.1 点赞功能

    在这里插入图片描述

    双击进入动态面板
    在这里插入图片描述
    复制图像
    在这里插入图片描述
    在这里插入图片描述
    切换图像，修改内容

    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述

    设置交互

    方法一：在面板内设置交互

    在这里插入图片描述

    在这里插入图片描述
    选择状态为2
    在这里插入图片描述

    进入动态面板，选择面板2，选择面板1
    在这里插入图片描述

    方法二：在面板外设置交互

    在这里插入图片描述

    2.1.2 按钮功能

    启用情形：判断文字
    单机->打开情形

    在这里插入图片描述

    2.2 热区的使用

    就是为了在上面添加一层，使得整个区域都作为一个事件（为了方便同事操作不同的矩形等，出现问题）
    比如下面要同时为三个设置点击等效果，可以直接子啊上面添加一个热区

    在这里插入图片描述
    热区的返回–》返回上一级
    在这里插入图片描述

    2.3 动态面板

    举例1：看点赞功能
    在这里插入图片描述
    举例2：滚动功能

    图片转化为动态面板–>选择区域大小（不要进入动态面板）

    在这里插入图片描述

    在这里插入图片描述

    在这里插入图片描述
    切换，动态面板滑动
    在这里插入图片描述
    轮播图

    在这里插入图片描述
    拖动
    动态面板->手势
    在这里插入图片描述

    2.4 原件的显示和隐藏

    设置向上滑动和灯箱效果

    在这里插入图片描述
    或者向上滑动+热区+组合
    在这里插入图片描述

    在这里插入图片描述
    在这里插入图片描述

    2.5元件的交互样式

    鼠标悬停
    在这里插入图片描述
    在这里插入图片描述
    按下-外部阴影调成0，内部调成默认
    在这里插入图片描述
    选中
    在这里插入图片描述

    在这里插入图片描述
    在这里插入图片描述

    在这里插入图片描述

    表格选中

    首先全选中–>添加悬停-》按下-》选中

    在这里插入图片描述
    每一行选择单击时
    在这里插入图片描述

    2.6 web表单的设计

    在这里插入图片描述
    单选项组
    在这里插入图片描述
    选中样式-----线段样式
    在这里插入图片描述

    文本提示

    在这里插入图片描述

    输入提示-线段颜色
    在这里插入图片描述
    在这里插入图片描述
    最好加个填充（20%透明）

    2.7 表格

    2.8 嵌入视频/网页（内联框架）

    使用工具：内联框架
    在这里插入图片描述

    在这里插入图片描述
    根据需求不同，如果是网页，就直接外部url

    使用其他工具修改这个值就行了
    在这里插入图片描述
    在这里插入图片描述在这里插入图片描述

    2.9 导航菜单和收起

    一级是按钮，二级是动态面板
    在这里插入图片描述

    菜单选上，转化为动态面板

    在这里插入图片描述

    在这里插入图片描述
    在这里插入图片描述

    2.10 滚动评论与弹幕

    在这里插入图片描述
    动态面板是n个内容
    在这里插入图片描述
    线性很平均
    在这里插入图片描述
    横向
    在这里插入图片描述

    三、简易需求文档

    四、使用技巧

    4.1 使用母板

    一次调好，后面都能用的东西

    4.2 选择不同的组合（概述）

    在这里插入图片描述

    4.2 视图–>样式-交互-说明

    web大小：1260*1024px

    在这里插入图片描述

    4.2 启用-禁用

    就是所有的事件，交互能不能用

  • 相关阅读:
    C 语言典范编程
    TCP 滑动窗口
    springboot遇到的错误
    算法竞赛入门【码蹄集新手村600题】(MT1551-1600）
    2024年浙江财经大学MBA招生简章发布：有哪些看点？
    verilog/systemverilog的随机数生成问题
    关于 Object obj = new Object()
    Scala技术与架构-1
    SpringBoot整合RabbitMQ
    DFL3：软件版本的选择和安装详解
  • 原文地址：https://blog.csdn.net/huiguo_/article/details/133203845
  • 最新文章
  • 攻防演习之三天拿下官网站群
    数据安全治理学习——前期安全规划和安全管理体系建设
    企业安全 | 企业内一次钓鱼演练准备过程
    内网渗透测试 | 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号