CHUAN2 DEV ENGINE
996 正版授权研发中心 · 360 授权合作教学中心 · 抖音传奇直播合作授权 · 快手推广运营商授权
OFFICIAL LICENSED ACADEMY 查验官方授权证书 →
// 威海旷世互娱教学基地 · 技术文章
界面UI

【界面UI】聊天输入框:字数校验与表情插入

2026-09-23 15:13 作者:996 技术组 0 阅读 996引擎Lua教程传奇脚本

实战应用:用在哪里

聊天输入框是社交的基础设施:字数上限的校验、表情的插入、发送的频控,每个细节都在输入体验的敏感区。输入框的实现要点是字数的实时校验、表情面板与光标位置的插入语义、发送前的客户端预检。

输入框与字数校验

lua

---输入框创建与实时字数提示
function ChatInput.build(win)
    local input = GUI:TextInput_Create(win, "chat_input", 10, 10, 320, 30)
    local counter = GUI:Text_Create(win, "cnt", 340, 16, 12, "#999999", "0/60")
    ChatInput.input = input
    ChatInput.counter = counter
    ChatInput.limit = 60
end

---插入内容时校验字数
function ChatInput.insert(text)
    local cur = GUI:Text_getString(ChatInput.counter)
    local used = tonumber(cur:match("(%d+)/")) or 0
    if used + #text > ChatInput.limit * 3 then
        SL:ShowSystemTips("最多输入 60 个字")
        return false
    end
    return true
end

GUI:TextInput_Create 建输入框,字数计数器贴在右下角实时刷新,上限 60 字。字数的判定按字节粗算预拦截,精确的字数以服务器判定为准——中文与表情的宽度差异让客户端的字符统计永远有口径争议,客户端拦大头、服务器定终审。

表情与发送

lua

---表情面板:点选插入光标处
function ChatInput.pickEmoji(id)
    local face = "{f" .. id .. "}"
    ChatInput.insert(face)
    SL:ShowSystemTips("表情已插入")
end

---发送:预检后交给网络层
function ChatInput.send()
    local txt = ChatInput.getText()
    if txt == "" then return end
    SL:SendNetMsg(MSGID.CHAT_SEND, ChatInput.channel, txt, 0, "")
    ChatInput.clear()
end

表情以 {fID} 的占位串插入文本流,渲染层再替换为表情图,24 个表情一页滑动选择。发送前客户端预检空串与频控:3 秒内连发提示稍候,频控的最终裁决在服务器,客户端的预检只为省一次白跑。聊天记录用 ListView 承接滚动,新消息到达自动吸底,手动上翻时暂停吸底避免阅读被打断。

验证与监控

发送失败的原因分布统计(字数、频控、敏感词),比例异常说明前端预检与服务器规则失配;表情的渲染失败率监控,占位串漏渲是聊天页面的显眼 Bug。

踩坑记录

字数统计曾经按字符数算,中文占两字节的服务器判定让 40 个汉字被拒,口径统一为字节并写进两端共享的常量。表情占位串曾经被字数校验按 4 字节计,玩家发 10 个表情就超限,表情按固定 2 字节折算后合理。输入法的组合态(拼音未上屏)曾经被实时校验打断,composition 事件期间跳过校验。

上线要点

字数上限与频控参数进配置,世界频道可单独收紧。输入框的软键盘适配移动端,回车与发送按钮双通道。敏感词的提示文案温和不羞辱:提示包含受限词请调整,不展示命中词的原文。

本文由 996 技术组基于 996 引擎官方知识库与浮生梦老师课程体系整理。团队长期从事传奇类引擎 Lua 后端逻辑、客户端界面与商业版本交付,内容以官方知识库与真实项目为出处,按版本持续修订。

作者履历与出处

本文由 996 技术组基于 996 引擎官方知识库与浮生梦老师课程体系整理。团队长期从事传奇类引擎 Lua 后端逻辑、客户端界面与商业版本交付,内容以官方知识库与真实项目为出处,按版本持续修订。

← 返回文章地图返回研学路径

最新技术文章 · 实战干货

LATEST ARTICLES

全站技术干货持续更新:996 引擎 / Lua 实战帖,语法、参数与示例一篇讲透。进入文章地图 · 查看全部 →

引擎触发烈火剑法连击战士

【引擎触发】疾风烈火斩:烈火剑法连击的判定触发设计

实战应用:用在哪里 战士的烈火剑法一击熄火后要等八秒冷却,连招断档感强烈。疾风烈火斩在烈火剑法命中后给一次连击窗口:三秒内再…

2026-09-23 15:45 996 技术组 · 0 阅读
玩法策划阵营声望声望压制

【玩法策划】阵营声望:声望等级与敌对压制设计

实战应用:用在哪里 阵营对抗打到中期容易疲软:打赢没有额外好处,输掉也没有代价。阵营声望体系给阵营战装上荣誉刻度:个人与阵营…

2026-09-23 15:45 996 技术组 · 0 阅读
玩法策划城主施政市政建设

【玩法策划】城主施政:市政令牌与城市建设玩法

实战应用:用在哪里 拿下沙巴克之后呢?城主除了名字挂在城墙上,对城市毫无影响。城主施政玩法让占领变成治理:城主每周获得市政令…

2026-09-23 15:45 996 技术组 · 0 阅读
运维发布备用线路切换演练

【运维发布】备用线路:主线路故障的自动切换演练

实战应用:用在哪里 主线路光缆被挖断的深夜,全服掉线 20 分钟,玩家以为游戏倒闭。备用线路方案给接入层配第二条出口:主线路…

2026-09-23 15:44 996 技术组 · 0 阅读
后端接口行会选举换届

【后端接口】行会选举:官员换届的投票与任期接口

实战应用:用在哪里 行会官员由帮主任命的老模式弊端明显:任人唯亲、能上不能下。行会选举接口把官员换届做成投票制:每两个月一次…

2026-09-23 15:44 996 技术组 · 0 阅读
前端接口技能悬浮卡片说明

【前端接口】技能说明悬浮:技能详情卡片的前端实现

实战应用:用在哪里 烈火剑法的伤害加成、冷却时间、下一级提升,全靠玩家记忆或去官网查。技能说明悬浮卡片在鼠标悬停技能图标零点…

2026-09-23 15:44 996 技术组 · 0 阅读