Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Flutterで構築する漫画ビューア / FlutterKaigi 2023

katsu
November 10, 2023

Flutterで構築する漫画ビューア / FlutterKaigi 2023

katsu

November 10, 2023
Tweet

Other Decks in Programming

Transcript

  1. 自己紹介 • 伊藤 克弘 • エキサイト株式会社 • Android / Flutter

    エンジニア • 10年ほどAndroidアプリ開発 • Flutter歴は1年半ほど 2
  2. 2. 画像を拡⼤する ダブルタップでの操作 (50, 50) (150, 150) (0, 0) (100,

    100) (300, 300) x3.0 拡大した分の座標を移動させる 29
  3. 5. ページを操作する ページ移動には下記のメソッドが使える • jumpTo • jumpToPage • animateTo •

    animateToPage • nextPage • previousPage PageControllerの操作 72 指定したページに瞬時に移動する オフセットもしくはインデックスを指定する
  4. 5. ページを操作する ページ移動には下記のメソッドが使える • jumpTo • jumpToPage • animateTo •

    animateToPage • nextPage • previousPage PageControllerの操作 73 指定したページにアニメーションで移動する オフセットもしくはインデックスを指定する
  5. 5. ページを操作する ページ移動には下記のメソッドが使える • jumpTo • jumpToPage • animateTo •

    animateToPage • nextPage • previousPage PageControllerの操作 74 隣のページにアニメーションで移動する 内部ではanimateToPageが使われている
  6. 6. ⾒開きページを表⽰する Isolateを使う • Isolate.spawn: 低レイヤーでの操作で、⾊々と⾃前で管理する必要がある • compute: Flutterの拡張機能で、Isolateをシンプルに扱える •

    Isolate.run: Dart 2.19で追加され、computeと同様にIsolateをシンプルに扱える → 今回は⼀番シンプルなIsolate.runを使う 並列処理の実行 117
  7. 123