《聊天机器人》
一、整体功能概述
这个文章主要介绍一个简单的聊天机器人界面及相关功能,包括界面布局、消息发送与接收、常用语功能等。用户可以在输入框输入消息发送给机器人,机器人接收消息后从网络获取回复并显示在聊天对话框中,同时还提供了常用语功能方便用户快速发送特定消息。
二、首页布置
(一)头部显示
1. 状态变量定义
在头部显示部分,定义一个名为isReceive的@State变量,其初始值为false。这个变量用于表示机器人是否正在接收消息并处理,当机器人正在获取回复时,标题会显示“机器人回复中....”。
2. 标题显示
使用Row组件来布局标题。Text组件用于显示标题内容,根据isReceive的值动态显示“机器人回复中....”或者“机器人”。同时设置了字体大小为28,宽度为100%并且文本居中对齐(textAlign(TextAlign.Center))。整个Row组件的宽度为90%,高度为5%。
(二)对话框显示
1. 消息列表定义
定义一个名为chatList的@State变量,类型为ChatMessage[],用于存储聊天消息。ChatMessage是一个自定义类,包含发送者(sender,可以是Use