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

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

画像

Flutterプログラミングで、しずかちゃんのパンツ色変えてみた。[ランダムカラー変更][Random]

今回はランダムカラー変更やで!! って事で、構想はこれ 背景色をボタンを押す事でランダムに変更。 パンツの部分だけを透過させた、しずかちゃん画像を用意。 その画像を背景の上に重ねる。 さぁ!!いってみよー!! ランダムに変更するには下記のdart:ma…

Flutterでリストタップで画像表示アニメーションするんやで![Hero animations]

できひんやんけーーー!!! というのは、 [タブ→リスト→画像表示]この画面遷移、、要素が絡まると指定要素が重なって、、これがむずい。 前回はタブからリスト表示できたんやけど、リストタップからの画像表示で苦戦。 今回特にこだわったDartPadのみで表示…

Flutterで、鬼滅の刃。ねずこが咥えている物をボタンで変更するんやで。[BottomNavigationBar]

ねずこの竹、違う物にしたい!! 君もそう思った事があるやろ。 そんな時に便利なんは BottomNavigationBar やで!! 早速やけど見てみて!こんな感じやで! って事で今回はまずイラスト3枚用意。 背景をねずこにして竹だけを変更してもええねんけど、 今回…

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

鬼滅の刃!! 水の呼吸 弐ノ型 水車!! 作ってみるんやで!! って事でイラスト書いたんや。 背景が透過PNGで保存するんやで。 透過PNGって何?って人は、背景がスケてるイラスト画像の事やで。 今回は水車の感じだけを回したいから、 水車と炭治郎を別々で…

Flutterでクレヨンしんちゃんの愛情表現を実装。[AnimatedCrossFade]

今回はクレヨンしんちゃんのお尻から学ぶんやで!! 画像を2枚使ってアニメーションさせるんや! てことで2枚書いたんや。ええお尻やな。 これをクロスフェードさせるんやで!! そんな時はこれや!! AnimatedCrossFade!!! けど、ほんまは3枚の画像を順…

Flutterでうんこ流せたんやで!![完成]

突然やけど、 StatelessWidgetは静的 StatefulWidgetは動的 って事らしいから、 ボタンでうんこを流す為に、前回までのコードもいくつか変更するんやで! まず、うんこ画像 //うんこ画像コード class MyUnko extends StatelessWidget { @override Widget bui…

Flutterでうんこ画像の位置を少し下にしてみるんやで。

前回はうんこを小さくしたけど、 うんこが便器の内側に、こびりついてるから もう少し下に移動させたいんやで。 MyUnkoのコンテナの中に位置を指定できるコード書いてみた。 ドヤ!! ええや〜ん! 38行目にこれ追加したで。 alignment: Alignment(0.0, 0.2)…

Flutterで背景画像の上にのせた画像サイズを変更するんやで。

前回は背景を表示できたけど、上に乗ってるうんこが大きすぎた。 たまに出るびっくりすぎるくらいの大きなうんこはあるけど、 ここでは小さくしたいんやで。 って事で、 元の大きなサイズの画像を縮小して表示するんやでっ!! しかし、、、 いろいろ試して…

Flutterで背景画像を表示してみるんやで。

前回は、うんこ画像を表示できた。 うんこを表示したら、便器に流したくなった。 人間だもの って事で、次は背景をトイレにするんやで。 イラスト書いたで。 body: Containerの中に 下記: 19行目から24行目を追加したで。 decoration: BoxDecoration( image:…

DartPadのFlutterでサンプルプログラムを触ってみるんやで。[2.画像表示 ]

前回で書いた文字[うんこ]を 画像にするんやで! 使用する画像が必要って事で うんこのイラストを書いてみた。 ※背景透過のPNG形式で保存 なんか。。腹たつうんこやな、、 下の前回のコードをよ〜く見て解析してみようや! 画面表示の基本となるコードは16~1…