Flutter人工智能标记语言插件flutter_aiml的使用

该插件允许在Flutter应用中使用AIML（Artificial Intelligence Markup Language）文件。AIML是一种用于编写简单聊天机器人的XML格式语言。

安装

在pubspec.yaml文件中添加以下依赖：

dependencies:
  flutter_aiml: ^0.0.2

然后运行flutter pub get以安装依赖。

添加AIML文件

将AIML文件添加到项目的资源目录中。对于Android平台，将AIML文件放在以下路径：

Android
└── app
    └── src
        └── main
            └── assets
                └── AIML

你可以参考示例项目来了解更多细节。

最低SDK版本

更新应用级别的build.gradle文件，设置最低SDK版本为22：

android {
  defaultConfig {
    minSdkVersion 22
  }
}

使用

首先，创建一个FlutterAiml实例，并调用invokeSetup()方法来加载AIML文件。然后可以使用getResponse()方法来获取聊天机器人的响应。

import 'package:flutter/material.dart';
import 'package:flutter_aiml/flutter_aiml.dart';

void main() {
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'AIML 示例',
      theme: ThemeData(
        colorScheme: ColorScheme.fromSeed(
            seedColor: Colors.blue, brightness: Brightness.dark),
        useMaterial3: true,
      ),
      home: const HomeScreen(),
    );
  }
}

class HomeScreen extends StatefulWidget {
  const HomeScreen({super.key});

  [@override](/user/override)
  State<HomeScreen> createState() => _HomeScreenState();
}

class _HomeScreenState extends State<HomeScreen> {
  late FlutterAiml aiml;

  TextEditingController inputController = TextEditingController();

  List<ChatMessages> messages = [];

  [@override](/user/override)
  void initState() {
    aiml = FlutterAiml();
    aiml.invokeSetup();

    Future.delayed(const Duration(seconds: 2), () {
      requestResponse('Hi');
    });
    super.initState();
  }

  requestResponse(String prompt) {
    setState(() {
      messages.add(ChatMessages(message: prompt, isBot: false));
    });
    aiml.getResponse(message: prompt).then((value) {
      setState(() {
        messages.add(ChatMessages(message: value, isBot: true));
      });
    });
  }

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
        appBar: AppBar(),
        body: Padding(
          padding: const EdgeInsets.all(8.0),
          child: Column(
            children: [
              Expanded(
                  child: ListView.builder(
                itemCount: messages.length,
                reverse: true,
                itemBuilder: (context, index) {
                  return ChatBubble(messages.reversed.toList()[index]);
                },
              )),
              Padding(
                padding: const EdgeInsets.only(top: 10),
                child: TextField(
                  controller: inputController,
                  decoration: const InputDecoration(
                      enabledBorder: OutlineInputBorder(),
                      focusedBorder: OutlineInputBorder()),
                  onSubmitted: (value) {
                    requestResponse(value);
                    inputController.clear();
                  },
                ),
              )
            ],
          ),
        ));
  }
}

class ChatBubble extends StatelessWidget {
  final ChatMessages message;
  const ChatBubble(this.message, {super.key});

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Padding(
      padding: const EdgeInsets.all(8.0),
      child: Row(
        mainAxisAlignment:
            message.isBot ? MainAxisAlignment.start : MainAxisAlignment.end,
        children: [
          Container(
              width: MediaQuery.of(context).size.width * 0.6,
              padding: const EdgeInsets.all(8),
              decoration: BoxDecoration(
                  borderRadius: BorderRadius.only(
                    topLeft: const Radius.circular(10),
                    topRight: const Radius.circular(10),
                    bottomLeft: message.isBot
                        ? const Radius.circular(0)
                        : const Radius.circular(10),
                    bottomRight: message.isBot
                        ? const Radius.circular(10)
                        : const Radius.circular(0),
                  ),
                  color: message.isBot ? Colors.blue : Colors.purple),
              child: Text(message.message)),
        ],
      ),
    );
  }
}

class ChatMessages {
  final String message;
  final bool isBot;
  ChatMessages({required this.message, required this.isBot});
}