欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

Axure怎么設(shè)計(jì)調(diào)整屏幕亮度效果的效果?

百度經(jīng)驗(yàn)   發(fā)布時(shí)間:2018-11-30 12:32:35   作者:畢志華1991   我要評(píng)論
Axure怎么設(shè)計(jì)調(diào)整屏幕亮度效果的效果?Axure設(shè)計(jì)網(wǎng)頁(yè)原型很簡(jiǎn)單,想要制作一個(gè)調(diào)整屏幕亮度的交互效果,該怎么制作呢?下面我們就來(lái)看看詳細(xì)的教程,需要的朋友可以參考下

Axure想要制作一個(gè)調(diào)整屏幕的亮度的效果,該怎么制作這個(gè)交互動(dòng)畫呢?主要是通過(guò)移動(dòng)的位置和距離來(lái)控制的,下面我們就來(lái)看看詳細(xì)的教程。

1、打開(kāi)Axure原型工具,創(chuàng)建一個(gè)空白頁(yè)面,在工作區(qū)域中拖入矩形、橢圓形及動(dòng)態(tài)面板等元件元素,如下圖所示。

2、元件素材準(zhǔn)備完成后,將各處元件的樣式進(jìn)行調(diào)整,并將橢圓形放入到動(dòng)態(tài)面板中,同時(shí)需要對(duì)各個(gè)元件的名稱進(jìn)行命名,后面在做交互的時(shí)候需要用到,如下圖所示。

3、下面開(kāi)始對(duì)前置的線條選中時(shí)的樣式進(jìn)行設(shè)置,主要是填充顏色的變化,后面做交互事件的時(shí)候會(huì)應(yīng)用到,如下圖所示。

4、選中的樣式設(shè)置完成后,對(duì)動(dòng)態(tài)頁(yè)面的拖動(dòng)時(shí)的交互事件進(jìn)行設(shè)置,如下圖所示。

5、在設(shè)置動(dòng)態(tài)面板拖動(dòng)時(shí)的交互事件時(shí),需要用到變量,主要用于判斷背景線條的長(zhǎng)度和位置,這樣圓形只能在這條線上拖動(dòng),如下圖所示。

6、下面一步,對(duì)頁(yè)面加載的交互事件進(jìn)行設(shè)置,將對(duì)應(yīng)的元件設(shè)置成選中狀態(tài),如下圖所示。

7、最后我們將元件拖放到一起,形成好看的效果,并加入另外一些圖標(biāo)或元素做修飾 ,如下圖所示。

8、好了,所有交互和樣式都設(shè)置完成了,f5預(yù)覽一下效果,拖動(dòng)線上面的圓,是不是有調(diào)整屏幕亮度的效果。

以上就是Axure制作調(diào)整屏幕亮度效果的教程,希望大家喜歡,請(qǐng)繼續(xù)關(guān)注腳本之家。

相關(guān)推薦:

Axure8怎么使用鋼筆畫線段?

Axure8怎么將所有頁(yè)面導(dǎo)出為圖片?

Axure怎么制作一個(gè)幸運(yùn)大轉(zhuǎn)盤動(dòng)畫?

相關(guān)文章

  • Axure RP 8設(shè)怎么控制輸入框禁用或啟用?

    Axure RP 8設(shè)怎么控制輸入框禁用或啟用?想要設(shè)置一個(gè)輸入框的禁用或者啟用的按鈕,并實(shí)現(xiàn)相對(duì)應(yīng)的功能,該怎么實(shí)現(xiàn)呢?下面我們就來(lái)看看詳細(xì)的教程,需要的朋友可以參考下
    2017-04-14
  • Axure RP 8怎么設(shè)置控制多選列表傳值的效果?

    Axure RP 8怎么設(shè)置控制多選列表傳值的效果?Axure RP 8總想通過(guò)按鈕點(diǎn)擊事件給多選列表添加值,該怎么實(shí)現(xiàn)呢?下面我們就來(lái)看看詳細(xì)的教程,需要的朋友可以參考下
    2017-04-05
  • Axure元件怎么鎖定與解鎖?

    Axure元件怎么鎖定與解鎖?Axure繪制網(wǎng)頁(yè)原型的時(shí)候,想要鎖定某些元件,該怎么鎖定呢?鎖定以后又該怎么解鎖呢?下面我們就來(lái)看看詳細(xì)的教程,需要的朋友可以參考下
    2017-03-27
  • Axure RP怎么設(shè)計(jì)彈出窗口的效果?

    Axure RP怎么設(shè)計(jì)彈出窗口的效果?Axure RP在設(shè)計(jì)網(wǎng)頁(yè)原型的時(shí)候,需要制作一個(gè)彈出的窗口,該怎么設(shè)置呢?下面我們就來(lái)看看詳細(xì)的教程,需要的朋友可以參考下
    2017-03-27
  • Axure怎么制作商品詳情頁(yè)產(chǎn)品圖展示效果?

    Axure怎么制作商品詳情頁(yè)產(chǎn)品圖展示效果?想要使用Axure設(shè)計(jì)一個(gè)商品圖片展示效果,該怎么制作呢?下面我們就來(lái)看看詳細(xì)的教程,需要的朋友可以參考下
    2017-03-26
  • Axure怎么制作中繼器的篩選功能?

    Axure怎么制作中繼器的篩選功能?Axure中設(shè)計(jì)網(wǎng)頁(yè)的時(shí)候,想要使用志及其制作一個(gè)篩選的教程,該怎么制作呢?下面我們就來(lái)看看詳細(xì)的教程,需要的朋友可以參考下
    2017-03-26
  • axure怎么制作復(fù)選框的全選和反選?

    axure怎么制作復(fù)選框的全選和反選?axure中制作了三個(gè)復(fù)選框,想要添加兩個(gè)按鈕可以控制復(fù)選框,一個(gè)是全選按鈕,一個(gè)是單選按鈕,該怎么制作呢?下面我們就來(lái)看看詳細(xì)的教
    2017-03-22
  • Axure RP 8怎么設(shè)計(jì)單選按鈕和按鈕選擇值?

    Axure RP 8怎么設(shè)計(jì)單選按鈕和按鈕選擇值?Axure RP 8設(shè)計(jì)網(wǎng)頁(yè)的時(shí)候,想要插入單選按鈕、按鈕和輸入框,該怎么辦呢?下面我們就來(lái)看看詳細(xì)的教程,需要的朋友可以參考下
    2017-03-21
  • Axure RP 8怎么設(shè)計(jì)模擬播放器模型?

    Axure RP 8怎么設(shè)計(jì)模擬播放器模型?Axure RP 8中想要設(shè)計(jì)一款mp3音樂(lè)播放器,該怎么設(shè)計(jì)呢?下面我們就來(lái)看看使用Axure設(shè)計(jì)的教程,需要的朋友可以參考下
    2017-03-20
  • Axure設(shè)計(jì)的網(wǎng)頁(yè)怎么生成html文件?

    Axure設(shè)計(jì)的網(wǎng)頁(yè)怎么生成html文件?Axure中設(shè)計(jì)了網(wǎng)頁(yè),想要將網(wǎng)頁(yè)生成html頁(yè)面,該怎么生成呢?下面我們就來(lái)看看詳細(xì)的教程,需要的朋友可以參考下
    2017-02-28

最新評(píng)論