使用Axure制作网页

1.交互样式(仅对当前元件的样式进行更改)
选中元件，鼠标右键，选择【交互样式…】，选择交互触发类型，选择要更改的交互样式
使用交互样式实现鼠标悬停更改字体颜色效果

2.交互动作(带有逻辑性)
选中元件，在右侧交互面板选择交互事件类型，设置动作
使用交互事件实现显示与隐藏
注：元件都有各自的特性，不是每个元件都能用所有交互动作，有的原件无法进行移入时的交互，一般来说使用文本标签较多

3.交互情形(带有逻辑性)
设置交互动作，在交互动作中添加情形并设置情形对应的动作
当某个元件的值满足A情形的时候做A动作，满足B情形的时候做B动作

4.动态面板实现选项卡功能
动态面板有多个状态，每个状态对应不同的内容，给每个状态中添加内容
给元件绑定点击事件设置动态面板的状态
添加交互动作，切换动态面板状态实现切换内容的效果

5.母版
模板是对项目中公共内容提取
1）定义母版
2）将母版应用到页面中，在模板上右键，选择【添加到页面…】
只要修改母版，每个页面的母版内容就会改变

6.中继器（动态表格）
主要用于动态表格
列表显示
双击中继器设置重复的样本
选中中继器在样式里设置初始化显示数据
设置ItemLoad事件的操作
删除行
在样本中的删除按钮上绑定点击交互事件，选择删除行的操作，选择操作的中继器
分页
在中继器的样式里分页面板，可以设置分页显示
给上一页和下一页按钮绑定点击事件，选择中继器中的【设置当前选择页面】，在【页面那里选择下一页】。
新增
绘制模态框，默认隐藏。

    用户点击新增按钮，模态框显示，用户输入数据，点击确定按钮，填充数据到数据集中(注意设置局部变量)，模态框关闭用户再次点击新增按钮，模态框的时候，模态框内有上次填充的值，需要清空，给新增按钮的点击交互里添加动作【设置文本】，设置要清空的元件的值为空。

模糊搜索，动作选择【添加过滤】，规则设置为字符串的indexOf>-1
1.0
[[Item.content==‘内容1’]]
2.0
[[Item.content==value]]
注意声明局部变量value
3.0
[[Item.content.indexOf(value)>-1]]

        [[Item.content.indexOf(value)>-1]]从字符串中选择了indexOf功能，修改一下var  str  =  '内容测试';str.indexOf('内容')      //0str.indexOf('容')      //1str.indexOf('测试')      //2str.indexOf('hello')    //-1

效果图：

使用Axure制作网页相关推荐

axure 动态面板自动适应浏览器宽度_Axure教程：用axure制作Web原型自适应电脑屏幕...
本篇文章作者主要讲的是关于用Axure制作Web原型自适应电脑屏幕,一起来看看~ 用axure制作原型,很多刚入门的小白(包括我),制作原型的时候首先从制作App原型开始的,因为有固定的原型尺寸供我们 ...
六年级计算机word处理,六年级上信息技术教案Word大变身用Word制作网页河大版
<六年级上信息技术教案Word大变身用Word制作网页河大版>由会员分享,可在线阅读,更多相关<六年级上信息技术教案Word大变身用Word制作网页河大版(2页珍藏版)>请在人 ...
Cleaver快速制作网页PPT
原文首发链接:http://www.jeffjade.com/2015/10/15/2015-10-16-cleaver-make-ppt/ 写在开始之前互联网时代,以浏览器作为入口,已经有越来越多 ...
制作唐诗网页代码_分享FrontPage制作网页的几个技巧
最近笔者学会了用FrontPage XP做网页,心理特高兴,非常想把我在制作主页过程中的一些经验和大家交流交流.切磋切磋,我们一起来看看吧. 用表格做按钮很多人为了做出按钮效果,不得不去动用一些图像 ...
多布局怎么搭建_怎么制作网页？网页制作基本步骤
怎么制作网页?网页制作基本步骤,互联网时代,各行各业的企业为了适应时代的发展,纷纷从线下转移至线上来拓展自己的业务.若想让更多人了解自己的企业,拥有一个专属网站至关重要.网站不仅可以详细介绍企业信息, ...
html css做网页总结,学习CSS制作网页总结的一些经验
学习CSS制作网页总结的一些经验互联网发布时间:2008-10-17 19:28:20 作者:佚名我要评论让你使用DIV CSS排版不是让你用换个标签然后再去按照表格的方式去排版 ...
做网页很实用代码集合和CSS制作网页小技巧整理
做网页很实用代码集合控制横向和纵向滚动条的显隐?<body style="overflow-y:hidden"> 去掉x轴 <body style=" ...
html诗词赏析网页制作步骤,制作网页详细操作步骤
制作网页详细操作步骤导读:目前所见即所得类型的工具越来越多,使用也越来越方便,所以制作网页已经变成了一件轻松的工作,不像以前要手工编写一行行的源代码那样.下面和小编一起去看看相关内容~ 制作网页主要 ...
【学习笔记】HTML基础：使用html制作网页
一.初识HTML 1.什么是HTML? Hyper Text Markup Language(超文本标记语言) 扩展XML:Extendsible Markup Language(可扩展性标记语言) ...
制作网页版电子时钟特效
可以加我QQ1975728171代做一.语言和环境 A.实现语言 JavaScript B.环境要求 Dreamweaver.WebStorm.Sublime任选其一二.功能要求利用JavaSc ...

使用Axure制作网页

使用Axure制作网页相关推荐

最新文章

热门文章