国外亚洲成av人片在线观看,热99re久久精品这里都是精品,天堂网在线最新版www,国产成人av区一区二区三,51久久成人国产精品麻豆

編輯導(dǎo)語(yǔ)：如何通過(guò)中繼器實(shí)現(xiàn)一個(gè)簡(jiǎn)單的聊天功能呢？本文作者通過(guò)自己的實(shí)操，為我們進(jìn)行了分享總結(jié)，其中還附帶了文本域字?jǐn)?shù)限制功能，希望看后能夠?qū)δ阌兴鶐椭?/p>

大家好，我是大馬猴，今天給大家?guī)?lái)一個(gè)簡(jiǎn)單的聊天功能，通過(guò)中繼器的形式來(lái)實(shí)現(xiàn)。

下面看看動(dòng)態(tài)演示效果：

一、準(zhǔn)備組件

1. 中繼器里面放2個(gè)圖片當(dāng)頭像，2文本標(biāo)簽，當(dāng)內(nèi)容；
2. 動(dòng)態(tài)面板2個(gè)嵌套，中繼器放在最里面，2個(gè)動(dòng)態(tài)面板是為了隱藏下滑條；
3. 第一組文本標(biāo)簽2個(gè)，一個(gè)用來(lái)做文本長(zhǎng)度，一個(gè)用來(lái)做文本限制；
4. 單選按鈕組，用于角色切換；
5. 文本域，用來(lái)輸入消息，及文字字?jǐn)?shù)限制；
6. 第二組文本標(biāo)簽兩個(gè)，用于做獲取字體數(shù)量；
7. 單文本標(biāo)簽一個(gè)，用于做為空提示；
8. 按鈕一個(gè)，用于做發(fā)送，為中繼器增加行。

如圖：

二、教程開始

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

如圖：

2. 給中繼器外面套入2個(gè)動(dòng)態(tài)面板，2個(gè)動(dòng)態(tài)面板用于隱藏滾動(dòng)條，如圖：

3. 拖拽2個(gè)文本標(biāo)簽，一個(gè)起名xianzhi、一個(gè)起名changdu，都隱藏待用。

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

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

6. 對(duì)文本域做事件，當(dāng)文本改變時(shí)，設(shè)置文本changdu等于這個(gè)文本域，添加判斷1如果文字長(zhǎng)度>=0并且<=50，設(shè)置獲取=0+changdu的局部變量。

判斷2如果文字長(zhǎng)度>50設(shè)置文字changdu=焦點(diǎn)文字，設(shè)置焦點(diǎn)文字xianzhi截取前50個(gè)字符長(zhǎng)度。

如圖：

7. 拖拽一個(gè)文本標(biāo)簽，內(nèi)容寫上不能為空，調(diào)整字體顏色為紅色，設(shè)為隱藏，并且設(shè)置顯示時(shí)，等待1500毫秒隱自己，待用。

8. 拖拽一個(gè)按鈕，點(diǎn)擊事件，添加判斷1，如果文本域?yàn)榭諘r(shí)，顯示不能為空文本標(biāo)簽。判斷2，或者如果選中狀態(tài)是單選按鈕1，為中繼器liaotian1、tupian1、添加行。

如圖：

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

繼續(xù)事件4，點(diǎn)擊后，設(shè)定文本域?yàn)榭铡?/p>

如圖：

三、教程完畢

以上教程如果不做字?jǐn)?shù)限制， 3、5、6步驟可以省卻，用文本框代替即可。歡迎大家多多關(guān)注我，我會(huì)給大家?guī)?lái)更多更好的高保真小案例作品。

預(yù)覽地址：https://4usnja.axshare.com

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

提取碼：damh

本文由 @大馬猴 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)作者許可，禁止轉(zhuǎn)載。

題圖來(lái)自Unsplash，基于CC0協(xié)議。