dart - flutter 自定义画家

你好，我创建了一个扩展CustomPainter的小部件。问题是，当调用paint方法时，Size参数的width和height字段始终为0,0我不确定如何解决此问题。任何想法将不胜感激。这是小部件。谢谢!!

class Box extends CustomPainter {
  double _top = 0.0;
  double _left = 0.0;
  double _width = 0.0;
  double _height = 0.0;
  String _text;

  Box(this._top, this._left, this._width, this._height, this._text);

  @override
  void paint(Canvas canvas, Size size) {
   canvas.drawRect(
      new Rect.fromLTWH(_left, _top, _width, _height),
      new Paint()
        ..style = PaintingStyle.stroke
        ..strokeWidth = 2.0
        ..color = Colors.blue // new Color(0xFF0099FF),
  );
}

 @override
 bool shouldRepaint(Box oldDelegate) {
  return false;
 }
}

并这样使用它:

new Positioned(
      left: 0.0,
      top: 0.0,
      child: new Container(
          child:new CustomPaint(
          painter: new Box(block.boundingBox.top.toDouble(), block.boundingBox.left.toDouble(),
              block.boundingBox.width.toDouble(), block.boundingBox.height.toDouble(),
              block.text)
      ))
  )

再次感谢您提出的反对意见!

最佳答案

多一点的代码会有所帮助，但是我想我可以对您在这里所做的事情给出足够的解释。

我假设您的Positioned位于堆栈中，并且由于堆栈中的另一个元素(或由于放置在为其提供尺寸的小部件中)，堆栈具有一定的尺寸。例如，如果堆栈位于SizedBox，Container(具有指定的大小)或类似的容器中，则它将具有一个大小。而如果它位于中心，则会根据其子项自行调整大小。

如果堆栈按其子级调整大小，则会根据未定位子级中的最大子级(即那些未包装在Positioned中或未包装在Positioned中但未定位在子级中的子级)确定堆栈的大小。 t定义左侧，右侧，顶部，右侧，宽度或高度中的任何一个。

回到您的问题-如果我们假设堆栈有一个大小，那么您的小部件将放置在左上方。但是，按照书面规定，Positioned下的所有小部件均未实际指定其自身大小-您尚未设置Container或CustomPaint的大小。

因此，您实际上需要指定CustomPaint的大小。如果知道特定的宽度/高度，则可以在Container或CustomPaint的尺寸中指定该宽度/高度。如果您不希望扩展到堆栈的大小，则可以简单地删除Positioned小部件，或者定义left/right和/或top/bottom。或者，您可以组合指定的高度或宽度+所需偏移量。最后一件事是，即使外部小部件的大小正确，CustomPaint仍可能决定将其大小调整为零。如果是这种情况，则需要传递一个大小(我很确定，如果传递Size.infinite，它将扩展以填充其父级)。

最后一件事是我不确定您对CustomPainter所做的事情，但是看来这可能是错误的。如果您只是想绘制一个正方形，请使用传递给绘制器的尺寸而不是参数(我猜您正在尝试这样做是为了解决您看到的尺寸为零的问题)。

例如，如果您试图简单地绘制一个填充整个绘画区域的矩形，请使用以下命令:

canvas.drawRect(Offset.zero & size, Paint().....);

但是，如果您传入了一些东西，则需要确保您不在自定义画家的画图范围之外。从CustomPaint文档中:

关于dart - flutter 自定义画家，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/51880005/