首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Axure高保真教程:制作书本翻页效果

材料准备制作材料包括中继器、动态面板、矩形、文本标签、三角形1.1 制作书框架我们用矩形和三角形、以及文本标签制作书的框架,三角形用于制作左右按钮,矩形用于制作页面灰色背景以及页面内容(文字上下左右居中...1.4 制作中继器我们新建一个中继器,用来包括书本的内容,no列对应页数,content列对应该页数的内容中继器分页设置我们设置每页显示项目数为2,这样每次只会加载两条这样基础的材料就准备好了,后续交互需要一些默认隐藏的文本...设置交互2.1 中继器每项加载时的交互我们是通过中继器来传值的,我们先要在中继器外部准备3个默认隐藏的文本标签,仅用于记录中继器里的文字,分别为记录左侧内容,记录左侧内容,记录页数在中继器每项加载时,如果是奇数行...,那我们用设置文本的交互,将content列的值设置到记录左侧内容的文本标签里;如果是偶数行,我们就用设置文本的交互,将content列的值设置到记录右侧内容的文本标签里我们还要记录左侧页面的页数,如果中继器里加载的是奇数行...2.4 翻页效果这里我们以左箭头为例展开说明,首先我们要判断当前页是否为第一页,用pageindx函数就可以获取到中继器的页码了,如果是第一页,我们就不能再往前翻页了,所以就用显示的交互,显示提示弹窗,

15520
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    Axure交互大全:Axure全交互模板及视频教程

    1.1.2 新窗口/新标签这个交互和上一个交互的不同处在于会在新的标签页面打开某个页面,这样原来的页面还保留,客户可以切换标签查看不同的内容。一般适用外部于广告,链接的跳转。...应用的地方很多,例如图片轮播、相册、标签内容等。跳转至指点页面——可以设置该动作跳转至那个页面,在页面不多的情况下可以这样设置。...旋转的方向——顺时针或者逆时针旋转的角度——按需填写,如果需一直旋转可以填写大一点的角度,如36000000就是10万圈锚点——至旋转的中心点,一般选择中心。...,快速查询中继器列表中包含输入文字的数据行4.4 移除筛选可以移除中继器列表中的单个筛选或者所有筛选4.5 设置显示页面如果中继器列表数据太多,一般会用分页显示的方式,该交互就是可以设置中继器显示那一页的内容...可以设置为显示下一页、显示上一页、显示最后一页、显示第一页或者显示具体页面。4.6 设置每页显示数目初始的显示的数目可以在中继器样式分页里面设置,演示时如果需要更每页显示数目可以用该交互设置。

    23830

    Axure RP9中文版,交互式原型设计软件Axure RP 9永久版下载安装

    因为左侧控件基本都是由文字和图标组成,我们用中继器制作会比较方便。 1)制作材料 中继器,图片和文本标签。...鼠标单击文本标签和图片的组合时,即点击选择了该元件,我们用添加行的交互,将当前行元件的信息传递到页面内容中部的中继器。...页面内容 前面鼠标点击元件时,对应元件的组合就会在该区域显示出来,所以我们这一块的内容要用中继器来制作 1)制作材料 中继器、文本标签、关闭按钮、对应的元件、背景矩形。...当背景矩形被选中时,我们先用显示的交互,将右侧元件属性的组合显示,并且用设置面板状态的交互,让右侧元件属性显示对应页面的内容。 3....上面页面内容中讲到了鼠标单击元件背景就会被选中,高亮变色,所以右侧元件属性就会显示出来,并且根据type的值来设置显示对应的面板状态,我们就可以在里面填写该元件对应的信息。

    4.9K40

    Axure高保真教程:移动端多选图片上传

    ,将图片设置会添加主页面在主页面点击图片可以显示大图,点击删除按钮可以删除选中如果选择图片小于就,可以再次点击+号继续添加二、制作教程制作这个主要分为三个部分,包括主页面、相册页面(选择图片)、大图页面...1、主页面主页面如下图所示,我们用中继器来制作,在中继器里面添加图片元件,选择网格分布,每行3个,多页显示,一页最多显示9个中继器表格里我们需要两3列内容,no列用于对图片的排序,picture列用于存放图片...2、相册页面相册页面主要有中继器,按钮,矩形组成,如下图所示摆放中继器里面包括图片元件和多选按钮,案例中多选按钮由形状制作而成,可以简单理解为一个选中的样式(√),一个没选中的样式(圆圈)中继器表格里主要有以下几列...主页如果点击中继器里的+号图片,就是no值为0的图片元件,我们用显示的交互,显示这个动态面板就可以了,因为这个面板后面还有第二个状态(大图页),所以,我们用设置面板状态,设置他到相册页这个状态,设置的时候可以勾选隐藏时显示...3、大图页面大图页面包含图片元件,删除和返回按钮,文本标签,矩形等,如下图所示摆放,放在上面相册页面的第二个状态页里回到上面说的,主页页如果点击中继器里不是+号图片,就是想查看大图,所以,我们用设置面板状态

    17411

    【Axure教程】如何使用中继器进行新增表单数据

    上一期,我为各位小伙伴们讲解了如何删除中继器表单数据,接着,本期会为大家详细介绍下如何在中继器中新增表单数据。1、在上期制作完成的【中继器】原型中,我们拖入一个【按钮】,并设置为“新增”。...3、接着,我们对页面设置一个【全局变量】,全局变量命名为【dateSum】、默认值为6。...name】设置一个局部变量,选择【设备名称】,并插入局部变量,如下图:6、下面,我们依次对【type】、【xinghao】、【changshang】等分别设置对应的局部变量并插入,注意:当字段为下拉选项时,中继器此时插入的局部变量为...12、对中继器旁的【新增】按钮设置对应的显示交互,具体参数可参考下图。13、同理,咱们针对【取消】按钮设置时,中继器内所有的数据不变,设置隐藏对应的遮罩和弹窗,参数参考如下。...14、希望以上的【中继器】的【新增】操作可以帮助到大家,如有疑问,可以在下方留言哟,我会第一时间为大家解答

    27821

    Axure高保真教程:日期时间下拉列表

    今天作者就教大家如何在Axure中用中继器制作真实日期时间效果的下拉列表。...二、制作分析一般而言会有三种方式来制作:第一种是写死,写死在动态面板里面写几个月的日期,然后通过动态面板切换制作出对应的效果,这种的缺点是复用性差,而且只能显示写好的几个月,如果要查几十年的数据,就要做几百页...鼠标单击提示框的时候,我们用显示的交互,将隐藏的下拉组合显示出来即可。2. 日期部分日期部分我们主要是用中继器、文本标签、箭头等内容制作。...关于年份和月份的下拉列表,点击后设置对应年月记录值为选择内容即可,因为月份是固定12个月的,所以用多个文字标签制作即可,年份比较多,建议用中继器来制作,年份太多的话还可以转为动态面板调出滚动条来处理。...时间部分时间部分我们用两个中继器来制作。小时的中继器填写00-23,分钟的中继器里填写00-59,转为动态面板,增加滚动条。同样的里面的矩形要设置选中样式。

    36820

    Axure高保真教程:多选树形表格

    今天作者就教大家如何在Axure中制作一个多选树形表格的原型模板。...材料准备制作材料包括中继器、多选按钮、箭头形状、矩形、文本标签。1)表头表头我们用几个矩形来制作即可,表格有多少列就用多少个矩形拼接。...2)表格内容表格内容我们用中继器制作,内容包括箭头形状、多选按钮、矩形和文字标签,如下图所示摆放:多选按钮——这里我们的多选按钮不是用自带的多选按钮,因为自带的多选按钮只有2中状态(已选和未选),我们需要用三种状态...设置交互1)中继器每项加载时交互我们用设置文本的交互,把中继器column1~6里面的值,设置到中继器表格里对应的矩形内。...这样我们就制作完成了多选树形表格的原型模板了,下次使用时,只需要在中继器表格里填写对应信息,预览是即可自动生成交互效果,包括树形展开或折叠,选中、全选、取消选中或全部取消、移入行高亮显示……那以上就是本期教程的全部内容

    13410

    Axure RP 10 进阶指南:从全局变量到JavaScript语法,打造高效原型设计!

    从备份恢复文件:默认显示最近5天的备份文件,最多可以保存最近30天的备份文件:二、进阶指南1、通用母版以这样的一个后台页面为例,我们会将几个页面公共使用的地方会有这一部分:那么就可以选中这一部分,右键转为母版...:在后续的其他页面需要用上到这一母版时,既在【母版】里拖动在页面上:2、自定义全局变量的使用前面我们设置了「母版」后,而我们每个页面所需要选中的导航和页面标签标题是不一样的,这种如果我们要实现动态变更的话...然后就会弹出新增变量名:在这里要满足前面我们动态选中菜单,以及标签名称的效果,我新增了两个变量如下:TopTagTitle:这个是用来控制标签名称的。...然后退出编辑动态面板,回到前面的微信支付、支付宝,给这两个选项增加交互:最终预览的效果:我们还可以动态面板里面再套用动态面板,以实现前面的效果:4、中继器的应用场景与技巧中继器是axure 10最大的升级...下面我们举个后台列表的例子:首先我们定义列表的表头字段后,然后在“元件库”找到“中继器-表格”拖动到页面,填入数据后,这样就可以快速生成一个列表。

    50930

    添加网页背景音乐的两种方法是什么_html怎么添加背景音乐

    为网页添加背景音乐的方法一般有两种,第一种是通过普通的标签来添加,另一种是通过标签来添加 1.页面打开时音乐播放,如果将页面最小化以后播放音乐会自动暂停, 第二种方法则不会出现这种情况,只要不将窗口关闭,它会一直播放 ■ : ...如 STARTTIME=”00:30″ 表示从第30秒处开始播放。 VOLUME=”0-100″ 设定量的大小,数值是0到100之间。...只显示暂停按钮    stopbutton 只显示停止按钮    volumelever 只显示音量调整钮 浏览者能够自己控制停止或者播放,也就是可以关掉背景音乐...如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

    7K40

    Axure高保真教程:鼠标滚动上下翻页效果

    鼠标滚动上下翻页效果是一种常见的网页交互设计,它使得用户可以通过鼠标滚轮的滚动来实现页面的上下翻页操作。...今天作者就教大家如何在Axure中制作一鼠标滚动上下翻页的效果,我们会以鼠标滚动切换图片为案例。...材料准备 这个模板我们主要用到中继器、图片元件、文本标签、矩形来制作。...这里会默认看到滚动条,案例中的滚动条是默认隐藏的,所以我们需要用一个特殊的操作来隐藏,我们把动态面板宽拉大,直到滚动条在图片右侧,然后我们再次将动态面板转为动态面板,这样就多了一个外面板,外面板选择不显示滚动条...为了解决这个问题,我们就要做一个开关来控制,我们用个隐藏的文本标签就可以了,默认值为0,如果值为0的时候,就是可以滚动切换的状态,一开始切换的时候,我们就要把开关的值设为1,然后在用设置面板状态的交互,

    14510

    WordPress主题开发基础:Body 类指南

    >> WordPress根据显示的页面类型自动添加适当的类。 例如,如果您在存档页面上,WordPress将自动将存档类添加到body元素。它几乎针对每个页面都执行此操作。...您可以自定义特定的作者个人资料页面,基于日期的档案等。 现在让我们看一下如何以及何时使用body类。...这些条件标签是true或false数据类型,用于检查WordPress中的条件是true还是false。例如,条件标签is_home检查当前显示的页面是否为主页。...这次,我们将检查显示的页面是否为WordPress草稿的预览。 为此,我们将使用条件标签is_preview,然后添加我们的自定义CSS类。...希望本文能帮助您学习如何在主题中使用WordPress body类,如果对于这篇文章有什么疑问,可以在下面留言讨论。

    2.1K20

    高效档案管理案例介绍:文档内容批量结构化解决方案解析

    这种模块化处理不仅保留了档案的原始版式,还便于精细化的信息检索和批量分析,尤其适用于复杂排版的档案文件(如年鉴、杂志、报告等),显著提升了档案的可读性和易用性。...这种布局分析技术特别适用于包含复杂排版的文档,如杂志页面、年鉴、报告等。段落与标题检测在文字识别过程中,系统可以检测出文档的标题、章节和段落等结构。...这种还原处理在需要保留完整信息的历史档案中尤为重要。元数据生成结构化处理后的文本可以自动生成标签和元数据,如文档类型、年份、作者等。...系统会根据识别到的信息自动为每个文档添加分类标签,便于日后的管理和检索。元数据不仅帮助用户快速定位到需要文档,也为后续的档案分析和数据挖掘提供了丰富的基础信息。...系统同时生成丰富的元数据,包括文档类型、年代、作者等标签,便于管理和检索。

    22410

    工程资料管理二维码制作教程分享

    功能介绍1、一物一码,可以为每份文件创建一个专属二维码,可使用模板制作,方便统一管理,扫码显示文件归档信息,可在线查看或下载电子版文件;2、文件可整理成多级目录,比如:项目→文件类型→文件,每个目录自动生成汇总码...,可输入文件名检索;3、为档案盒制作二维码标识,扫码显示档案盒编号和资料目录,并能链接到电子版文件汇总码;4、电子档文件可从后台批量导出至本地电脑...应用优势纸质档案查阅比较麻烦,资料员要把文件盒都拿出来,检查人员通过档案盒标签,检索定位到需要的档案,然后抽出来检查。...2、将内容数据导入到模板中,批量生成子码在模板管理页面,点击批量生码,进入在线表格。每一行数据会生成一个子码。...2、排版打印档案盒标识可使用草料二维码提供的在线工具,快速设置标签样式和文字,下载图片源文件进行打印。3、可以将单个项目的所有档案盒整理成1个二维码可参考草料二维码模板库中的档案盒目录模板。

    53540

    业务赋能利器之外卖特征档案

    当前用户特征档案平台覆盖全部的外卖用户,有特征标签近200个,商户特征档案平台覆盖全部的外卖商户,有特征标签400多个。...特征档案的用户希望通过平台及时获取到满足筛选条件的结果集,并保存固定的筛选逻辑,实现定制化筛选。抽象出来,主要有以下几个核心诉求: 便捷的筛选方式。通过点击页面可视化的标签,进行便捷查询。...目前特征档案平台主要提供以下服务: 通过特征标签筛选目标用户/商户,提供任意标签组合逻辑的即时查询服务; 将筛选条件保存成为档案,支持档案的保存、修改、删除等操作; 通过档案生成当前满足条件的数据实例,...标签管理:标签管理模块将标签分成了多种类型,不同的类型实现了不同的标签管理方法(这里的标签管理方法是指标签实现页面展示逻辑的方法,标签的筛选逻辑转换成可供ES查询的过滤器方法,通过关联标签维表将标签的查询结果转换成适合的结果形式方法...标签查询语言 特征档案平台支持的查询语言是在标签上定义的一阶谓词逻辑标签查询语言。传统意义上的标签通常仅具有“是否”逻辑,如:“成熟用户、北京市”。

    1.2K70

    领英公开档案更新和添加更改账号邮箱地址,让我们更轻松高效运用领英

    在设置和隐私页面中将“公开档案更新”的开关切换为“是”可显示职业档案更新。这会在您的人脉圈动态汇总中生成一条动态或发送一则通知。...调整向人脉圈发出的职业档案更新通知: 1.点击领英首页顶部的 “我”图标。 2.从下拉菜单中选择“设置和隐私”。 图片 3.点击页面顶部的“隐私”标签页。...图片 4.在“领英动态如何显示”版块下方,点击“公开档案更新”旁边的“更改” 图片 5.将开关切换为“是”或“否”。 图片 Ÿ您的更改将自动保存。...图片 2.在“帐号”标签页的“登录与安全”版块下,点击“邮箱地址”旁边的“更改”。 图片 3.点击“添加邮箱”并在文本框中输入新邮箱地址。 图片 4.点击“发送验证码”。...图片 5.如果您想将新邮箱设置为您的主邮箱,可回到领英设置页面的“邮箱地址”版块。然后您可以点击添加的邮箱地址旁边的“设为主邮箱”。

    1.7K20
    领券