颤动轮廓按钮覆盖 - Dart

简介

这是一个用Dart编写的控件，它可以在按钮上绘制一个颤动的轮廓，以增加用户的交互反馈。

功能

• 绘制圆角矩形形式的轮廓
• 支持设置轮廓颜色、宽度和速度
• 支持在按下按钮时触发颤动效果

用法

1. 添加依赖

在pubspec.yaml中添加以下依赖：

dependencies:
  shaking_button_outline: ^1.0.0

2. 导入包

导入以下包：

import 'package:shaking_button_outline/shaking_button_outline.dart';

3. 使用控件

创建ShakingButtonOutline控件，设置其参数并添加到UI中。

ShakingButtonOutline(
  child: FlatButton(
    onPressed: () {},
    child: Text('按钮'),
  ),
  interval: 100,
  strokeWidth: 6,
  strokeColor: Colors.red,
)

参数说明

| 参数 | 类型 | 默认值 | 描述 | | ---- | ---- | ---- | ---- | | child | Widget | null | 待添加效果的子控件 | | interval | int | 120 | 动画周期，即颤动一周所需时间（单位：毫秒）| | strokeWidth | double | 3.0 | 轮廓线宽度 | | strokeColor | Color | Colors.grey[300] | 轮廓线颜色 | | offset | double | 10.0 | 颤动幅度 |

示例

可以查看该仓库的 example 代码以了解更多示例。