中文字幕无码av不卡一区,亚洲综合AV永久无码精品一区二区,黑人巨大白妞出浆,黄色高清无码免费看,久久久久免费精品国产,久久无码人妻丰满熟妇区毛片,欧美日韩国产综合草草,久久福利网站,亚洲一区二区三区中文字幕在线,av国内精品久久久久影院

編輯導讀：本文是關于Axure中繼器的運用操作，作者詳細講解了利用Axure中繼器實現朋友圈發布圖文動態的操作流程，比較基礎，供初學者參考學習。

實現的交互：模擬微信朋友圈，選擇圖片，編輯文字的交互；

第一步：準備元件

2個中繼器：一個模擬手機相冊圖片（命名為模擬），一個模擬朋友圈添加圖片效果（命名為添加）

朋友圈手機界面：

彈框：

文本框：用于輸入文字

按鈕：添加圖片按鈕、完成按鈕、預覽按鈕、添加動態按鈕

動態面板

第二步：為中繼器添加模板

分別在兩個中繼器中拖入圖片元件，設置尺寸為手機界面的三分之一，并在樣式中設置中繼器水平網格分布，設置每個項目數為3 ；另外在模擬的中繼器中拖入一個復選框，放到合適的位置；

第三步：為中繼器添加數據

選中模擬中繼器，在數據集，對列進行命名，并右鍵點擊導入圖片，可導入5-9張圖片，然后添加【每項加載時】的用例，將模板與數據集進行綁定；

選中添加的中繼器，設置【每項加載時】圖片的值與模擬中繼器綁定；如下圖（因前幾篇文章已講過了具體的綁定步驟，所以這邊不會那么詳細，需要的可看前幾篇內容）

第四步：調整各元件的位置

拖入動態面板，新建四個狀態state1、state2、state3，分別命名為選擇圖片、編輯頁面，將模擬中繼器拖入選擇圖片頁面；將添加中繼器拖入到編輯頁面；

第五步：設置交互

1、選中朋友圈右上角發布動態按鈕（即拍照的圖標），添加【鼠標單擊時】的交互用例，添加動作【顯示】選擇從手機相冊選擇的動態面板，設置動畫為向上滑動，并設置為燈箱效果；

2、選中上一步的動態面板中的【從相冊選擇】的矩形，設置它的【選中】的交互樣式，設置填充顏色和字體顏色；

添加【鼠標單擊時】的交互用例，設置單擊時為選中狀態，

并且設置隱藏該動態面板，同時顯示含有【選擇圖片】的動態面板，設置動態面板狀態為【選擇圖片】，

3、選中模擬中繼器的圖片模板，添加【鼠標單擊時】的用例，設置復選框為選中狀態，并設置【完成】按鈕為選中狀態；同時設置【添加行】，給編輯頁面中的添加中繼器設置圖片，設置圖片的值與模擬中繼器綁定；如下圖

4、選中【完成】按鈕，添加【鼠標單擊時】，設置動態面板狀態為【編輯頁面】，

選中【取消】按鈕，設置【鼠標單擊時】，隱藏該動態面板

5、進入動態面板中的編輯頁面，選中文本框，屬性面板輸入提示文字為“這一刻的想法”，同時設置提示樣式

6、選中編輯頁面中的【取消】按鈕，設置【鼠標單擊時】，顯示組合【確認彈框】，燈箱效果

7、設置，點擊【不保留】，隱藏【確認彈框】，隱藏編輯頁面的動態面板

同樣的，點擊【保留】，隱藏【確認彈框】，隱藏編輯頁面的動態面板

完成預覽：https://lc0lzw.axshare.com

原型免費下載鏈接：

• 鏈接：https://pan.baidu.com/s/1OCHlF4s9vAxe2KvD6sVYLw
• 提取碼：n73o

本文由 @啦啦啦 原創發布于人人都是產品經理，未經許可，禁止轉載

題圖來自Unsplash，基于CC0協議。