Axure（2）进阶练习

【这是原型库网站上面的目录，按照这个看看应该还行】

就是一堆超链接。

第一章更多基础交互

1.1 部件
1.1.1 部件概述 Widgets Overview

第一个：图片
第一：gif动图导入的时候，如果点击否，就失去动图效果。
第二：鼠标移入，鼠标点击事件导致图片效果发生变化。

一级标题Heading 1，耳机标题  Heading 2，标签label，文本段落

矩形：

占位符：
不知道填写什么时候，放一个占位符。先站着位置，以后在放东西。
而且占位符很像一个关闭按钮，-----有时候也这么用。
用法与：矩形一样。

Button：
属性什么的与矩形一样。
上面几个：从形状上来看，由于可以变换外观，所以都可设置成一个样子的东西！！！
都可以设置成 这个样子的东西。。。

垂直:水平线：
作用：区块化。
设置成各种样子。

图片热区：
定义：顾名思义：在一张完整的图片上，搞出一个热区。“热区”是一个可以定义事件、用例的小区域。这样一个完整的图片上面就可以根据我们点击的区域的不同，做出不同的响应啦！！
非常经典的思想吧。不用将多个图片凑起来，而是将完整的图片加上一个个“小图层”即可形成热区。
使用注意：一定要将热区置于顶层哦。要不点不到啊！！

动态面板：
这是使用最多的部件。
定义：动态面板是一个容器。容纳方法是：自身可以添加很多的夹层（叫做：状态），把想要放入容器的部件分别放到每个夹层里面就行了。
夹层中的东西可以：隐藏、显示、移动等。
夹层中可以放各种类型的部件！！不只是图片哦
之前我们用过冬天面板：图片轮播。本节课：
上节课是放的图片嘛，本节课实现了每个夹层中放的不同的部件而已。
属性：
固定到浏览器：一般导航栏或者广告就是这样的效果，你鼠标滚动，但是导航栏一直跟着你动。、

允许触发鼠标交互：鼠标只要进入动态面板的区域，就能触发鼠标事件。

嵌入地图：

使用动态面板遮挡不需要的内容

蓝色是动态面板可以显示的区域。在“动态面板父页面”上可以调整大小，在“动态面板的双击打开的设计页面”是固定大小的。

绿色是内部框架的区域。在“动态面板的双击打开的设计页面”可以调整大小。

所以我们将内部框架调大一些，然后移动它，让它的想显示的一部分覆盖在动态面板可现实的区域。即可。

内部框架：
可以嵌入视频，地图，HTML

其实就是：弄一个容器，把其他页面放到这个容器里面。
用处：加载站外视频。
只做APP时，用作手机屏幕部分。

使用内部框架加载视频：
获取视频的swf网址。
获取视频绝对网址的方法：点击一个优酷视频，选择分享旁边的小三角，点击一下，下面有一个
flash地址。这就是

中继器：
作用：显示重复的文本、图片和连接。
用于举例：显示商品列表、数据表、联系人信息
中继器数据集+中继器的项。
个人理解：
中继器的数据集：就是中继器的后台、数据库，存放该中继器内部包含的所有数据。
中继器的项：就是中继器的前台、展示界面。设计时只显示一项的样貌，运行时会显示所有的项集。
个人感觉：中继器就是WPF里面的DataGrid嘛。不过其中的单元可以放置链接，设置交互动作等等，感觉功能性挺好的。隔行变色，添加数据判断条件（比如大于12就加粗显示）。

中继器的高级教程：

以后再讲排序过滤分页

文本输入框：
作用：就是让用户输入字符串的部件
能选择各种类型


多行文本输入框：
用于：评论区。


下拉列表vs列表框

列表框：
可以多选。这是与上面的区别。


复选框:vs单选按钮

单选按钮:
区别:可以设置分组,只能选中一个.但是复选框就不能实现这个功能。

HTML按钮（提交按钮）
内置了交互样式我们没法设置。
这个按钮已经格式化了，很多内容都不能自定义。

Tree节点
使用动态面板弥补局限性
挺垃圾的部件。只是看着像树，但是不能收缩目录。烂

表格：
就是个表格而已。不能动态添加删除行列，不能排序过滤。
只能使用中继器！！！

菜单：
新增项，新增菜单。
局限性：不能用图片代替：--------使用动态面板可以

1.1.2 部件添加、移动、改变大小 Add, Move, and Size Widgets
1.1.2.1 AxureRP7.0快捷键PDF

第十三章中继器

13.1 中继器介绍
13.1.1 中继器概述 REPEATER OVERVIEW
13.1.2 中继器的两个部分 2 PARTS OF REPEATER
      13.1.2.1 中继器数据集  Repeater Dataset
      13.1.2.2 中继器的项  Repeater Item
13.1.3 每项加载时填充数据到设计区域  POPULATING DATA INTO THE DESIGN AREA WITH ONLOAD
      13.1.3.1 插入文本 Inserting Text
      13.1.3.2 插入图片 Inserting Images
13.1.4 使用中继器数据集中包含的部件进行交互 USING REPEATER DATA IN INTERACTIONS ON CONTAINED WIDGETS
      13.1.4.1 插入页面链接 Inserting Page Links
      13.1.4.2 使用条件 Using Conditions
13.1.5 中继器格式  REPEATER FORMATTING
13.2 排序、过滤、分页
13.2.1 排序、过滤、分页概述  SORTING/FILTERING/PAGINATION OVERVIEW
13.2.2 过滤数据 FILTERING DATA
      13.2.2.1 新增过滤器 Add Filter
      13.2.2.2 移除过滤器 Remove Filter
13.2.3 排序数据
      13.2.3.1 新增排序 Add Sort
      13.2.3.2 移除排序 Remove Sort
13.2.4 分页 PAGINATION
      13.2.4.1  设置当前页 Set Current Page
      13.2.4.2  设置每页中包含项的数量 Set Number of  Items per Page
13.3 添加/移除中继器的项
13.3.1 添加/移除项的概述 ADDING & REMOVING ITEMS OVERVIEW
13.3.2 添加/移除/编辑中继器的项  ADD/REMOVE/EDIT REPEATER ITEMS
13.3.3 添加项（行）到中继器数据集  Add Item (Row)  to Repeater Dataset
13.3.4 选择项（行） SELECTING ITEMS (ROWS)
      13.3.4.1 标记行 Mark Rows
      13.3.4.2 取消标记行 Unmark Rows
13.3.5 删除和编辑选择项 DELETE AND EDIT SELECTED ITEMS
      13.3.5.1 删除行 Delete Rows
      13.3.5.2 更新行 Update Rows
13.4一步一步和我学习中继器部件

快捷键：

posted @ 2016-03-20 09:32 小白说我是狗阅读(450) 评论(0) 收藏举报

刷新页面返回顶部

小白说我是狗

Axure（2）进阶练习

公告