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

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

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

今回はランダムカラー変更やで!!

って事で、構想はこれ

  1. 背景色をボタンを押す事でランダムに変更。
  2. パンツの部分だけを透過させた、しずかちゃん画像を用意。
  3. その画像を背景の上に重ねる。

f:id:bon_programming:20200606111947p:image

さぁ!!いってみよー!!

ランダムに変更するには下記のdart:mathってのをインポートせなあかんらしいわ。

import 'dart:math';

 ほんで、これ。

// 初期パンツカラー
Color colorCode = Colors.white;


//ランダムカラー設定ここから
final Random random = Random();

pantuRandomColor(){

Color pantuColor = Color.fromARGB(
random.nextInt(256),
random.nextInt(256),
random.nextInt(256),
random.nextInt(256),
) ;

setState(() {

colorCode = pantuColor ;

});

}
//ランダムカラー設定ここまで

 で、のび太の欲望ボタンを配置したら!!

RaisedButton(
onPressed: () => pantuRandomColor(),

 onPressed: () => pantuRandomColor(),

ボタン押されたらpantuRandomColorをよむって事やで。

f:id:bon_programming:20200606120023g:plain

出来たーーーーー!!!

欲望の執念は必ず形になるんやで!!

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

https://dartpad.dev/flutter