該樓層疑似違規已被系統折疊?隱藏此樓查看此樓

axure中交互樣式設置鼠標懸停后其他的按下選中無效_交互區域 -- 交互動作

啟用情形+交互事件+交互動作

三個部分構成了整個原型的交互邏輯、啟用情形是觸發的前提條件，交互事件是執行的動作，交互動作是執行動作的結果。

簡單來講：通過交互事件在啟用情形下，可以觸發特定的交互動作。交互動作就是最終的執行條件。

鏈接動作打開鏈接

· 指定的元件內頁面：鏈接到原型內部的某個頁面實現跳轉。

· 連接到URL或文件路徑：跳轉指定的地址路徑，網址要規范的URL。

· 重新載入當前頁面：重新加載當前的頁面(注：會重置界面至初始狀態，除非設置了一些共有變量去控制。)

· 返回上一頁：返回上一個頁面。

· 更多選項

· 當前窗口：在當前頁面打開(默認)

· 新窗口、新標簽：新的瀏覽器頁面打開。

· 彈出窗口：彈出窗口打開。

· 父級窗口：父級窗口打開(當子頁面的交互事件觸發父頁面的交互加載)。

關閉窗口

設置點擊事件，關閉當前窗口(適用場景，點擊后關閉新開的頁面或彈框頁面)。

父子頁面互動，關閉頁面.rp

框架中打開

· 父級框架：在Axure中整體的頁面就是一個框架，可以通過交互事件去調整整體的框架頁面加載。

· 內聯框架：內聯框架是我們引入的元件(默認元件中選擇)。我們也可以通過點擊事件進行內聯框架的動作。在內聯框架中打開新的頁面或地址，文件視頻等。

滾動到元件

一種絕對定位的方式，可以直達某個元件，例如可以設置直達頂部，底部，或具體的某個元件位置。

元件動作顯示隱藏

控制元件的是否可見屬性

· 目標：控制的元件。

· 顯示：元件可見。

· 隱藏：元件不可見。

· 切換：切換當前元件的可見狀態(可見-不可見-可見)。

· 動畫：控制變化的交互方向動畫。。

· 毫秒：整個動畫持續的時長(1000毫秒=1秒)。

· 置于頂層：將元件移動在最頂層(防止其他元件遮擋顯示效果)。

· 燈箱效果、彈出效果：交互的效果。

· 推動元件：推動下方的元件(注：推送元件的效果在于可以很好的展示頁面的布局)。

設置面板狀態

控制動態面板的交互顯示

· 目標：控制的元件(目標元件必須是動態面板)。

· 狀態：當前屬于動態面板中的哪一個。

· 進入動畫：動態面板進入時的交互動畫。

· None：無

· 逐漸

· 向右滑動

· 向左滑動

· 向上滑動

· 向下滑動

· 向右翻轉

· 向左翻轉

· 向上翻轉

· 向下翻轉

· 退出動畫：動態面板退出時的交互動畫。

· 如果隱藏則顯示：當動態面板原始的狀態為隱藏時，加載時是否顯示。勾選顯示。

· 推動和拉動元件：推動、拉動元件(注：推動、拉動元件的效果在于可以很好的展示頁面的布局)。

· 搖擺

· 線性

· 緩慢進入

· 緩慢退出

· 緩進緩出

· 彈跳

· 彈性

設置文本

設置文字的顯示

設置圖片

設置圖片的顯示。

· 屬性：

· 圖片：選擇一張本地圖片上傳。

· 值：

· 可以選擇中繼器中的賦值，配合中繼器效果可以在中繼器中設置為導入圖片。然后通過賦值給元件，到達一些特有效果，例如：商品列表等等。

· 可以選著圖片地址，例如OSS圖片地址。

· 更多選項

· 設置鼠標懸停圖片：當鼠標懸停在圖片時，展示對應的圖片，同時具有圖片的屬性設置(圖片或值)。

· 設置鼠標按下圖片：當鼠標按下時，展示對應的圖片，同時具有圖片的屬性設置(圖片或值)。

· 設置選中圖片：當前圖片元件選中時，展示對應的圖片，同時具有圖片的屬性設置(圖片或值)。

· 設置禁用圖片：當前圖片元件禁用時，展示對應的圖片，同時具有圖片的屬性設置(圖片或值)。

