fanjiao_danmu 0.0.21

fanjiao_danmu: ^0.0.21 copied to clipboard

example/lib/main.dart

import 'dart:async';

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

import 'utils.dart';

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

class MyApp extends StatefulWidget {
  const MyApp({Key? key}) : super(key: key);

  @override
  State<MyApp> createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> with DanmuTooltipMixin {
  late FanjiaoDanmuController danmuController;
  late TextEditingController textController;
  Timer? timer;
  Duration duration = const Duration(seconds: 3780);
  bool isPlaying = false;
  int id = 0;
  String selectedText = '';

  GlobalKey<ScaffoldState> scaffoldKey = GlobalKey();

  // int progress = 0;

  @override
  void initState() {
    super.initState();
    danmuController = FanjiaoDanmuController(
        adapter: FanjiaoDanmuAdapter(imageMap: {
          '[bilibili]': const AssetImage("assets/images/bilibili.png"),
          '[饭角]': const NetworkImage(
              "https://www.fanjiao.co/h5/img/logo.12b2d5a6.png"),
        }),
        praiseImageProvider: const AssetImage("assets/images/icon_duck.png"),
        onTap: (DanmuItem danmuItem, Offset position) {
          if (danmuItem.flag.isAnnouncement) {
            return false;
          }
          var result =
              isSelect(danmuItem, position, danmuController.adapter.rect);
          if (result) {
            setState(() {
              selectedText = danmuItem.text;
            });
          }
          return result;
        });

    danmuController.setDuration(duration);

    textController = TextEditingController()..text = '[饭角]';
  }

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        key: scaffoldKey,
        appBar: AppBar(
          title: const Text('Danmu example'),
        ),
        body: SingleChildScrollView(
          child: Column(
            mainAxisSize: MainAxisSize.min,
            children: [
              Container(
                color: Colors.greenAccent,
                child: LayoutBuilder(builder: (context, constraints) {
                  return FanjiaoDanmuWidget(
                    size: Size(constraints.maxWidth, 300),
                    danmuController: danmuController,
                    tooltip: tooltip,
                  );
                }),
              ),
              danmuButton,
              SizedBox(
                height: 40,
                child: Row(
                  mainAxisAlignment: MainAxisAlignment.spaceBetween,
                  mainAxisSize: MainAxisSize.max,
                  children: [
                    Expanded(
                      child: TextField(
                        controller: textController,
                        textInputAction: TextInputAction.send,
                        onSubmitted: (text) {
                          danmuController.addDanmu(DanmuModel(
                            id: ++id,
                            text: text,
                            isMine: true,
                            startTime: danmuController.progress,
                            textStyle: rngTextStyle,
                          ));
                        },
                      ),
                    ),
                    SizedBox(
                        width: 100,
                        height: 40,
                        child: TextButton(
                            onPressed: () {
                              danmuController.addDanmu(DanmuModel(
                                id: ++id,
                                text: textController.text,
                                isMine: true,
                                startTime: danmuController.progress,
                                textStyle: rngTextStyle,
                              ));
                            },
                            child: const Text("发送"))),
                  ],
                ),
              ),
              filterButton,
              Container(
                color: Colors.greenAccent,
                constraints: const BoxConstraints(minHeight: 40),
                width: double.infinity,
                alignment: Alignment.centerLeft,
                child: Text(
                  selectedText,
                  style: const TextStyle(color: Colors.grey),
                ),
              ),
            ],
          ),
        ),
      ),
    );
  }

  Widget get filterButton => Wrap(
        spacing: 8.0, // gap between adjacent chips
        runSpacing: 4.0, // gap between lines
        children: [
          SwitchButton(
            "滚动",
            (isTurnOn) {
              danmuController.changeFilter(DanmuFlag.scroll);
            },
            isTurnOn: danmuController.filter.isScroll,
          ),
          SwitchButton(
            "顶部",
            (isTurnOn) {
              danmuController.changeFilter(DanmuFlag.top);
            },
            isTurnOn: danmuController.filter.isTop,
          ),
          SwitchButton(
            "底部",
            (isTurnOn) {
              danmuController.changeFilter(DanmuFlag.bottom);
            },
            isTurnOn: danmuController.filter.isBottom,
          ),
          SwitchButton(
            "彩色",
            (isTurnOn) {
              danmuController.changeFilter(DanmuFlag.colorful);
            },
            isTurnOn: danmuController.filter.isColorful,
          ),
          SwitchButton(
            "高级",
            (isTurnOn) {
              danmuController.changeFilter(DanmuFlag.advanced);
            },
            isTurnOn: danmuController.filter.isAdvanced,
          ),
          SwitchButton(
            "重复",
            (isTurnOn) {
              danmuController.markRepeated();
              danmuController.changeFilter(DanmuFlag.repeated);
            },
            isTurnOn: danmuController.filter.isRepeated,
          ),
          SwitchButton(
            "播放/暂停",
            (isTurnOn) {
              isPlaying = isTurnOn;
              if (isTurnOn) {
                danmuController.start();
              } else {
                danmuController.pause();
              }
            },
            isTurnOn: danmuController.filter.isRepeated,
          ),
        ],
      );

  Widget get danmuButton => Wrap(
        spacing: 8.0, // gap between adjacent chips
        runSpacing: 4.0, //
        alignment: WrapAlignment.start, //p between lines
        children: [
          getButton(
            "普通",
            () {
              danmuController.addDanmu(DanmuModel(
                id: ++id,
                text: rngText,
                startTime: danmuController.progress,
              ));
            },
          ),
          getButton(
            "随机彩色",
            () {
              danmuController.addDanmu(DanmuModel(
                id: ++id,
                text: rngText,
                startTime: danmuController.progress,
                textStyle: rngTextStyle,
                flag: DanmuFlag.colorful | DanmuFlag.scroll,
              ));
            },
          ),
          getButton(
            "高赞",
            () {
              danmuController.addDanmu(DanmuModel(
                id: ++id,
                text: rngText,
                isPraise: true,
                startTime: danmuController.progress,
              ));
            },
          ),
          getButton(
            "顶部",
            () {
              danmuController.addDanmu(DanmuModel(
                id: ++id,
                text: rngText,
                startTime: danmuController.progress,
                flag: DanmuFlag.top,
              ));
            },
          ),
          getButton(
            "底部",
            () {
              danmuController.addDanmu(DanmuModel(
                id: ++id,
                text: rngText,
                startTime: danmuController.progress,
                flag: DanmuFlag.bottom,
              ));
            },
          ),
          getButton(
            "高级",
            () {
              danmuController.addDanmu(DanmuModel(
                id: ++id,
                text: rngText,
                startTime: danmuController.progress,
                textStyle: rngTextStyle,
                flag: DanmuFlag.advanced,
              ));
            },
          ),
          getButton(
            "我的",
            () {
              danmuController.addDanmu(DanmuModel(
                id: ++id,
                text: rngText,
                isMine: true,
                startTime: danmuController.progress,
                textStyle: rngTextStyle,
              ));
            },
          ),
          getButton(
            "公告",
            () {
              danmuController.addDanmu(DanmuModel(
                id: ++id,
                text: rngText,
                startTime: danmuController.progress,
                textStyle: rngTextStyle,
                flag: DanmuFlag.announcement,
              ));
            },
          ),
          getButton(
            "3秒前",
            () {
              danmuController.addDanmu(DanmuModel(
                id: ++id,
                text: '3秒前',
                startTime: danmuController.progress - 3,
                textStyle: rngTextStyle,
              ));
            },
          ),
          getButton(
            "[bilibili]",
            () {
              danmuController.addDanmu(DanmuModel(
                id: ++id,
                text: '[bilibili]',
                startTime: danmuController.progress,
                textStyle: rngTextStyle,
              ));
            },
          ),
          getButton(
            "[饭角]",
            () {
              danmuController.addDanmu(DanmuModel(
                id: ++id,
                text: '[饭角]',
                startTime: danmuController.progress,
                textStyle: rngTextStyle,
              ));
            },
          ),
        ],
      );

  Widget getButton(String name, Function() onTap,
      {Color color = Colors.redAccent}) {
    return GestureDetector(
      onTap: onTap,
      child: Container(
        constraints: BoxConstraints.loose(const Size(82, 40)),
        color: color,
        alignment: Alignment.center,
        padding: const EdgeInsets.all(8),
        child: Text(
          name,
          style: const TextStyle(color: Colors.white),
        ),
      ),
    );
  }

  @override
  Widget get tooltipContent => Row(
        mainAxisSize: MainAxisSize.max,
        children: [
          Expanded(
            child: GestureDetector(
              child: Container(
                height: 30,
                alignment: Alignment.center,
                child: const Text(
                  '加一',
                  maxLines: 1,
                  overflow: TextOverflow.ellipsis,
                  style: TextStyle(
                      decoration: TextDecoration.none,
                      fontSize: 12.0,
                      fontWeight: FontWeight.w400,
                      color: Colors.white),
                ),
              ),
              onTap: () {
                if(danmuController.selected != null){
                  danmuController.addDanmu(DanmuModel(
                    id: ++id,
                    text: danmuController.selected!.text,
                    isMine: true,
                    startTime: danmuController.progress,
                  ));
                }
                danmuController.clearSelection();
              },
              behavior: HitTestBehavior.opaque,
            ),
          ),
          Container(
            width: 1.0,
            alignment: Alignment.center,
            child: Container(
              width: 1.0,
              height: 6.0,
              color: Colors.white.withOpacity(0.5),
            ),
          ),
          Expanded(
            child: GestureDetector(
              child: Container(
                height: 30,
                alignment: Alignment.center,
                child: const Text(
                  '举报',
                  maxLines: 1,
                  overflow: TextOverflow.ellipsis,
                  style: TextStyle(
                      decoration: TextDecoration.none,
                      fontSize: 12.0,
                      fontWeight: FontWeight.w400,
                      color: Colors.white),
                ),
              ),
              onTap: () {
                danmuController.clearSelection();
              },
              behavior: HitTestBehavior.opaque,
            ),
          ),
        ],
      );
}

class SwitchButton extends StatefulWidget {
  final String text;
  final bool isTurnOn;
  final Function(bool) onTap;

  const SwitchButton(
    this.text,
    this.onTap, {
    Key? key,
    this.isTurnOn = true,
  }) : super(key: key);

  @override
  State<SwitchButton> createState() => _SwitchButtonState();
}

class _SwitchButtonState extends State<SwitchButton> {
  bool isTurnOn = true;

  @override
  void initState() {
    super.initState();
    isTurnOn = widget.isTurnOn;
  }

  @override
  Widget build(BuildContext context) {
    return GestureDetector(
      onTap: () {
        widget.onTap.call(isTurnOn);
        setState(() {
          isTurnOn = !isTurnOn;
        });
      },
      child: Container(
        constraints: BoxConstraints.loose(const Size(82, 40)),
        color: isTurnOn ? Colors.amber : Colors.grey,
        alignment: Alignment.center,
        padding: const EdgeInsets.all(8),
        child: Text(
          widget.text,
          style: const TextStyle(color: Colors.white),
        ),
      ),
    );
  }
}