Axure教程——滑动解锁

news/2024/11/23 9:52:10/

本文将教大家如何用AXURE中的动态面板制作滑动解锁
一 、效果
在这里插入图片描述
预览地址:https://6dnu91.axshare.com

二、功能
滑动滑块从左到右,提示验证成功

三、制作
拖入一个动态面板组件,如图:
在这里插入图片描述
点击动态面板进入,拖入一个矩形命名为1,初始值设置为0,用来记录滑动的X值,如图:
在这里插入图片描述
并设置矩形为隐藏状态

拖入一个矩形,设置颜色为#FEA213,大小为8×25,圆角v半径为3,如图:
在这里插入图片描述
拖入一个矩形,设置大小为300×25,为滑块运动轨迹,如图:
在这里插入图片描述
拖入一个矩形命名为2,设置大小为74×35,设置文字为"再滑一次",并设置为隐藏状态,如图:
在这里插入图片描述
拖入一个矩形,大小为50×35,颜色为#0000FF,此矩形为滑块,如图:

在这里插入图片描述
所有制作完毕,最终设计为:
在这里插入图片描述
四、交互设置
1、滑块设置
滑块拖动时设置,如图:
在这里插入图片描述
滑块拖动结束时,设置如图:
在这里插入图片描述
2、矩形2设置
当矩形2鼠标点击时,设置,如图:
在这里插入图片描述
制作完毕


http://www.ppmy.cn/news/481923.html

相关文章

FPGA_学习_10_IP核_PLL

1 PLL IP核配置步骤 (Vivado 赛灵思) 我看的教程里面,那个兄弟是选的下面这个。 看来还是比较注重开发效率。 下面按照截图路径打开这个veo文件,学习如何在FPGA程序中例化IP核(有点像C你创建了一个类,然后你实例化一个&#xff…

C# 枚举和集合练习

帮助一家餐馆 Lumberjack.cs类&#xff1a; enum Flapjack{Crispy,Soggy,Browned,Banana,}internal class Lumberjack{public string Name { get; private set; }private Stack<Flapjack> flapjackStack new Stack<Flapjack>();//初始化为一个空栈/// <summar…

STM32H7 ADC 过采样对精度的影响效果

测试条件&#xff1a; STM32H7杜邦线鳄鱼夹36M时钟&#xff0c;1.5cycle采样时间100k采样速度采集直流SDG 1032X信号发生产生的1V直流 测试过程中&#xff0c;让TIM去触发ADC采集100个点&#xff0c;通过printf打印到出口助手&#xff0c;观察数据&#xff0c;去掉极其个别噪…

基于51单片机的ADC热敏电阻测温系统proteus仿真

硬件设计 &#xff08;末尾附文件&#xff09; 代码设计 #include <reg51.h> #include <intrins.h> #define uchar unsigned char #define uint unsigned int sbit CS P1^0; sbit CLKP1^1; sbit DIO P1^2; sbit K_HP1^3; sbit K_LP1^4; sbit LED_UP1^5; sbit L…

1.4 haas506开发教程-driver-ADC

haas506开发教程-driver-ADC 1.硬件图2.板载ADC3.日志4.总结 1.硬件图 2.板载ADC &#xff08;1&#xff09;案例说明   Haas506开发板有两个ADC接口&#xff0c;可以使用板载ADC接口进行数据测量。 &#xff08;2&#xff09;main.py # codingutf-8 # This is a sample Py…

RFSoC全面解析(三)——射频直采ADC的引脚

在之前的文章我们已经提到了ADC的指标,RFSOC:XCZU28DR-2FFVG1517E芯片中一共有8路射频直采的ADC,采样率均可达到4.096GSPS,位宽12bit,详见《RFSoC全面解析(一)——芯片介绍》。本期来看看射频ADC的引脚的分布情况。 在RFSoC芯片的所有引脚中,射频ADC和DAC占据了很大一…

进阶HAL库开发——第一集 :ADC采集

进阶ADC采集 1.进阶知识补充2.DMA方式2.1配置2.2实现3.外接高精度ADC(MCP3421)& iic驱动库3.1 MCP3421 原理图:3.2 MCP3421驱动库:MCP3421.hMCP3421.c3.3 iic驱动库【模拟iic】:port_iic.hport_iic.cport_delay.hport_delay.h3.4 实现:

基于STM32G031的失真度测试仪(CubeMX+ADC+DMA+OLED+EC11)

目录 项目介绍硬件介绍设计思路各功能代码及说明SPWM波生成ADC采样FFT获取按键动作OLED显示系统顶层 功能展示OLED显示采样波形OLED显示频谱/失真度曲线 项目总结 &#x1f449;工程文件及代码&#xff1a;参见【2022寒假在家练】基于STM32G031的失真度测试仪 &#x1f449; CS…