Axure中繼器的使用一(認識、綁定數據、新增數據彈出框設計、新增數據操作)

  • 認識中繼器

中繼器的組成:數據集和項

中繼器的使用場景:表格信息、文章列表信息、商品圖片信息、訂單列表信息等

  • 中繼器綁定數據

重名名(員工信息管理)、拖拽橫向菜單組件、在橫向菜單第一欄加入一個複選框組件(重命名爲全選)、爲橫向菜單增加數據並改變字體大小和背景、將全選複選框標籤命名爲全選複選框、拖拽中繼器組件並調整位置、在菜單列中添加數據、雙擊進入中繼器中將原有框刪除並拖拽一個表格組件,將表格只留下一行數據並補齊框個數在主頁面顯示錶格的樣子、在第一列拖拽一個複選框(命名爲選中,標籤命名爲行內複選框)、在最後一列添加兩個標籤分別命名爲修改和刪除,並將其設置爲藍色醒目,從左到右框命名標籤爲:複選框、員工編號、姓名、部門、職務、屬性添加case:設置文本,中繼器,員工編號,fx,插入變量

  • 新增數據彈出框設計

拖拽按鈕(將其命名爲新增)、拖拽一個動態面板組件並設置大小和內容(新增修改彈出框)、進入彈出框頁面增加矩形爲遮罩層並對遮罩層進行設置、添加一個矩形彈出框大小設置如下圖、拖拽標籤組件命名爲員工信息管理和關閉、添加一個矩形框、左側添加標籤組件,右邊添加文本框單行組件,連續向下添加,部門的時候添加一個下拉列表框,添加幾個部門、並將右邊的框標籤命名、添加兩個按鈕(一個爲保存,一個爲關閉)、彈出框製作完成後隱蔽並置於底層、新增按鈕設置時需要將其置於頂層

  • 中繼器新增數據操作

點擊保存按鈕添加事件、隱藏彈出框並置於底層、清空值、關閉按鈕添加事件,兩個關閉一樣,複製事件即可

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章