來源

一直都想寫一個可以轉動的Widget，并且可以近似的模擬生活中的慣性跟阻力，因為設計到一些數學公式，作者還去請教了我的高中老師，最后學了點傳感器，就直接外加個可選擇傳感器控制了

效果

實現方法

邏輯部分比較復雜，作者寫了好幾天，最后干脆直接寫了一個Dart Packages上傳到了Pub,里面有大量的注釋，代碼還很不簡化體諒一下，歡迎體驗

將其添加到包的pubspec.yaml文件中：

dependencies: rotated_view: ^1.0.1 復制代碼

然后導入包

import 'package:rotated_view/rotated_view.dart'; 復制代碼

代碼部分

import 'dart:async';import 'package:flutter/material.dart'; import 'package:rotated_view/rotated_view.dart';void main() => runApp(MyApp());class MyApp extends StatefulWidget { @override _MyAppState createState() => _MyAppState(); }class _MyAppState extends State<MyApp> { StreamSubscription _subscription;@override void initState() {super.initState(); }@override void dispose() {if (_subscription != null) {_subscription.cancel();}super.dispose(); }@override Widget build(BuildContext context) {return MaterialApp(color: Colors.black,home: Scaffold(body: Center(child: Column(children: <Widget>[Padding(padding: EdgeInsets.fromLTRB(0, 100, 0, 0),),Container(width: 400,height: 400,child: RotatedView(child: Image.asset("images/launcher_background.png"),usesensor: false,issame: false,haveinertia: true,),),Text(""),],)),),); } } 復制代碼

我的FlutterGithub

轉載于:https://juejin.im/post/5c3b352d5188253a317b50d1

總結

以上是生活随笔為你收集整理的Flutter：尝试撸一个具有惯性跟阻力的旋转控件或用传感器控制其旋转的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。