axure中交互样式设置鼠标悬停后其他的按下选中无效_Axure交互动作
該樓層疑似違規(guī)已被系統(tǒng)折疊?隱藏此樓查看此樓
axure中交互樣式設(shè)置鼠標(biāo)懸停后其他的按下選中無效_交互區(qū)域 -- 交互動作
啟用情形+交互事件+交互動作
三個部分構(gòu)成了整個原型的交互邏輯、啟用情形是觸發(fā)的前提條件,交互事件是執(zhí)行的動作,交互動作是執(zhí)行動作的結(jié)果。
簡單來講:通過交互事件在啟用情形下,可以觸發(fā)特定的交互動作。交互動作就是最終的執(zhí)行條件。
鏈接動作打開鏈接
· 指定的元件內(nèi)頁面:鏈接到原型內(nèi)部的某個頁面實(shí)現(xiàn)跳轉(zhuǎn)。
· 連接到URL或文件路徑:跳轉(zhuǎn)指定的地址路徑,網(wǎng)址要規(guī)范的URL。
· 重新載入當(dāng)前頁面:重新加載當(dāng)前的頁面(注:會重置界面至初始狀態(tài),除非設(shè)置了一些共有變量去控制。)
· 返回上一頁:返回上一個頁面。
· 更多選項(xiàng)
· 當(dāng)前窗口:在當(dāng)前頁面打開(默認(rèn))
· 新窗口、新標(biāo)簽:新的瀏覽器頁面打開。
· 彈出窗口:彈出窗口打開。
· 父級窗口:父級窗口打開(當(dāng)子頁面的交互事件觸發(fā)父頁面的交互加載)。
關(guān)閉窗口
設(shè)置點(diǎn)擊事件,關(guān)閉當(dāng)前窗口(適用場景,點(diǎn)擊后關(guān)閉新開的頁面或彈框頁面)。
父子頁面互動,關(guān)閉頁面.rp
框架中打開
· 父級框架:在Axure中整體的頁面就是一個框架,可以通過交互事件去調(diào)整整體的框架頁面加載。
· 內(nèi)聯(lián)框架:內(nèi)聯(lián)框架是我們引入的元件(默認(rèn)元件中選擇)。我們也可以通過點(diǎn)擊事件進(jìn)行內(nèi)聯(lián)框架的動作。在內(nèi)聯(lián)框架中打開新的頁面或地址,文件視頻等。
滾動到元件
一種絕對定位的方式,可以直達(dá)某個元件,例如可以設(shè)置直達(dá)頂部,底部,或具體的某個元件位置。
元件動作顯示隱藏
控制元件的是否可見屬性
· 目標(biāo):控制的元件。
· 顯示:元件可見。
· 隱藏:元件不可見。
· 切換:切換當(dāng)前元件的可見狀態(tài)(可見-不可見-可見)。
· 動畫:控制變化的交互方向動畫。。
· 毫秒:整個動畫持續(xù)的時長(1000毫秒=1秒)。
· 置于頂層:將元件移動在最頂層(防止其他元件遮擋顯示效果)。
· 燈箱效果、彈出效果:交互的效果。
· 推動元件:推動下方的元件(注:推送元件的效果在于可以很好的展示頁面的布局)。
設(shè)置面板狀態(tài)
控制動態(tài)面板的交互顯示
· 目標(biāo):控制的元件(目標(biāo)元件必須是動態(tài)面板)。
· 狀態(tài):當(dāng)前屬于動態(tài)面板中的哪一個。
· 進(jìn)入動畫:動態(tài)面板進(jìn)入時的交互動畫。
· None:無
· 逐漸
· 向右滑動
· 向左滑動
· 向上滑動
· 向下滑動
· 向右翻轉(zhuǎn)
· 向左翻轉(zhuǎn)
· 向上翻轉(zhuǎn)
· 向下翻轉(zhuǎn)
· 退出動畫:動態(tài)面板退出時的交互動畫。
· 如果隱藏則顯示:當(dāng)動態(tài)面板原始的狀態(tài)為隱藏時,加載時是否顯示。勾選顯示。
· 推動和拉動元件:推動、拉動元件(注:推動、拉動元件的效果在于可以很好的展示頁面的布局)。
· 搖擺
· 線性
· 緩慢進(jìn)入
· 緩慢退出
· 緩進(jìn)緩出
· 彈跳
· 彈性
設(shè)置文本
設(shè)置文字的顯示
設(shè)置圖片
設(shè)置圖片的顯示。
· 屬性:
· 圖片:選擇一張本地圖片上傳。
· 值:
· 可以選擇中繼器中的賦值,配合中繼器效果可以在中繼器中設(shè)置為導(dǎo)入圖片。然后通過賦值給元件,到達(dá)一些特有效果,例如:商品列表等等。
· 可以選著圖片地址,例如OSS圖片地址。
· 更多選項(xiàng)
· 設(shè)置鼠標(biāo)懸停圖片:當(dāng)鼠標(biāo)懸停在圖片時,展示對應(yīng)的圖片,同時具有圖片的屬性設(shè)置(圖片或值)。
· 設(shè)置鼠標(biāo)按下圖片:當(dāng)鼠標(biāo)按下時,展示對應(yīng)的圖片,同時具有圖片的屬性設(shè)置(圖片或值)。
· 設(shè)置選中圖片:當(dāng)前圖片元件選中時,展示對應(yīng)的圖片,同時具有圖片的屬性設(shè)置(圖片或值)。
· 設(shè)置禁用圖片:當(dāng)前圖片元件禁用時,展示對應(yīng)的圖片,同時具有圖片的屬性設(shè)置(圖片或值)。
設(shè)置選中
設(shè)置元件狀態(tài)為選中狀態(tài)。
· 選中需配合已設(shè)定的元件選中效果進(jìn)行使用。通過設(shè)置選中進(jìn)行元件不同狀態(tài)的交互。
設(shè)置列表選中項(xiàng)
設(shè)置存在選項(xiàng)列表中的某一個選項(xiàng)。
· 在存在下拉列表、列表框時,可以觸發(fā)設(shè)置列表選中項(xiàng)。
啟用/禁用
設(shè)置元件(元件組)的啟用與禁用狀態(tài)。
移動
設(shè)置元件(元件組)的移動
· 到達(dá):使元件移動到達(dá)某個固定位置(此位置是一個絕對位置),例如:元件起始坐標(biāo)為(50、50),設(shè)定達(dá)到坐標(biāo)(100、100),此時的移動就是元件到達(dá)(100、100)的位置。
· 經(jīng)過:使元件移動到達(dá)某個相對位置,例如:元件起始坐標(biāo)為(50、50),設(shè)定達(dá)到坐標(biāo)(100、100),此時的移動就是元件到達(dá)(150、150)的位置。
· 移動需要指定元件的X坐標(biāo)和Y坐標(biāo)。同時坐標(biāo)支持函數(shù)賦值。
交互移動-經(jīng)過、到達(dá)演示.rp
· 軌道:有直線、逆時針弧線和,三種類型??梢詽M足簡單的加載移動效果。
· 直線
· 順時針弧線
· 逆時針弧線
· 邊界:邊界可以理解為給移動的元件給定一個可以移動的范圍。
· 邊界分為四個方向:左側(cè)、右側(cè)、頂部、底部。
· 邊界的比較分為:>=(大于等于)、>(大于)、
· 只支持具體的值,也支持函數(shù)賦值。
旋轉(zhuǎn)
設(shè)置元件(元件組)的旋轉(zhuǎn)
· 旋轉(zhuǎn):
· 順時針旋轉(zhuǎn):元件旋轉(zhuǎn)方向按照順時鐘的方向旋轉(zhuǎn)。
· 逆時針旋轉(zhuǎn):元件旋轉(zhuǎn)方向按照逆時鐘的方向旋轉(zhuǎn)。
· 方式
· 到達(dá):使元件旋轉(zhuǎn)絕對角度。例如:元件起始角度為30°,設(shè)定達(dá)到100°,元件旋轉(zhuǎn)后的角度就為100°。
· 經(jīng)過:使元件旋轉(zhuǎn)相對角度。例如:元件起始角度為30°,設(shè)定進(jìn)過100°,元件旋轉(zhuǎn)后的角度就為130°。
· 旋轉(zhuǎn)需要指定元件旋轉(zhuǎn)角度。同時角度支持函數(shù)賦值(360°一圈)。
· 動畫:無(none)、搖擺、線性、緩慢進(jìn)入、緩慢退出、緩進(jìn)緩出、彈跳、彈性。
· 動畫時常:整個旋轉(zhuǎn)周期所有的時常(結(jié)和動畫使用)。注:1000毫秒等于1秒。
· 偏移和錨點(diǎn)
· 偏移:可偏移的位置
· 錨點(diǎn):設(shè)定以什么為中心點(diǎn)旋轉(zhuǎn)(共有9個點(diǎn)供選擇、左上、上中、右上、左中、中心、右中、左下、中下、右下)。選擇不同的錨點(diǎn),旋轉(zhuǎn)出的樣式不同,常用的基本為中心旋轉(zhuǎn)。
設(shè)置尺寸
設(shè)置元件的尺寸大小
· 適合于觸發(fā)元件的大小調(diào)整,例如鼠標(biāo)移入放大。
· 設(shè)置尺寸需要指定元件高度和寬度。同時高度和寬度支持函數(shù)賦值。
· 動畫:無(none)、搖擺、線性、緩慢進(jìn)入、緩慢退出、緩進(jìn)緩出、彈跳、彈性。
· 動畫時常:整個旋轉(zhuǎn)周期所有的時常(結(jié)和動畫使用)。注:1000毫秒等于1秒。
· 錨點(diǎn):設(shè)定放大的方向(共有9個點(diǎn)供選擇、左上、上中、右上、左中、中心、右中、左下、中下、右下)。
置于頂層/底層
將元件置于頂層或者底層,通過元件的層級關(guān)系,利用Axure加載渲染的特性實(shí)現(xiàn)部分效果。
· 通常用的比較多的是置于頂層,這樣有以利于元件的充分顯示(不考慮元件概要中的元件排序)
設(shè)置不透明度
設(shè)置元件的不透明度
· 通過設(shè)置元件的不透明度實(shí)現(xiàn)一些場景交互效果。
獲取焦點(diǎn)
設(shè)置元件獲取焦點(diǎn)。當(dāng)元件獲取焦點(diǎn)后,可以結(jié)合交互事件中的獲取焦點(diǎn)、失去焦點(diǎn)進(jìn)行交互處理。
· 同時焦點(diǎn)是一個暫存(為什么說是暫存:焦點(diǎn)會隨著操作而消失,所以這個暫存狀態(tài)可以幫助我們完成一些其他交互無法達(dá)到的效果。)例如一些點(diǎn)擊選中,可以設(shè)置獲取焦點(diǎn)是選中,失去焦點(diǎn)是切換為未選中,這樣就可以達(dá)到一些微小的視覺效果。
展開/收起樹節(jié)點(diǎn)
針對樹的操作(不經(jīng)常使用,此處就不過多說明)
初來乍到,請多多指教,大神勿噴。
總結(jié)
以上是生活随笔為你收集整理的axure中交互样式设置鼠标悬停后其他的按下选中无效_Axure交互动作的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: HTML期末大作业~学生个人博客静态页面
- 下一篇: 起点中文网字体反爬