siri_wave
所属分类:android开发
开发工具:Dart
文件大小:0KB
下载次数:0
上传日期:2023-02-23 10:44:40
上 传 者:
sh-1993
说明: Flutter软件包可以创建类似Siri的美丽波形。
(A Flutter package to create beautiful waveforms like in Siri.)
文件列表:
.cirrus.yml (855, 2023-09-09)
.metadata (309, 2023-09-09)
AUTHORS (242, 2023-09-09)
CHANGELOG.md (3028, 2023-09-09)
CODE_OF_CONDUCT.md (5223, 2023-09-09)
CONTRIBUTING.md (2142, 2023-09-09)
LICENSE (1499, 2023-09-09)
analysis_options.yaml (57, 2023-09-09)
example/ (0, 2023-09-09)
example/.metadata (1668, 2023-09-09)
example/analysis_options.yaml (1008, 2023-09-09)
example/android/ (0, 2023-09-09)
example/android/app/ (0, 2023-09-09)
example/android/app/build.gradle (2188, 2023-09-09)
example/android/app/src/ (0, 2023-09-09)
example/android/app/src/debug/ (0, 2023-09-09)
example/android/app/src/debug/AndroidManifest.xml (412, 2023-09-09)
example/android/app/src/main/ (0, 2023-09-09)
example/android/app/src/main/AndroidManifest.xml (1667, 2023-09-09)
example/android/app/src/main/kotlin/ (0, 2023-09-09)
example/android/app/src/main/kotlin/com/ (0, 2023-09-09)
example/android/app/src/main/kotlin/com/example/ (0, 2023-09-09)
example/android/app/src/main/kotlin/com/example/example/ (0, 2023-09-09)
example/android/app/src/main/kotlin/com/example/example/MainActivity.kt (124, 2023-09-09)
example/android/app/src/main/res/ (0, 2023-09-09)
example/android/app/src/main/res/drawable-v21/ (0, 2023-09-09)
example/android/app/src/main/res/drawable-v21/launch_background.xml (438, 2023-09-09)
example/android/app/src/main/res/drawable/ (0, 2023-09-09)
example/android/app/src/main/res/drawable/launch_background.xml (434, 2023-09-09)
example/android/app/src/main/res/mipmap-hdpi/ (0, 2023-09-09)
example/android/app/src/main/res/mipmap-hdpi/ic_launcher.png (544, 2023-09-09)
... ...
[![ci][ci_badge]][ci_link]
[![Package: siri_wave][package_badge]][package_link]
[![Publisher: halildurmus.dev][publisher_badge]][publisher_link]
[![Language: Dart][language_badge]][language_link]
[![Platform: Flutter][platform_badge]][platform_link]
[![License: BSD-3-Clause][license_badge]][license_link]
Create visually stunning waveforms similar to those found in *Siri*.
It was inspired from the [siriwave][siriwave_link] library.
## Demo
Check out the live demo [here][demo_link].
## iOS 7 Siri-style waveform
[![iOS 7 Siri-style waveform][ios_7_gif_link]][demo_link]
## iOS 9 Siri-style waveform
[![iOS 9 Siri-style waveform][ios_9_gif_link]][demo_link]
## Usage
### iOS 7 Siri-style waveform
To create an *iOS 7 Siri-style* waveform, use the `SiriWaveform.ios7()`
constructor:
```dart
import 'package:siri_wave/siri_wave.dart';
class MyWidget extends StatelessWidget {
Widget build(BuildContext context) {
return SiriWaveform.ios7();
}
}
```
You can customize the waveform by passing a `controller` and/or `options`:
```dart
class MyWidget extends StatelessWidget {
@override
Widget build(BuildContext context) {
final controller = IOS7SiriWaveformController(
amplitude: 0.5,
color: Colors.red,
frequency: 4,
speed: 0.15,
);
return SiriWaveform.ios7(
controller: controller,
options: IOS7SiriWaveformOptions(
height: 180,
width: 360,
),
);
}
}
```
You can also change the properties of the waveform later:
```dart
controller.amplitude = 0.3;
controller.color = Colors.white;
```
### iOS 9 Siri-style waveform
To create an *iOS 9 Siri-style* waveform, use the `SiriWaveform.ios9()`
constructor:
```dart
import 'package:siri_wave/siri_wave.dart';
class MyWidget extends StatelessWidget {
Widget build(BuildContext context) {
return SiriWaveform.ios9();
}
}
```
As with the *iOS 7 Siri-style* waveform, you can customize the waveform by
passing a `controller` and/or `options`:
```dart
class MyWidget extends StatelessWidget {
@override
Widget build(BuildContext context) {
final controller = IOS9SiriWaveformController(
amplitude: 0.5,
speed: 0.15,
);
return SiriWaveform.ios9(
controller: controller,
options: IOS9SiriWaveformOptions(
height: 180,
width: 360,
),
);
}
}
```
For a complete sample application, please checkout the [example][example_link].
To learn more, see the [API Documentation][api_documentation_link].
## Contributing
Contributions, issues and feature requests are welcome.
Feel free to check the [issue tracker][issue_tracker_link] if you want to
contribute.
[api_documentation_link]: https://pub.dev/documentation/siri_wave/latest/
[ci_badge]: https://img.shields.io/cirrus/github/halildurmus/siri_wave
[ci_link]: https://cirrus-ci.com/halildurmus/siri_wave
[demo_link]: https://halildurmus.github.io/siri_wave
[example_link]: https://github.com/halildurmus/siri_wave/blob/main/example/lib/main.dart
[ios_7_gif_link]: https://raw.githubusercontent.com/halildurmus/siri_wave/main/gifs/ios_7.gif
[ios_9_gif_link]: https://raw.githubusercontent.com/halildurmus/siri_wave/main/gifs/ios_9.gif
[issue_tracker_link]: https://github.com/halildurmus/siri_wave/issues
[language_badge]: https://img.shields.io/badge/language-Dart-blue.svg
[language_link]: https://dart.dev
[license_badge]: https://img.shields.io/github/license/halildurmus/siri_wave?color=blue
[license_link]: https://opensource.org/licenses/BSD-3-Clause
[package_badge]: https://img.shields.io/pub/v/siri_wave.svg
[package_link]: https://pub.dev/packages/siri_wave
[platform_badge]: https://img.shields.io/badge/platform-Flutter-02569B?logo=flutter
[platform_link]: https://flutter.dev
[publisher_badge]: https://img.shields.io/pub/publisher/siri_wave.svg
[publisher_link]: https://pub.dev/publishers/halildurmus.dev
[siriwave_link]: https://github.com/kopiro/siriwave
近期下载者:
相关文件:
收藏者: