【前言】
產品經理是站在上帝身邊axure怎麼製作聊天頁面的人。（上帝瞭解人性，懂得如何運用羣體的特性去駕馭人類，產品終究是聯繫人與思想的媒介，虛無縹緲的道貫穿在產品經理和用戶之間，隔着一層薄薄的紗，隱約可見，霎那間很近，轉身就又很遠）
一款好的產品是建立在一切近乎完美的情景下開發出來的。axure怎麼製作聊天頁面產品是有靈性的，你懷着什麼樣的心情創造它，那麼它就會以相同的姿態對待你的用戶。產品是需要養的。
【微信聊天】
微信的axure怎麼製作聊天頁面出現讓聊天變得更加便捷，更便宜。讓人可以專注的去思考聊天的內容。這裏也要感謝QQ，感謝QQ許多年的陪伴。
【實現微信聊天效果】
在Axure中實現微信聊天效果，需要對中繼器，動態面板，變量，函數等有一定的認識，同時可以將這些知識融會貫通使用。
【聊天機制】
A選擇給B發送信息，輸入信息後，點擊發送，提示發送成功，B收到A發送的信息，並可以回覆axure怎麼製作聊天頁面。
【繪製草圖】
- 三個色塊矩形疊放，增加矩形陰影，形成層級關係。從大到小分別對應背景、列表欄、輸入區域。
- 添加細節元素圖標、文字等，圖標可以在其他軟件中做好導出直接使用axure怎麼製作聊天頁面。
- 然後到了添加元件的步驟，輸入欄直接拉一個和輸入區域等高的文本框，去掉邊框，添加提示文字爲“請輸入…”即可，左邊列表欄我是用中繼器做的。
【交互實現】
（3）爲聊天界面顯示時設置文字變化，如點擊第一行時顯示頭部爲小明，消息爲hello，第二行顯示頭部爲二明，消息爲我要睡覺了，以此類推。上一步設置隱藏再顯示面板，就是爲了刷新axure怎麼製作聊天頁面這個文字變化。
- 設置選中狀態 -未回覆（文本標籤）爲true；axure怎麼製作聊天頁面其他兩個標籤選項爲false。其他兩個標籤設置同理，設置完成之後，就可以看到點擊有選中效果了。
- 再顯示中繼器內容的跟隨事件：仍然是鼠標單擊時的事例，把未回覆（當前標籤對應中繼器）設置爲顯示，動畫可以設置爲向左滑動或者向右滑動，隨便axure怎麼製作聊天頁面設置都可以，axure怎麼製作聊天頁面統一就行了。接着把剩下的兩個中繼器內容設置爲隱藏。設置完成後，就有下邊的列表切換效果了。
- 再是藍色矩形條的切換跟隨，[[wh.left]]代表藍色矩形條的x軸起點位置絕對固定到wh這個元件的左端，[[wh.bottom]]代表藍色矩形條的Y軸位置起點在wh元件的底部，其他兩個標籤也設置起來，注意，axure怎麼製作聊天頁面第六步的變量要一一對應起來，比如：我這裏wh代表text-未回覆，yh代表text-已回覆，yj代表text-已結束。
- 添加行（我的消息發送），選中剛剛聊天面板中建的中繼器然後點擊添加行，img對應的是自己的頭像，neirong欄可以填寫默認變量[[LVAR1]]或者自己定一個，axure怎麼製作聊天頁面然後點擊後面的fx編輯變量，將輸入框的文字賦值給它。
- 拖入一個大小爲375x667的動態面板，命名爲d_talk，在狀態1裏面繪製聊天頁面，爲中繼器的每一行設置點擊事件，點擊時，令動態面板d_talk，向上滑動顯示。實現效果。
-
最後就是點擊左側列表，右邊聊天面板跟隨變化
（1）將右邊聊天面板編組，轉爲動態面板，並設爲隱藏。（可以先把面板移到別的地方，添加一個空狀態時的文字，再將面板移回原位）
（2）然後爲左側中繼器的項目添加鼠標點擊時的事例axure怎麼製作聊天頁面。
- 第一行爲定義num1（全局變量）爲鼠標點擊中繼器項目的所在行數。
- 第二行爲axure怎麼製作聊天頁面設置點擊該項目時使該項目變成選中狀態（這個用於前面的單行選中）。
- 第三行爲點擊使數量氣泡消失。
- 第四行+第五行 爲設置點擊刷新聊天面板顯示時的axure怎麼製作聊天頁面狀態。