Axure教程——图片轮播(纵向滚动)

news2024/11/17 13:21:53

本文介绍的时用Axure中的动态面板制作图片轮播之纵向滚动
一、预览效果
在这里插入图片描述

预览地址:https://c1s4i1.axshare.com

二、功能描述
图片纵向自动滚动播放

三、元件制作
拖入一个动态面板,命名为1,设置大小为375*155,并设置四个状态,(动态面板的大小根据项目需要可以进行修改)如图:

进入每个状态设置一张轮播的图片,其图片大小为375*155(与动态面板大小一致),图片可以根据自己的喜好修改,如图:
在这里插入图片描述
元件制作完成
四、交互设置
设置动态面板的交互效果
(1)向上拖动结束时
设置面板的修改状态为Next,向后循环,进入或退出动画为向上滑动,时间500毫秒
在这里插入图片描述
等待1000毫秒,设置当前元件选择状态为Next,向后循环,循环间隔为2000毫秒,首个状态延时2000毫秒后切换,进入或退出动画为向上滑动,时间为500毫秒
在这里插入图片描述
(2)向下拖动结束时
设置动态面板1选择状态为Previous,向前循环,进入或退出动画为向下滑动,时间为500毫秒
在这里插入图片描述
等待1000毫秒,设置当前元件选择状态为Next,向后循环,循环间隔为2000毫秒,首个状态延时2000毫秒后切换,进入或退出动画为向上滑动,时间为500毫秒
在这里插入图片描述
(3)载入时
当载入时,设置当前元件选择状态为Next,向后循环,循环间隔为2000毫秒,首个状态延时2000毫秒后切换,进入或退出动画为向上滑动,时间为500毫秒
在这里插入图片描述
所有制作完毕,希望能帮助到您。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/682292.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

文科生从0学Python转数据分析学习建议避坑指南

我本科是财务管理,文科专业,零基础学习Python转行数分后,现在我的日常工作都离不开它。 接下来,给各位跟我一样无编程经验的朋友一些学习的建议 目标导向:先搞清楚为啥要学 Python几乎可以做任何事,但我…

2023汽车供应链大会暨爱普搜采购商交流会

2023汽车供应链大会暨爱普搜采购商交流会 Automotive Supply Chain Conference & APSOTO Purchasing Exchange Meeting 补链强链 绿色发展--打造中国汽车供应链新生态 北京是我国汽车工业重地之一,产业实力雄厚,发展强劲。北京车企及零部件公司分布…

springboot高校宿舍报修管理系统计算机毕设 附源码83946

springboot高校宿舍报修管理系统 摘 要 科技进步的飞速发展引起人们日常生活的巨大变化,电子信息技术的飞速发展使得电子信息技术的各个领域的应用水平得到普及和应用。信息时代的到来已成为不可阻挡的时尚潮流,人类发展的历史正进入一个新时代。在现实…

VUE L 事件处理 ⑤

目录 文章有误请指正,如果觉得对你有用,请点三连一波,蟹蟹支持✨ V u e j s Vuejs Vuejs E v e n t j s Eventjs Eventjs总结 文章有误请指正,如果觉得对你有用,请点三连一波,蟹蟹支持✨ ⡖⠒⠒⠒⠤⢄⠀⠀⠀…

Java反射机制以及应用

Java反射机制以及应用 1、Java反射 在运行状态中,对于任意一个类,都能够获取到这个类的所有属性和方法,对于任意一个对象,都能够调用它的任意一个方法和属性(包括私有的方法和属性),这种动态获取的信息以及动态调用对…

【推荐】免费PDF编辑修改软件排行榜Top11!

随着组织进入数字时代,他们需要处理大量数字文档,尤其是 PDF。PDF 是数字文档中使用最广泛的文件格式之一,能够编辑 PDF 文件至关重要。PDF编辑并不是任何软件都能轻松完成的。不过,网络上有大量免费、开源的 PDF 编辑软件可以帮助…

基于Springboot+vue+协同过滤+前后端分离+电子产品推荐系统(用户,多商户,管理员)+全套视频教程

基于Springbootvue协同过滤前后端分离电子产品推荐系统(用户,多商户,管理员)(毕业论文11000字以上,共33页,程序代码,MySQL数据库) 代码下载 链接:https://pan.baidu.com/s/1ckCKm4zKT0m4RqfHULYyOg 提取码:8888 【运行环境】Idea JDK1.8 Maven MySQL …

基于Servlet+JDBC实现的基础博客系统>>系列2 -- 前端基础页面

目录 1. 博客公共页面样式 2. 博客列表页 3. 博客详情页 4. 博客登录页 5. 博客编辑页 1. 博客公共页面样式 导航栏以及背景图设置 <body> <!-- 1.navigation 导航栏 --><div class"nav"><!-- logo --><img src"image/logo.png&q…

