該樓層疑似違規(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)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。