Flutterアプリで背景画像を滑らかに切り替える方法 | ツチノコテックアカデミア
つちのこあつめではゲーム内の時間経過に合わせて背景が二段階にアニメーションするようになっています。 今回はそれをどのように実装しているかを紹介します。 背景を重ねて表示させておく まずは表示させたい画像をContainerとStackウィジェットを使って重ねて表示させておきます。 Containerのimageに設定されている画像が最初に表示され、AlignのChildに設定されているAnimatedOpacityのImageの画像が後から表示されます。 AnimatedOpacityは画像の透過度を徐々に変化させるために使用しています。opacityに与えられている変数の値を0から1に変化させることで、最初は表示されていなかった画像が表示されるようになります。 body: Container( // 背景画像を設定 decoration: const BoxDecoration( ima
Flutterアプリでジャイロセンサーの値を取得する方法 | ツチノコテックアカデミア
センサーの値を取得する方法についてはこちらの書籍を大いに参考にしました。 03.センサー｜Flutter実践入門 (zenn.dev) まずはセンサーを取り扱うパッケージを導入します。 pubspec.yamlのdependencies以下にsensors_plusを追加します。 dependencies: flutter: sdk: flutter sensors_plus: ^2.0.2 # 20230326時点で最新 バージョンは適宜新しいものにする dartのソースコードで値を取得する部分は以下のようにします。 import 'package:sensors_plus/sensors_plus.dart'; 中略 // ジャイロセンサーの値を取得するリスナーを登録 gyroscopeEvents.listen( (GyroscopeEvent event) { event.x //
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
