Flutter开发求助：如何实现仅支持三星手写笔的绘图功能

有两种简单的方式实现仅手写笔绘图的需求，结合你现有Provider架构的代码，具体修改如下：

方法一：在手势回调中直接判断设备类型 #

直接在现有onPanDown和onPanUpdate回调里增加设备类型判断，只有当设备是手写笔（PointerDeviceKind.stylus）时才执行绘图逻辑：

修改BlankPage中的手势回调部分：

GestureDetector(
  behavior: HitTestBehavior.translucent,
  onPanDown: (s) {
    // 仅当设备是手写笔且处于画笔模式时，启动绘图
    if (s.kind == PointerDeviceKind.stylus && p.penMode) {
      p.penDrawStart(s.localPosition);
    }
  },
  onPanUpdate: (s) {
    // 仅当设备是手写笔且处于画笔模式时，持续绘图
    if (s.kind == PointerDeviceKind.stylus && p.penMode) {
      p.penDrawing(s.localPosition);
    }
  },
  child: Container(
    child: Listener(
      behavior: HitTestBehavior.opaque,
      onPointerDown: (_) {
        print("컨테이너 눌림");
      },
    ),
  ),
),

这种方式改动最小，利用PanDownDetails和PanUpdateDetails自带的kind属性直接过滤设备类型，手指触发的事件会被直接忽略。

方法二：自定义手势识别器过滤设备 #

如果希望从手势识别层面就直接过滤掉非手写笔的事件，可以使用RawGestureDetector自定义支持手写笔的PanGestureRecognizer：

修改_BlankPageState的代码：

class _BlankPageState extends State<BlankPage> {
  // 定义仅支持手写笔的手势识别器
  final gestureRecognizers = <Type, GestureRecognizerFactory>{
    PanGestureRecognizer: GestureRecognizerFactoryWithHandlers<PanGestureRecognizer>(
      () => PanGestureRecognizer(supportedDevices: const {PointerDeviceKind.stylus}),
      (recognizer) {
        recognizer.onDown = (details) {
          final p = Provider.of<DrawingProvider>(context, listen: false);
          if (p.penMode) {
            p.penDrawStart(details.localPosition);
          }
        };
        recognizer.onUpdate = (details) {
          final p = Provider.of<DrawingProvider>(context, listen: false);
          if (p.penMode) {
            p.penDrawing(details.localPosition);
          }
        };
      },
    ),
  };

  @override
  Widget build(BuildContext context) {
    var p = Provider.of<DrawingProvider>(context);
    return GestureDetector(
      child: Scaffold(
          body: Column(
        children: [
          Row(
            children: [
              penWidget(p: p),
              colorWidget(context: context, color: Colors.black),
            ],
          ),
          Expanded(
            child: Stack(
              children: [
                Center(
                  child: Image(
                    image: AssetImage('image/image1.jpg'),
                    fit: BoxFit.cover,
                  ),
                ),
                Positioned.fill(
                  child: CustomPaint(
                    painter: DrawingPainter(p.lines),
                  ),
                ),
                // 替换原来的GestureDetector为RawGestureDetector
                RawGestureDetector(
                  behavior: HitTestBehavior.translucent,
                  gestureRecognizers: gestureRecognizers,
                  child: Container(
                    child: Listener(
                      behavior: HitTestBehavior.opaque,
                      onPointerDown: (_) {
                        print("컨테이너 눌림");
                      },
                    ),
                  ),
                ),
              ],
            ),
          ),
        ],
      )),
    );
  }
}

这种方式让手势识别器本身只响应手写笔的输入，从根源上避免处理手指事件，逻辑更严谨。

注意事项 #

• 三星Galaxy Tab的手写笔会被Flutter识别为PointerDeviceKind.stylus，上述两种方式都能正确过滤。
• 如果需要区分三星S Pen的额外特性（如压力感应），可以在回调中通过details.pressure获取压力值，进一步优化绘图效果。

内容的提问来源于stack exchange，提问作者KRBILN