首页 > 其他分享 >Axure教程—滚动加载(中继器 )

Axure教程—滚动加载(中继器 )

时间:2023-06-06 15:44:31浏览次数:54  
标签:滚动 中继器 设置 Axure 面板 如图 加载

本文将教大家如何用AXURE中的中继器制作滚动加载效果
一、效果介绍
如图:

 


预览及下载地址:https://awjggr.axshare.com

二、功能介绍
向下滚动鼠标,自动加载内容

三、制作方法
1、中继器制作
拖入一个动态面板组件,命名为1,设置大小为800×500,如图:

 


进入动态面板1,拖入另一个动态面板,命名为2,设置其大小为:820×500,如图:

 


在动态面板2中加入中继器组件,其赋值,大小为800×550如图

 


2、加载组合

在动态面板2中拖入一个矩形,其大小设置为800×100,在其矩形中加入加载图片以及“正在加载”文本矩形,如图:

 


三个组件组合一起命名为3,并设置为隐藏状放置在中继器下方,如图:

 

最终设计,如图:

 

四、交互设置

1、中继器
中继器每项加载时设置,如图:

 


2、加载组合
加载组合显示时和隐藏时设置,如图:

 

3、动态面板2

动态面板2向下滚动时设置,如图:

 


中继器滚动加载效果制作完毕。

标签:滚动,中继器,设置,Axure,面板,如图,加载
From: https://www.cnblogs.com/qianqianlu/p/17460730.html

相关文章

  • vite + react + arco-design-mobile 使用 babel-plugin-import 实现按需加载
    0.什么是vite?vite是一种新型前端构建工具。一个开发服务器,它基于原生ES模块提供丰富的内建功能一套构建指令,它使用Rollup打包你的代码,可输出用于生产环境的高度优化过的静态资源1.什么是babel?babel是一个javasctipt编译器,他是一个工具链,主要用于在当前浏览器和旧浏览器......
  • maplibre-gl加载天地图影像
    要在MapLibreGL中加载天地图的影像底图,需要使用天地图的瓦片服务URL,并将其添加为栅格图层。以下是一个示例代码片段,展示如何在MapLibreGL中加载天地图的影像底图://创建地图实例varmap=newmaplibregl.Map({container:'map-container',//替换为你的地图容器的......
  • webpack中的Loader 加载器
    原文点此跳转loader用于对模块的源代码进行转换。loader可以使你在import或"load(加载)"模块时预处理文件。因此,loader类似于其他构建工具中"任务(task)",并提供了处理前端构建步骤的得力方式。loader可以将文件从不同的语言(如TypeScript)转换为JavaScript或将内联图像......
  • 类加载顺序
    类加载顺序父类静态变量父类静态代码块子类静态变量子类静态代码块父类成员变量父类构造函数子类成员变量子类构造函数没有继承关系的情况下静态变量静态代码块成员变量构造函数......
  • JVM专栏-类加载的过程
    类加载的过程类加载过程包括5个阶段:加载、验证、准备、解析和初始化。加载加载的过程“加载”是“类加载”过程的一个阶段,不能混淆这两个名词。在加载阶段,虚拟机需要完成3件事:通过类的全限定名获取该类的二进制字节流。将二进制字节流所代表的静态结构转化为方法区的......
  • spire.ocr 报错无法加载 DLL"spire_ocrsystem.dll"
    出现这个错误的时候,用以下2个步骤解决:第一,要检查类库的运行平台是否已经改成了x64,因为spire.ocr是基于64位平台的 第二,缺少VC运行库,安装VC运行库即可运行库的下载地址:https://pan.baidu.com/s/1lQwyqaS-Ba2ns0BRT5Z7Eg  提取码:wgja ......
  • PE学习——导出表,加载dll并GetProcAddress获取函数地址的内在原理
    导出表一个可执行程序是由多个PE文件组成,这些PE文件依靠倒入表、导出表进行联系,导出表存储着PE文件提供给其他人使用的函数列表,导入表则存储着PE文件所需要用到的PE文件列表。从PE文件的角度去看,任何PE文件都可以有导入、导出表,从一般情况下来看,EXE文件不会提供导出表,也就是不会......
  • Andrid listview异步图片加载之优化篇
    关于listview的异步加载,网上其实很多示例了,总体思想差不多,不过很多版本或是有bug,或是有性能问题有待优化。有鉴于此,本人在网上找了个相对理想的版本并在此基础上进行改造,下面就让在下阐述其原理以探索个中奥秘,与诸君共赏…        贴张效果图先:         异步加载......
  • pnpm:无法加载文件 C:\Users\Five\AppData\Roaming\npm\pnpm.ps1 ,因为在此系统
    前言重装完了电脑系统,运行pnpm无法加载文件,pnpm-V也不行解决方案用管理员方式启动powershell输入命令:set-ExecutionPolicyRemoteSigned然后再输入:Y重启代码编辑器 ......
  • PXE(Preboot eXecution Environment)是一种通过网络引导计算机的协议,可以在没有本地存储
    PXE(PrebooteXecutionEnvironment)是一种通过网络引导计算机的协议,可以在没有本地存储设备或可启动介质的情况下从网络上加载操作系统和应用程序。PXE版本因厂商或标准制定者的不同而有所不同。以下是常见的PXE版本及其大致年代:PXE1.0:最早的PXE版本,于1999年左右推出。PXE2......