zoukankan      html  css  js  c++  java
  • 常用的Axure操作方法(1)

    1. 保存原型图片到本地,如在网页上看到图标素材,好多个在一张图上。

                                       

    如上图所示,将图片拖入axure中,利用分割或者裁剪,把小图标分割出来,然后Ctrl+F8将当前页面生成html文件,之后在相应的保存路径中的image文件夹中即可找到分割好的图片,下次可直接使用。

    2. 图片的变换:

    拖入图片后,图片左上方的小三角可以调整图片的圆角,拉到最中间时为圆形图片。在元件属性中设置鼠标悬停时导入图片1,鼠标按下时选择图片2,即可完成一个动态按钮。

    3.单选按钮:拖出一个单选按钮,然后按住Ctrl按钮,复制出3个单选按钮,改为不同的选项,如果你想实现每次只选中一个,那么就将三个按钮的元件都选中,然后在属性中设置一个单选按钮的组名称,把它们放到一个组里就能实现唯一被选中的效果。最后,如果有需要默认被选中的单选按钮,只需在编辑区单击该元件前面的圆圈,将其改成选中的状态即可。

           

    4. 页面的镶嵌:当我们需要在页面中展示另外一个页面的内容,或者插入一些多媒体文件。这些需求的实现则需要通过内联框架这个元件来实现。将内联框架拖入编辑区,在编辑区通过双击框架内部区域或者在属性中单击【框架目标页面】设置框架要关联的内容。此处将预览设为地图,并在框架目标中填入百度地图。

           

    5. 条件的设置:

    1. 将元件下拉列表框拖入编辑区,改名称为search,双击编辑列表选项,添加多个选项,例如百度、有道、搜狗等。
    2. 在右边拖入按钮,双击修改文字为点击进入搜索引擎页面。属性添加鼠标点击用例case1,会弹出一个对话框,选择条件——被选项——search——==百度,在点击链接事件,输入跳转的网址。
    3. 同样的方式添加case2,case3等,根据条件触发事件。

       

    这篇文章就先记录这几点吧,后续会不断补充。

  • 相关阅读:
    IO 模型知多少 | 代码篇
    IO 模型知多少 | 理论篇
    ASP.NET Core 反向代理部署知多少
    ASP.NET Core 借助 Helm 部署应用至K8S
    Orleans 知多少 | 4. 有状态的Grain
    Goodbye 2019,Welcome 2020 | 沉淀 2020
    Orleans 知多少 | 3. Hello Orleans
    集群环境下,你不得不注意的ASP.NET Core Data Protection 机制
    .NET Core 使用 K8S ConfigMap的正确姿势
    ASP.NET Core知多少(13):路由重写及重定向
  • 原文地址:https://www.cnblogs.com/aaaaniu/p/8709501.html
Copyright © 2011-2022 走看看