Axure介紹
快速原型的軟件
應用場景:拉投資、給項目團隊、銷售演示、項目投標、內部收集反饋、教學
軟件安裝與漢化
漢化:復制lang文件夾和三個dll
軟件的基礎功能
基本布局:菜單欄、工具欄、頁面和摘要、元件和母版、畫布、樣式交互和說明設置
菜單欄:文件、編輯、視圖、項目、布局、發布、團隊、賬戶、窗口、幫助
4中類型的文件
后綴 | 文件類型 |
---|---|
.rp | 原型文件 |
.rplib | 元件庫文件 |
.rpteam | 團隊項目文件 |
.html | 網頁文件 |
頁面調整、自動備份
選擇模式:相交選擇、包含選擇
軟件默認元件及應用
元件選中時,9個小方框為白色時,大小固定,可以分別固定寬高,為黃色時自適應內容
熱區的兩個作用:擴大點擊范圍、設定頁面錨點
動態面板可以有多個狀態,可以實現輪播圖等效果
內聯框架就是在一個小區域內顯示另一個頁面
元件右上角的小閃電圖標表示該元件有交互動作
中繼器是把一個組件復制多份
文本框可以選擇不同的類型,包括文本框、密碼框、郵件、日期等
常用的交互設計
交互樣式:鼠標懸停、鼠標按下、選中、禁用、獲取焦點
鼠標懸停、鼠標按下、獲取焦點可以直接觸發
選中和禁用,需要設置交互動作
中繼器的使用:編輯母版,添加數據,用交互事件綁定值
變量和函數
中繼器Repeater屬性:
- Repeater:中繼器的對象
- visibleItemCount:中繼器項目列表中可見項的數量
- itemCount:加載項的數量
- dataCount:獲取中繼器數據集中數據行的總數量
- pageCount:獲取中繼器分頁的總頁量
- pageIndex:獲取中繼器項目列表當前顯示內容的頁碼
元件的屬性:
- This:獲取當前元件對象,當前元件指添加事件的元件
- Target:獲取目標元件對象,目標元件指添加動作的元件
- x:獲取元件對象的X軸坐標值
- y:獲取元件對象的Y軸坐標值
- width:獲取元件對象的寬度值
- height:獲取元件對象的高度值
- scrollX:獲取元件對象水平移動的距離
- scrollY:獲取元件對象垂直移動的距離
- text:獲取元件對象的文字
- name:獲取元件對象的名稱
- top:獲取元件對象頂部邊界的坐標值
- left:獲取元件對象左邊界的坐標值
- right:獲取元件對象右邊界的坐標值
- bottom:獲取元件對象底部邊界的坐標值
- opacity:獲取元件對象的不透明度
- rotation:獲取元件對象的旋轉角度
頁面屬性:
- PageName:獲取當前頁面的名稱
窗口屬性:
- Window.width:獲取瀏覽器的當前寬度
- Window.height:獲取瀏覽器的當前高度
- Window.scrollX:獲取瀏覽器的水平滾動距離
- Window.scrollY:獲取瀏覽器的垂直滾動距離