颤动图像大小百分比 - Dart

在Dart中，我们可以使用 Transform Widget 来对图像进行旋转，缩放，平移等操作。这里介绍如何使用 Transform.scale 属性来实现图像大小的百分比调整，即颤动图像大小百分比的效果。

实现步骤

1. 引入 Flutter 和 Material 库。

import 'package:flutter/material.dart';

2. 创建一个包含图像的 Container。

Container(
  width: 200.0,
  height: 200.0,
  child: Image.asset('assets/image.jpg'),
),

3. 使用 Transform.scale 来调整图像的大小，并设置缩放比例。

Transform.scale(
  scale: 0.5,
  child: Container(
    width: 200.0,
    height: 200.0,
    child: Image.asset('assets/image.jpg'),
  ),
),

scale 参数的值为 0.5，表示缩放比例为原大小的一半。

完整代码示例

import 'package:flutter/material.dart';

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
        visualDensity: VisualDensity.adaptivePlatformDensity,
      ),
      home: MyHomePage(),
    );
  }
}

class MyHomePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Flutter Demo'),
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: <Widget>[
            Container(
              width: 200.0,
              height: 200.0,
              child: Image.asset('assets/image.jpg'),
            ),
            SizedBox(height: 16.0),
            Transform.scale(
              scale: 0.5,
              child: Container(
                width: 200.0,
                height: 200.0,
                child: Image.asset('assets/image.jpg'),
              ),
            ),
          ],
        ),
      ),
    );
  }
}

通过上述代码示例，我们可以实现图像颤动大小百分比的效果。