2020-01-01から1年間の記事一覧
今回はランダムカラー変更やで!! って事で、構想はこれ 背景色をボタンを押す事でランダムに変更。 パンツの部分だけを透過させた、しずかちゃん画像を用意。 その画像を背景の上に重ねる。 さぁ!!いってみよー!! ランダムに変更するには下記のdart:ma…
できひんやんけーーー!!! というのは、 [タブ→リスト→画像表示]この画面遷移、、要素が絡まると指定要素が重なって、、これがむずい。 前回はタブからリスト表示できたんやけど、リストタップからの画像表示で苦戦。 今回特にこだわったDartPadのみで表示…
Flutterのタブとリストの各表示方法はネット上にも、まあまあ情報がある。 だ〜がしかし、、 タブメニュー押したら、リストを表示したいやん。 で、ググっても 情報ないやーーーーーーーーん。 こんなよく使いそうな事ないんかーーい、、 って事で鬼滅の刃の…
ねずこの竹、違う物にしたい!! 君もそう思った事があるやろ。 そんな時に便利なんは BottomNavigationBar やで!! 早速やけど見てみて!こんな感じやで! って事で今回はまずイラスト3枚用意。 背景をねずこにして竹だけを変更してもええねんけど、 今回…
鬼滅の刃!! 水の呼吸 弐ノ型 水車!! 作ってみるんやで!! って事でイラスト書いたんや。 背景が透過PNGで保存するんやで。 透過PNGって何?って人は、背景がスケてるイラスト画像の事やで。 今回は水車の感じだけを回したいから、 水車と炭治郎を別々で…
今回はクレヨンしんちゃんのお尻から学ぶんやで!! 画像を2枚使ってアニメーションさせるんや! てことで2枚書いたんや。ええお尻やな。 これをクロスフェードさせるんやで!! そんな時はこれや!! AnimatedCrossFade!!! けど、ほんまは3枚の画像を順…
突然やけど、 StatelessWidgetは静的 StatefulWidgetは動的 って事らしいから、 ボタンでうんこを流す為に、前回までのコードもいくつか変更するんやで! まず、うんこ画像 //うんこ画像コード class MyUnko extends StatelessWidget { @override Widget bui…
今回はボタンを真ん中にしたりええ感じにするんやで! そんな時はこれや!! FloatingActionButtonLocation! フローティングアクションボタンロケーションや! floatingActionButtonLocation: FloatingActionButtonLocation.centerFloat, ボタンのコードの…
Flutterにはめちゃいい簡単に付けられるボタンがあるねん。 それは FloatingActionButton や! フローティングアクションボタン や! かなり使えそうやから二回言っとくわ。 floatingActionButton: FloatingActionButton( child: Icon(Icons.add), onPressed…
前回までの流れ[うんこ編] テキストのうんこを画像に変える。 bon-programming.hatenablog.com 背景をトイレにする。 bon-programming.hatenablog.com うんこの画像サイズを変更 bon-programming.hatenablog.com うんこ画像の位置を微調整 bon-programming.h…
前回はうんこを小さくしたけど、 うんこが便器の内側に、こびりついてるから もう少し下に移動させたいんやで。 MyUnkoのコンテナの中に位置を指定できるコード書いてみた。 ドヤ!! ええや〜ん! 38行目にこれ追加したで。 alignment: Alignment(0.0, 0.2)…
前回は背景を表示できたけど、上に乗ってるうんこが大きすぎた。 たまに出るびっくりすぎるくらいの大きなうんこはあるけど、 ここでは小さくしたいんやで。 って事で、 元の大きなサイズの画像を縮小して表示するんやでっ!! しかし、、、 いろいろ試して…
前回は、うんこ画像を表示できた。 うんこを表示したら、便器に流したくなった。 人間だもの って事で、次は背景をトイレにするんやで。 イラスト書いたで。 body: Containerの中に 下記: 19行目から24行目を追加したで。 decoration: BoxDecoration( image:…
なかなかええんちゃうん?
名前はトンボロ博士やで!! 頭がトンボロ現象みたいやから。 口癖は ホットリローーーーーーーード!! やねんで。 今後ともトンボロ博士よろしくやで!!
前回で書いた文字[うんこ]を 画像にするんやで! 使用する画像が必要って事で うんこのイラストを書いてみた。 ※背景透過のPNG形式で保存 なんか。。腹たつうんこやな、、 下の前回のコードをよ〜く見て解析してみようや! 画面表示の基本となるコードは16~1…
じゃぁぁあああ〜ん!! DartPadをブログに貼り付けたで!!! 思う存分触ってみてや!! 注意:PCで見るかスマホなら横向きでみてや〜 プログラム変更後は右上の[Run]ボタン押すんやで! https://dartpad.dev/flutter このプログラム内容は文字を出すプログ…
前回の記事で説明したんやけど、もう一回言うとくで! Flutter始めるんやったら、 とりあえず「DratPad」で 感覚を覚えたらええねん!! DratPadでFultterを体験するんやで〜!!です。 DratPad下記リンクhttps://dartpad.dev/ ※注意:PCからみる事をオススメ…
Flutterを始めようとしている貴方!! Flutterをダウンロードする事から、始めようと思ってない? グーグル先生や公式サイトに聞いても、まずその流れになりますね。 例外なく私自身もそうでした。 その考え『ちょーーーーとまった!!』やで。 FlutterをPC…
んで、、Flutter(フラッター)って何なん? バケラッタしか知らんわ。 マンガの[オバケのQ太郎]に出てくる弟のO次郎の口癖な。 ばけらった〜〜!! そんなことはどうでもええか。 とりあえずグーグル先生に聞いてみるわ。 、、Flutter公式、、英語やん、、 …