九色国产,午夜在线视频,新黄色网址,九九色综合,天天做夜夜做久久做狠狠,天天躁夜夜躁狠狠躁2021a,久久不卡一区二区三区

打開(kāi)APP
userphoto
未登錄

開(kāi)通VIP,暢享免費(fèi)電子書(shū)等14項(xiàng)超值服

開(kāi)通VIP
Axure RP8 動(dòng)態(tài)面板之折疊和展開(kāi)

爬行蟑螂也是剛開(kāi)始使用Axure,這里分享動(dòng)態(tài)面板之折疊和展開(kāi)。當(dāng)然也是參考別人的,及時(shí)給大家分享,也是想要記錄下來(lái);

第一步:創(chuàng)建三個(gè)動(dòng)態(tài)面板,分別添加2個(gè)子動(dòng)態(tài)面板頁(yè)面;三個(gè)動(dòng)態(tài)面板命名及坐標(biāo)(x,y)寬高(w,h)如下所示:

子頁(yè)面命名為:

  • B1——State1-B1,State2-B1;
  • B2——State1-B2,State2-B2;
  • B3——State1-B3,State2-B3;

動(dòng)態(tài)面板坐標(biāo)為:

  • B1——【0,0】,【200,300】;
  • B2——【0,50】,【200,300】;
  • B3——【0,100】,【200,300】

第二步:進(jìn)入動(dòng)態(tài)面板【State1-B1】和【State2-B1】的編輯頁(yè)面,分別在兩個(gè)頁(yè)面添加兩個(gè)矩形,小矩形坐標(biāo)及大小為:(0,0)(200,50),大矩形坐標(biāo)及大小為:(0,50)(200,250);填充內(nèi)容及顏色作為標(biāo)記;且將動(dòng)態(tài)面板【State1-B1】的大矩形設(shè)置為隱藏;其他面板的設(shè)置一樣;分別如圖所示:

第三步:

進(jìn)入【State1-B1】編輯,設(shè)置事件;

  1. 選中小矩形M1——添加事件【鼠標(biāo)單擊】——【設(shè)置面板狀態(tài)】——選擇動(dòng)態(tài)面板【B1】——選擇狀態(tài)【State2-B1】——確認(rèn)
  2. 繼續(xù)添加事件【移動(dòng)】——勾選動(dòng)態(tài)面板【B2】——移動(dòng)【相對(duì)位置】——設(shè)置坐標(biāo)為(0,250)——確認(rèn)
  3. 繼續(xù)添加事件【移動(dòng)】——勾選動(dòng)態(tài)面板【B3】——移動(dòng)【相對(duì)位置】——設(shè)置坐標(biāo)為(0,250)——確認(rèn)

進(jìn)入【State2-B1】編輯,設(shè)置事件;

  1. 選中小矩形M1——添加事件【鼠標(biāo)單擊】——【設(shè)置面板狀態(tài)】——選擇動(dòng)態(tài)面板【B1】——選擇狀態(tài)【State1-B1】——確認(rèn)
  2. 繼續(xù)添加事件【移動(dòng)】——勾選動(dòng)態(tài)面板【B2】——移動(dòng)【相對(duì)位置】——設(shè)置坐標(biāo)為(0,-250)——確認(rèn)
  3. 繼續(xù)添加事件【移動(dòng)】——勾選動(dòng)態(tài)面板【B3】——移動(dòng)【相對(duì)位置】——設(shè)置坐標(biāo)為(0,-250)——確認(rèn)

如圖所示:

其他設(shè)置也是同上,就不用文字累贅了。

進(jìn)入【State2-B2】和【State1-B2】編輯入截圖如下:

進(jìn)入【State2-B3】和【State1-B3】編輯入截圖如下:

點(diǎn)擊預(yù)覽,即可運(yùn)行成功啦!設(shè)置的過(guò)程中,注意坐標(biāo)之間的關(guān)系,就不是很復(fù)雜了。

本文由 @Cassie 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。

本站僅提供存儲(chǔ)服務(wù),所有內(nèi)容均由用戶發(fā)布,如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容,請(qǐng)點(diǎn)擊舉報(bào)。
打開(kāi)APP,閱讀全文并永久保存 查看更多類(lèi)似文章
猜你喜歡
類(lèi)似文章
9000字完整案例,模擬拼多多APP學(xué)會(huì)Axure常見(jiàn)及酷炫操作
Axure 9.0教程:二級(jí)菜單的制作與使用 | 人人都是產(chǎn)品經(jīng)理
Axure8.0教程:輸入數(shù)值控制滑塊
Axure RP8.0教程:APP列表展示頁(yè)排版技巧及中繼器的坑
介紹12點(diǎn)關(guān)于Axure的觸發(fā)事件的知識(shí)
Axure教程 axure新手入門(mén)基礎(chǔ)(3) | 人人都是產(chǎn)品經(jīng)理
更多類(lèi)似文章 >>
生活服務(wù)
熱點(diǎn)新聞
分享 收藏 導(dǎo)長(zhǎng)圖 關(guān)注 下載文章
綁定賬號(hào)成功
后續(xù)可登錄賬號(hào)暢享VIP特權(quán)!
如果VIP功能使用有故障,
可點(diǎn)擊這里聯(lián)系客服!

聯(lián)系客服