Flutter功能修正插件Rectify的使用

Rectify 是一个 Dart 扩展方法库，旨在使 Rect 类的使用更加方便和愉悦。通过 Rectify，你可以轻松地调整矩形的位置和大小。

安装

要使用此包，你需要在你的 pubspec.yaml 文件中添加 rectify 作为依赖项：

dependencies:
  rectify: ^最新版本号

然后运行 flutter pub get 来获取该依赖。

使用

导入

首先，你需要导入 Rectify 包：

import 'package:rectify/rectify.dart';

示例代码

以下是一些使用 Rectify 的示例代码：

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

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(title: Text('Rectify 示例')),
        body: Center(
          child: ExampleWidget(),
        ),
      ),
    );
  }
}

class ExampleWidget extends StatefulWidget {
  @override
  _ExampleWidgetState createState() => _ExampleWidgetState();
}

class _ExampleWidgetState extends State<ExampleWidget> {
  Rect _rect = Rect.fromLTRB(1, 2, 3, 4);
  Rect _rect2 = Rect.fromLTRB(5, 6, 7, 8);
  Rect _rect3 = Rect.fromLTWH(1, 2, 3, 4);

  @override
  Widget build(BuildContext context) {
    return Column(
      mainAxisAlignment: MainAxisAlignment.center,
      children: [
        Text('原始矩形: $_rect'),
        ElevatedButton(
          onPressed: () {
            setState(() {
              _rect = _rect.adjust(1, 2, 3, 4);
            });
          },
          child: Text('调整矩形'),
        ),
        Text('调整后的矩形: $_rect'),
        SizedBox(height: 20),
        Text('矩形1 是否与 矩形2 相交: ${_rect.intersects(_rect2)}'),
        ElevatedButton(
          onPressed: () {
            setState(() {
              _rect = _rect.moveLeft(5);
            });
          },
          child: Text('向左移动边缘'),
        ),
        Text('左移后的矩形: $_rect'),
        SizedBox(height: 20),
        ElevatedButton(
          onPressed: () {
            setState(() {
              _rect = _rect.setBottom(5);
            });
          },
          child: Text('设置底部边缘'),
        ),
        Text('设置底部后的矩形: $_rect'),
        SizedBox(height: 20),
        ElevatedButton(
          onPressed: () {
            setState(() {
              _rect = _rect.normalize();
            });
          },
          child: Text('规范化矩形'),
        ),
        Text('规范化后的矩形: $_rect'),
        SizedBox(height: 20),
        ElevatedButton(
          onPressed: () {
            setState(() {
              _rect = _rect.unite(_rect2);
            });
          },
          child: Text('合并两个矩形'),
        ),
        Text('合并后的矩形: $_rect'),
      ],
    );
  }
}

方法说明

• adjust: 调整矩形的四个边。

  _rect.adjust(dx1, dy1, dx2, dy2);
  

• intersects: 判断两个矩形是否相交。

  _rect.intersects(_rect2);
  

• moveLeft: 沿左边缘移动矩形。

  _rect.moveLeft(newLeftValue);
  

• moveTop: 沿上边缘移动矩形。

  _rect.moveTop(newTopValue);
  

• moveRight: 沿右边缘移动矩形。

  _rect.moveRight(newRightValue);
  

• moveBottom: 沿下边缘移动矩形。

  _rect.moveBottom(newBottomValue);
  

• moveTopLeft: 沿左上角移动矩形。

  _rect.moveTopLeft(newPosition);
  

• moveTopRight: 沿右上角移动矩形。

  _rect.moveTopRight(newPosition);
  

• moveBottomLeft: 沿左下角移动矩形。

  _rect.moveBottomLeft(newPosition);
  

• moveBottomRight: 沿右下角移动矩形。

  _rect.moveBottomRight(newPosition);
  

• moveCenter: 沿中心移动矩形。

  _rect.moveCenter(newPosition);
  

• normalize: 确保矩形的宽度和高度非负。

  _rect.normalize();
  

• setBottom: 设置矩形的底部边缘。

  _rect.setBottom(newBottomValue);
  

• setLeft: 设置矩形的左侧边缘。

  _rect.setLeft(newLeftValue);
  

• setRight: 设置矩形的右侧边缘。

  _rect.setRight(newRightValue);
  

• setTop: 设置矩形的顶部边缘。

  _rect.setTop(newTopValue);
  

• setTopLeft: 设置矩形的左上角。

  _rect.setTopLeft(newPosition);
  

• setTopRight: 设置矩形的右上角。

  _rect.setTopRight(newPosition);
  

• setBottomLeft: 设置矩形的左下角。

  _rect.setBottomLeft(newPosition);
  

• setBottomRight: 设置矩形的右下角。

  _rect.setBottomRight(newPosition);
  

• setSize: 设置矩形的大小。

  _rect.setSize(newSize);
  

• setWidth: 设置矩形的宽度。

  _rect.setWidth(newWidth);
  

• setHeight: 设置矩形的高度。

  _rect.setHeight(newHeight);
  

• transpose: 交换矩形的宽度和高度。

  _rect.transpose();
  

• unite: 返回两个矩形的边界矩形。

  _rect.unite(_rect2);