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

編輯導語：如何通過中繼器實現一個簡單的聊天功能呢？本文作者通過自己的實操，為我們進行了分享總結，其中還附帶了文本域字數限制功能，希望看后能夠對你有所幫助。

大家好，我是大馬猴，今天給大家帶來一個簡單的聊天功能，通過中繼器的形式來實現。

下面看看動態演示效果：

一、準備組件

1. 中繼器里面放2個圖片當頭像，2文本標簽，當內容；
2. 動態面板2個嵌套，中繼器放在最里面，2個動態面板是為了隱藏下滑條；
3. 第一組文本標簽2個，一個用來做文本長度，一個用來做文本限制；
4. 單選按鈕組，用于角色切換；
5. 文本域，用來輸入消息，及文字字數限制；
6. 第二組文本標簽兩個，用于做獲取字體數量；
7. 單文本標簽一個，用于做為空提示；
8. 按鈕一個，用于做發送，為中繼器增加行。

如圖：

二、教程開始

1. 拖拽一個中繼器，里面放2個圖片、放2個文本標簽（2個文本分別起名聊天1、聊天2），對應的中繼器屬性里起好名字，liaotian1、liaotian2、tupian1、tupian2，并且做好每逢加載事件。

如圖：

2. 給中繼器外面套入2個動態面板，2個動態面板用于隱藏滾動條，如圖：

3. 拖拽2個文本標簽，一個起名xianzhi、一個起名changdu，都隱藏待用。

4. 拖拽2個單選按鈕，用于角色切換。

5. 拖拽文本域、再拖拽2個文本標簽放置左下角，一個起名獲取，一個文本里的文字直接修改為/50，放置文本域左下角。

6. 對文本域做事件，當文本改變時，設置文本changdu等于這個文本域，添加判斷1如果文字長度>=0并且<=50，設置獲取=0+changdu的局部變量。

判斷2如果文字長度>50設置文字changdu=焦點文字，設置焦點文字xianzhi截取前50個字符長度。

如圖：

7. 拖拽一個文本標簽，內容寫上不能為空，調整字體顏色為紅色，設為隱藏，并且設置顯示時，等待1500毫秒隱自己，待用。

8. 拖拽一個按鈕，點擊事件，添加判斷1，如果文本域為空時，顯示不能為空文本標簽。判斷2，或者如果選中狀態是單選按鈕1，為中繼器liaotian1、tupian1、添加行。

如圖：

繼續判斷3，或者如果選中狀態是單選按鈕2，為中繼器liaotian2、tupian2、添加行，同上圖。

繼續事件4，點擊后，設定文本域為空。

如圖：

三、教程完畢

以上教程如果不做字數限制， 3、5、6步驟可以省卻，用文本框代替即可。歡迎大家多多關注我，我會給大家帶來更多更好的高保真小案例作品。

預覽地址：https://4usnja.axshare.com

鏈接：https://pan.baidu.com/s/1JbXYgzSSD8c0P_Bz6zCrnA

提取碼：damh

本文由 @大馬猴 原創發布于人人都是產品經理，未經作者許可，禁止轉載。

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