- 2024年2月9日
- 2024年2月9日
[Flutter]サムネイル選択アニメーション
対象者 この記事は、Flutterの基本的な知識を持ち、Widgetの操作やアニメーションに興味がある初級から中級のFlutter開発者を対象としています。 Widgetの位置やサイズを取得したい人 取得した位置により、他のWidgetの位置を調整したい人 サムネイル画像を選択したときの外枠をアニメーションさせたい人 はじめに 私たちの日常業務の中で、サムネイルを選択する瞬間は、一つ一つの選択が重 […]
CATEGORY
小物
- 2023年5月2日
- 2023年5月1日
【Flutter】テストを高速化するためのメモ
はじめに Flutterのテスト高速化についてのブログがあったので、覚え書き。 メモ テスト実行コマンドに適切な引数のみを使用する。 テスト実施時はcoverageとかつけない 1つのテストファイルからすべてのテストを呼び出すことを実現する。 各テストの実行速度を別々に分析する。 checkIntrinsicSizesを無効にして、ウィジェットテストのビルドプロセスを高速化する。 テストを並列実行 […]
- 2022年12月17日
- 2022年12月15日
[Flutter] コインをひっくり返して、アニメーションをマスターしよう
「Flutter Advent Calendar 2022」に参加させて頂きます！17日目です。 はじめに ナイスなテーマの切り替えボタンが欲しい!ということで、自分で作ってみました。こんなのです。太陽になったときだけカウントします。 対象者 表と裏のコインやカードを反転させるようなアニメーションがしたい アニメーションが知りたい 子Widgetのイベントに応じて、親Widgetのメソッドを実施し […]
- 2022年5月11日
- 2022年5月11日
【Flutter】グラスモーフィズムを実現する
グラスモーフィズム(Glassmorphism)とはなにか ・2021年のデザイントレンドのひとつ ・曇りガラスのような質感を表現 詳しくは、「【グラスモーフィズム】デザインをつくってみた。」をご参照ください。こちらのデザインをFlutterで再現します。こちらのデザインを再現しているつもりです。大事なことなので、二回言いました。 べた書きで実装 雑な解説 Scaffoldに背景を出す Scaff […]
- 2021年12月23日
- 2022年2月4日
Flutterで雪を降らせる「雪の降るアニメーションの実装」
この記事はFlutter Flutter #2 Advent Calendar 2021 24日目の記事です。 せっかくクリスマスイブですし、クリスマスっぽいものを投稿しようと思い、雪を降らせる演出を考えてみました。 雪を作成する 大分迷走しましたが、以下のようになりました。 1フレームごとに、新しいWidgetを作ってます。1フレームで100くらいのWidgetを再作成しています。一応Keyは割 […]