-
【Flutter x Flame】四角形を表示する
ゲーム内に四角形を描写するにはRectangleComponentを使います。 【四角形を描写する】 import 'package:flame/components.dart'; import 'package:flame/game.dart'; import 'package:flutter/material.dart'; void main() { fin... -
【Flutter x Flame】キャラクターをドラッグ操作で動かす
このページではFlmaeを使って、ドラッグ操作でキャラクターを移動させる方法を紹介します。 【ゲーム画面を作成】 まずは簡単なゲーム画面とプレイヤーを作成します。 プレイヤーは簡易的なものとして、キューブを用意しました。 import 'package:flam... -
【Flutter x Flame】テキストを表示する
ゲーム内にテキストを描写するにはTextComponentを使います。 【テキストを描写する】 import 'package:flame/components.dart'; import 'package:flame/game.dart'; import 'package:flutter/material.dart'; void main() { fina... -
【Flutter】Drawerが開いているか閉じているかを検知する方法
以前、運営しているアプリでDarwerを開いたときにAdmob広告の上に重なっているからという理由でポリシー違反になったことがあります。 ●イメージ その時は、Drawerを開いたときは広告を非表示にすることで対応しました。 今後もこのような対応が必要になる... -
【Flutter x Flame】キーボードでキャラクターを左右に移動させる
このページではFlmaeを使って、キーボード操作でキャラクターを左右に移動させる方法を紹介します。 【ゲーム画面を作成】 まずは何もない空のゲーム画面を作成します。 import 'package:flame/game.dart'; import 'package:flutter/material.... -
【Flutter x Flame】背景画像を設定する方法
Flameを使ってゲームの背景画像を設定する方法を紹介します。 【ゲーム画面を作成】 まずは何もない空のゲーム画面を作成します。 import 'package:flame/game.dart'; import 'package:flutter/material.dart'; void main() { final game ... -
【SwiftUI】Linkビューの使い方を解説
Linkビューは、現在のビューから別の場所にナビゲートするために使用されます。 具体的には、ユーザーがタップしたときに指定した場所に遷移します。 【Linkビューの使い方】 Link("リンクテキスト", destination: URL(string: "リンク先の... -
【Flutter】DropdownButtonの選択肢一覧のウィンドウの高さを変更する方法
DropdownButtonのitemsの数が多い場合、画面上下いっぱいに広がって表示されます。 画面の上下いっぱいに広がること自体、特に問題がないですが、以前にこのウィンドウとAdmob広告が重なっているために、ポリシー違反で広告が一時的に表示されなくなったこ... -
事業用口座からプライベートで使うお金を引き出した時の仕訳方法
プライベートで使うお金を事業用の口座から引き出したときの仕訳方法を解説します。 【ATMで引き出したときの仕訳】 例:事業用の口座からプライベートで使う生活費300,000円を引き出した。 借方貸方事業主貸300,000普通預金300,000 【ATMで引き出したとき... -
【Flutter】CircularProgressIndicatorでは角を丸くできないので、CustomPaintを使って円形のプログレスインディケーターを作成する
CircularProgressIndicatorを使う場合、下の画像のように青い部分の角が丸くならない。 今のところ、角を丸くする方法はなさそうなので、CustomPaintを使ってカスタムウィジェットを作成します。 【CustomPaintを使った角丸のプログレスインジケータ】 imp... -
【Flutter】Checkboxウィジェットの枠線、背景色、チェックマークの色の設定方法
【チェックボックスの塗りつぶしの色を変更する】 塗りつぶしの色を変更するには、fillColor プロパティを使用します。 fillColorには、MaterialStatePropertyを使用して、選択された状態と非選択状態それぞれに対する色を指定します。 以下は、選択された... -
【Flutter】Checkboxウィジェットをの角を丸くする方法
Checkboxウィジェットの角を丸くするには、shape プロパティを使用します。 【チェックボックスを正円にする】 shape プロパティにCircleBorderを指定することで正円にできます。 Checkbox( value: true, shape: CircleBorder(), // 円形の形状を適用 onCh...