中文字幕无码av不卡一区,亚洲综合AV永久无码精品一区二区,黑人巨大白妞出浆,黄色高清无码免费看,久久久久免费精品国产,久久无码人妻丰满熟妇区毛片,欧美日韩国产综合草草,久久福利网站,亚洲一区二区三区中文字幕在线,av国内精品久久久久影院

作者給大家分享了如何使用axure rp9制作滑動和動態顯示效果，一起來看看~

要求

1）鼠標左右拖動屏幕變暗或變亮

2）鼠標左右拖動上方顯示亮度值、放開鼠標亮度值消失

需要用的元件如下

文本元件、矩形、動態面板

需要用到的事件

頁面載入時、拖動時、拖動結束時

技巧

1）掌握跟隨鼠標水平拖動左右邊界范圍

2）計算和轉換亮度值，建議元件的寬度是100的倍數，方便換算

具體步驟

（1）在畫布上拖入需要用的元件，并調整相關的位置、樣式

看下具體的概要層級：

（2）開始寫交互事件

頁面載入時：

默認獲取屏幕背景的寬度作為亮度值，因為我用的是400px,按百分比算的時候除以了4，并向上取整，另外值越大，屏幕越亮，因為是用的透明度，值越大越暗，所以要用100來減一下，如下圖所示

[[100-Math.ceil(LVAR1.width/4)]]

拖動時與拖動結束時交互：

拖動時：

1）滑塊跟隨水平拖動，左邊x坐標不低于27px,右邊不高于438px,根據你畫布具體的x坐標進行調整

2）滑塊數值同上

3）設置背景的尺寸當前滑塊值的x坐標-背景在畫布的起始x坐標，我的是29px

4)?設置滑塊數值的文本，需要逐漸顯示效果，400px按百分比取整 ，同時顯示可見（默認為隱藏）

5）設備屏背景不透明度，反向用100-當前的寬度值

6）拖動結束時，逐漸隱藏滑塊數值

（3）看下最終效果

哈羅，大家好，這次埃文第一次發表文章，希望大家多多關照，相互學習。

本文由 @Evan 原創發布于人人都是產品經理，未經作者許可，禁止轉載。

題圖來自Unsplash，基于CC0協議。