【深圳触觉智能技术分享】Purple Pi OH Android11 ROOT 方法

为了让应用程序可以直接调用su执行系统命令和获取root权限&#xff0c;本文基于Purple Pi OH主板的Android SDK&#xff0c;介绍如果修改和编译一个root版本的Android11系统,以下为sdk源码修改方法。 Purple Pi OH作为一款兼容树莓派的开源主板&#xff0c;采用瑞芯微RK3566 (…

【yocto2】利用yocto工具构建嵌入式Linux系统

1.定制化嵌入式linux系统 在实际项目中&#xff0c;一款嵌入式产品往往具有不同的硬件平台和软件需求&#xff0c;因此需要对嵌入式Linux系统进行定制&#xff0c;以满足不同的产品需求。之前的章节中基于Freescale官方提供的例程&#xff0c;构建了运行于imx6ull14x14evk硬件…

OpenCVForUnity(一)简介与插件

文章目录 前言:下载地址&#xff1a;官方文档/教学地址&#xff1a;主要模块的功能&#xff1a; 前言: 端午假期到了&#xff0c;最近我发现了一个非常有意思的课题——OpenCV&#xff0c;而我需要研究的则是OpenCVForUnity。它可以用于在Unity里处理图像、视频和摄像头数据&am…

Linux基础内容(24) —— 线程概念

Linux基础内容&#xff08;23&#xff09;—— 信号补充与多线程交接知识_哈里沃克的博客-CSDN博客https://blog.csdn.net/m0_63488627/article/details/131275661?csdn_share_tail%7B%22type%22%3A%22blog%22%2C%22rType%22%3A%22article%22%2C%22rId%22%3A%22131275661%22%2…

【无监督学习】0、有监督学习、无监督学习、半监督学习

文章目录 一、有监督学习二、半监督学习三、无监督学习3.1 对比式学习 一、有监督学习 有监督学习最大的特点就是数据集是带标签的&#xff0c;如有监督分类任务&#xff0c;就是给每张图都分配一个真实标签&#xff0c;表示这张图是 dog、cat 或者是 bird。 而标签的作用就是…

Git基本操作命令

目录 一、简介 二、基本命令使用 (1) git add ---将该文件添加到暂存区 (2) git status --- 命令用于查看在上次提交之后是否有对文件进行再次修改 (3) git diff -- 比较文件在暂存区和工作区的差异 (4) git commit --- 将暂存区内容添加到本地仓库中 (5) git reset --…

前端实现实时数据更新:EventSource

前言 大看板相信很多人都做过&#xff0c;通常就是用来展示数据的。最初一些同事&#xff08;包括我自己&#xff09;都是通过定时器来实现的&#xff0c;每隔多长时间发送一次请求。后来用户说页面不刷新或者是页面卡死了&#xff0c;讨论的解决方案是改成WebSocket实时推送消…

AI绘图软件分享:Midjourney 基础教程(四)参数进阶

大家好&#xff0c;我是权知星球&#xff0c;今天我们继续来学习Midjourney 基础教程&#xff08;四&#xff09;&#xff1a;Midjourney 参数进阶。 通过前⼏篇⽂章的学习&#xff0c;我们知道了&#xff0c;想要掌握 Midjourney AI 绘画技术&#xff0c;先需要学习掌握常⽤的…

还在烦恼代码写不出来?低代码助力实现“无码”搭建系统平台

摘要&#xff1a;本文由葡萄城技术团队于CSDN原创并首发。葡萄城为开发者提供专业的开发工具、解决方案和服务&#xff0c;赋能开发者。 据说… 每敲出来一行代码 就有一根头发离我而去… 而每解决掉一个bug 就有一个毛囊开始休养生息… 程序猿&#xff0c;一个让人既爱又…

USR-C216配置客户端模式,手机接收数据

若是不清楚现在模块什么配置可先恢复出厂设置&#xff0c;将nReload拉低3S即可。 此时模块发出热点名字为USR-C216,无密码 电脑连接后在浏览器输入10.10.100.254&#xff0c;进入后密码和用户名为admin

多数人都不会用,有了这些视频APP,再也不担心失效!

阿虚储物间里一大热门下载内容就是影视类APP了 但相信有这类需求的粉丝都知道&#xff1a;这类APP要么你忍受烦人的广告&#xff0c;要么就找去广告版&#xff0c;但去广告版有个最大的问题就是经&#xff01;常&#xff01;失&#xff01;效&#xff01; 其实阿虚早就介绍过…

窗口层级树的构建

窗口层级树的构建 参考&#xff1a; android 13 WMS/AMS系统开发-窗口层级相关DisplayArea,WindowContainer第二节 在上一节dumpsys activity containers中&#xff0c;层级树中有如下的标识符&#xff1a; WindowedMagnificationHideDisplayCutoutOneHandedHideDisplayCut…