設置選中

設置元件狀態為選中狀態。

· 選中需配合已設定的元件選中效果進行使用。通過設置選中進行元件不同狀態的交互。

設置列表選中項

設置存在選項列表中的某一個選項。

· 在存在下拉列表、列表框時，可以觸發設置列表選中項。

啟用/禁用

設置元件(元件組)的啟用與禁用狀態。

移動

設置元件(元件組)的移動

· 到達：使元件移動到達某個固定位置(此位置是一個絕對位置)，例如：元件起始坐標為(50、50)，設定達到坐標(100、100)，此時的移動就是元件到達(100、100)的位置。

· 經過：使元件移動到達某個相對位置，例如：元件起始坐標為(50、50)，設定達到坐標(100、100)，此時的移動就是元件到達(150、150)的位置。

· 移動需要指定元件的X坐標和Y坐標。同時坐標支持函數賦值。

交互移動-經過、到達演示.rp

· 軌道：有直線、逆時針弧線和，三種類型。可以滿足簡單的加載移動效果。

· 直線

· 順時針弧線

· 逆時針弧線

· 邊界：邊界可以理解為給移動的元件給定一個可以移動的范圍。

· 邊界分為四個方向：左側、右側、頂部、底部。

· 邊界的比較分為：>=(大于等于)、>(大于)、

· 只支持具體的值，也支持函數賦值。

旋轉

設置元件(元件組)的旋轉

· 旋轉：

· 順時針旋轉：元件旋轉方向按照順時鐘的方向旋轉。

· 逆時針旋轉：元件旋轉方向按照逆時鐘的方向旋轉。

· 方式

· 到達：使元件旋轉絕對角度。例如：元件起始角度為30°，設定達到100°，元件旋轉后的角度就為100°。

· 經過：使元件旋轉相對角度。例如：元件起始角度為30°，設定進過100°，元件旋轉后的角度就為130°。

· 旋轉需要指定元件旋轉角度。同時角度支持函數賦值(360°一圈)。

· 動畫：無(none)、搖擺、線性、緩慢進入、緩慢退出、緩進緩出、彈跳、彈性。

· 動畫時常：整個旋轉周期所有的時常(結和動畫使用)。注：1000毫秒等于1秒。

· 偏移和錨點

· 偏移：可偏移的位置

· 錨點：設定以什么為中心點旋轉(共有9個點供選擇、左上、上中、右上、左中、中心、右中、左下、中下、右下)。選擇不同的錨點，旋轉出的樣式不同，常用的基本為中心旋轉。

設置尺寸

設置元件的尺寸大小

· 適合于觸發元件的大小調整，例如鼠標移入放大。

· 設置尺寸需要指定元件高度和寬度。同時高度和寬度支持函數賦值。

· 動畫：無(none)、搖擺、線性、緩慢進入、緩慢退出、緩進緩出、彈跳、彈性。

· 動畫時常：整個旋轉周期所有的時常(結和動畫使用)。注：1000毫秒等于1秒。

· 錨點：設定放大的方向(共有9個點供選擇、左上、上中、右上、左中、中心、右中、左下、中下、右下)。

置于頂層/底層

將元件置于頂層或者底層，通過元件的層級關系，利用Axure加載渲染的特性實現部分效果。

· 通常用的比較多的是置于頂層，這樣有以利于元件的充分顯示(不考慮元件概要中的元件排序)

設置不透明度

設置元件的不透明度

· 通過設置元件的不透明度實現一些場景交互效果。

獲取焦點

設置元件獲取焦點。當元件獲取焦點后，可以結合交互事件中的獲取焦點、失去焦點進行交互處理。

· 同時焦點是一個暫存(為什么說是暫存：焦點會隨著操作而消失，所以這個暫存狀態可以幫助我們完成一些其他交互無法達到的效果。)例如一些點擊選中，可以設置獲取焦點是選中，失去焦點是切換為未選中，這樣就可以達到一些微小的視覺效果。

展開/收起樹節點

針對樹的操作(不經常使用，此處就不過多說明)

初來乍到，請多多指教，大神勿噴。

總結

以上是生活随笔為你收集整理的axure中交互样式设置鼠标悬停后其他的按下选中无效_Axure交互动作的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。