TAG

デザイン

  • 2022年12月20日
  • 2022年12月19日

【Flutter】Material 3 での基本的な色設定

「Flutter Advent Calendar 2022」に参加させて頂きます!20日目です。 useMaterial3をtrueに設定してしまったためか、いまいちテーマに馴染みがないためか、初期設定に迷いました。色々なホームページを見ていても、どこそこの色がどこに反映される、とかマニアックなものはいくつかありました。しかし、それ以前の基本的なテーマでの色の設定とダークモードの対応が分からなかっ […]

  • 2022年12月14日
  • 2022年12月14日

[Flutter] イケてるICOOON MONOのSVGアイコンを使用する

「Flutter Advent Calendar 2022」に参加させて頂きます!14日目です。 対象者 Flutterで開発をしていて、 ICOOON MONOのアイコンを使用したい人 ナイスなアイコンを使用したい人 SVGファイルを使用したい人 目的 Flutterでアプリ開発を使用していると、アイコンを使いたいケースがあります。マテリアルアイコンなどFlutterが標準で使用できるアイコンは […]

  • 2022年9月17日
  • 2022年9月17日

【Flutter】横丸でグラデーションのあるボタンを作った

したかったこと 現在の携わっているFlutterのプロジェクトは、もともとデザイン中心のテンプレートからアプリ開発を行っている。ボタンが横丸かつ微妙にグラデーション掛かってて、おしゃれで、デザイン的には気に入っている。ただ、内部的にはContainerをGestureDetectorでラップしているため、ボタンを無効にする、というボタン特有の行為ができない。そこで、デザインをそのままで、ボタンと機 […]

  • 2022年5月11日
  • 2022年5月11日

【Flutter】グラスモーフィズムを実現する

グラスモーフィズム(Glassmorphism)とはなにか ・2021年のデザイントレンドのひとつ ・曇りガラスのような質感を表現 詳しくは、「【グラスモーフィズム】デザインをつくってみた。」をご参照ください。こちらのデザインをFlutterで再現します。こちらのデザインを再現しているつもりです。大事なことなので、二回言いました。 べた書きで実装 雑な解説 Scaffoldに背景を出す Scaff […]