ゼロからFlutterでアプリ開発するんやで。

Flutter(Google製アプリ構築ツールキット)を遊びながら学んでいくんやで。

Flutterプログラミングで鬼滅の刃[水の呼吸 弐ノ型]してみた。AnimatedBuilder

鬼滅の刃!!

水の呼吸 弐ノ型 水車!!

作ってみるんやで!!

って事でイラスト書いたんや。

背景が透過PNGで保存するんやで。

透過PNGって何?って人は、背景がスケてるイラスト画像の事やで。

今回は水車の感じだけを回したいから、

水車と炭治郎を別々で書いたんやで。

 

カッコええな〜炭治郎

f:id:bon_programming:20200521191250p:image

 

f:id:bon_programming:20200521191244p:image

ほんで今回使うのは

AnimatedBuilder や!!

これは画像とかも回したり色々出来るから便利かも。

 

サンプルはgifアニメ画像やから、ほんまはもっとスムーズやで!

一番したのコードの数値あげたらもっと早く回せるわ。

builder: (BuildContext context, Widget child) {
return Transform.rotate(
angle: _controller.value * 8.0 * math.pi,
child: child,
);
}, 

f:id:bon_programming:20200521224835g:plain

ドヤ!!ええ感じちゃうん?

 ちなみに背景はグラデーションで指定してみたんやで。

decoration: BoxDecoration(

gradient: LinearGradient(

begin: FractionalOffset.topLeft,

end: FractionalOffset.bottomRight,

colors: [

const Color(0xffe4a972). withOpacity(0.6),

const Color(0xff9941d8).withOpacity(0.6),

], 

stops: const [

0.0,

1.0,

],

以下省略

次は何の呼吸の何の型しよかな。。

乞うご期待!

 コード貼り付けて動かすんやで!!

https://dartpad.dev/flutter