flutter添加全局水印

效果:
在这里插入图片描述

可以直接引用:disable_screenshots: ^0.2.0
但是有时候直接引用会报错,可以不引用插件直接把下面的源码工具类放在项目里面
工具类源码:


import 'dart:io';
import 'dart:math';

import 'package:flutter/cupertino.dart';
import 'package:flutter/services.dart';

class DisableScreenshots {
  DisableScreenshots.private(this._methodChannel, this._eventChannel);

  static   DisableScreenshots? _instance/* = DisableScreenshots.private()*/;

  factory DisableScreenshots() {
    if (_instance == null) {
      final MethodChannel methodChannel = const MethodChannel(
          "com.devlxx.DisableScreenshots/disableScreenshots");
      final EventChannel eventChannel =
      const EventChannel('com.devlxx.DisableScreenshots/observer');
      _instance = DisableScreenshots.private(methodChannel, eventChannel);
    }
    return _instance!;
  }

  

  final MethodChannel _methodChannel;
  final EventChannel _eventChannel;
  Stream<void>? _onScreenShots=null;

  OverlayEntry? _overlayEntry;

  void addWatermark(BuildContext context, String watermark,
      {int rowCount = 3, int columnCount = 10, TextStyle? textStyle}) async {
    if (_overlayEntry != null) {
      _overlayEntry!.remove();
    }
    OverlayState? overlayState = Overlay.of(context);
    _overlayEntry = OverlayEntry(
        builder: (context) => DisableScreenshotsWatarmark(
          rowCount: rowCount,
          columnCount: columnCount,
          text: watermark,
          textStyle: textStyle ??
              const TextStyle(
                  color: Color(0x08000000),
                  fontSize: 18,
                  decoration: TextDecoration.none),
        ));
    overlayState?.insert(_overlayEntry!);
    // return await _methodChannel.invokeMethod<void>("addWatermark", ['我是水印']);
  }

  void addCustomWatermark(BuildContext context, Widget widget) {
    if (_overlayEntry != null) {
      _overlayEntry!.remove();
    }
    OverlayState? overlayState = Overlay.of(context);
    _overlayEntry = OverlayEntry(builder: (context) => widget);
    overlayState?.insert(_overlayEntry!);
  }

  void removeWatermark() async {
    if (_overlayEntry != null) {
      _overlayEntry!.remove();
      _overlayEntry = null;
    }
  }

  Stream<void> get onScreenShots {
    if (_onScreenShots == null) {
      _onScreenShots = _eventChannel.receiveBroadcastStream();
    }
    return _onScreenShots!;
  }

  /// 只支持安卓
  Future<void> disableScreenshots(bool disable) async {
    if (Platform.isAndroid) {
      return await _methodChannel
          .invokeMethod("disableScreenshots", {"disable": disable});
    } else {
      print('仅Android平台支持禁用屏幕截图');
    }
  }
}

class DisableScreenshotsWatarmark extends StatelessWidget {
  final int rowCount;
  final int columnCount;
  final String text;
  final TextStyle textStyle;

  const DisableScreenshotsWatarmark({
    Key? key,
    required this.rowCount,
    required this.columnCount,
    required this.text,
    required this.textStyle,
  }) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return IgnorePointer(
      child: Container(
          child: Column(
            children: creatColumnWidgets(),
          )),
    );
  }

  List<Widget> creatRowWdiges() {
    List<Widget> list = [];
    for (var i = 0; i < rowCount; i++) {
      final widget = Expanded(
          child: Center(
              child: Transform.rotate(
                  angle: pi / 10, child: Text(text, style: textStyle))));
      list.add(widget);
    }
    return list;
  }

  List<Widget> creatColumnWidgets() {
    List<Widget> list = [];
    for (var i = 0; i < columnCount; i++) {
      final widget = Expanded(
          child: Row(
            children: creatRowWdiges(),
          ));
      list.add(widget);
    }
    return list;
  }
}


使用:

初始化

waterMarkerPlugin 要创建为全局的

  // 初始化水印插件
  static  DisableScreenshots waterMarkerPlugin = DisableScreenshots();

添加水印

//添加水印
 Params.waterMarkerPlugin.addWatermark(
          context,
          '默认水印',
          rowCount: 4,
          columnCount: 8);

取消水印

  //取消水印
    Params.waterMarkerPlugin.removeWatermark();
  • 8
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Flutter中实现全局计时可以使用`Ticker`类和`TickerProvider`类。下面是一个简单的例子: 1. 创建一个`CountdownTimer`类,该类将使用`Ticker`来定时更新计时器。 ```dart class CountdownTimer { StreamController<int> _streamController; int _countdownTime = 0; Ticker _ticker; CountdownTimer() { _streamController = StreamController<int>(); _ticker = Ticker(_onTick); } Stream<int> get stream => _streamController.stream; void start(int countdownTime) { _countdownTime = countdownTime; _ticker.start(); } void _onTick(Duration duration) { _countdownTime--; _streamController.add(_countdownTime); if (_countdownTime <= 0) { _ticker.stop(); _streamController.close(); } } void dispose() { _ticker.dispose(); _streamController.close(); } } ``` 2. 在`main.dart`中,创建一个`StatefulWidget`,并用`CountdownTimer`类来实现全局计时。 ```dart class MyHomePage extends StatefulWidget { MyHomePage({Key key, this.title}) : super(key: key); final String title; @override _MyHomePageState createState() => _MyHomePageState(); } class _MyHomePageState extends State<MyHomePage> with TickerProviderStateMixin { CountdownTimer _countdownTimer; @override void initState() { super.initState(); _countdownTimer = CountdownTimer(); _countdownTimer.stream.listen((countdownTime) { setState(() { // 更新UI }); }); } @override void dispose() { _countdownTimer.dispose(); super.dispose(); } @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: Text(widget.title), ), body: Center( child: Text( _countdownTimer._countdownTime.toString(), style: Theme.of(context).textTheme.headline4, ), ), floatingActionButton: FloatingActionButton( onPressed: () { _countdownTimer.start(60); // 开始计时,60秒 }, tooltip: 'Start', child: Icon(Icons.play_arrow), ), ); } } ``` 在这个例子中,我们使用了Flutter的`Stream`和`StreamController`来实现计时器的更新。`CountdownTimer`类通过Ticker定时器来更新计时器,并且使用Stream和StreamController来将更新通知给UI。在`main.dart`中,我们创建了一个带有`TickerProviderStateMixin`的`StatefulWidget`,以便我们可以使用Flutter的`Ticker`类。我们还通过监听`CountdownTimer`类的流来更新UI。最后,在`floatingActionButton`的`onPressed`回调中,我们开始了计时器,并将其设置为60秒。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值