Flutter: window.devicePixelRatioを上書きしてUIを巨大化する｜TechRacho by BPS株式会社
突然ですが、通常アプリを作成するとUIはこのぐらいの大きさかと思いますが このように全体を大きくしたくなったことはありませんでしょうか。 これは1つ1つの文字やボタンの大きさを丹念に設定していったわけではなく、昨今のWebブラウザに搭載されているズーム機能 と似たような形で、Flutterの描画全体を大きくする事で実現しています。 今回はこれのやり方をご紹介致します。 注意 本記事で取り上げた内容はおそらくFlutter SDKの本来想定された使い方の範囲を超えており、実装に際して使用した手段もプロダクションコードに採用すべきものではありません。 あくまでFlutterの特性上こういうことも出来る、という一例としてお楽しみ下さい。 環境 執筆時点のstableを使います。 $ flutter --version Flutter 1.20.3 • channel stable • https
【Flutter】アイコンにオリジナル画像を設定する方法｜TechRacho by BPS株式会社
こんにちは！ BPSの福岡拠点として一緒にお仕事をさせていただいています、株式会社ウイングドアのウメバヤシです。 iOSやAndroidのアプリで下タブ（BottomNavigationBarやUITabBar）などを実装することはよくあるかと思います。 その際、アイコンをオリジナルの画像にすることも多いと思いますが、通常は端末ごとに適正サイズの画像ファイルを何サイズか組み込みます。 ただ、Flutterではちょっと違った方法で設定した方がスマートそうだったので、今回はその方法を紹介します。 画像ファイルを設定するだけじゃダメなの？ iOSやAndroidネイティブだと端末の画素密度ごとに適正サイズの画像ファイルを設定すると思いますが、 FlutterではUIもコードで書いて作成していくので、アイコン画像をカスタムするときなども、 コード中に画像の表示サイズを数値で指定してあげないと、いい
Flutter: 標準ウィジェットをコピーして改造する｜TechRacho by BPS株式会社
追記（2020/07/20） 記事投稿から1年7ヶ月、本記事で題材にしたスクロールバーの太さの変更についてカスタマイズ可能になるコミットが3日前にmasterへマージされました。 https://github.com/flutter/flutter/commit/1840b7121a6a721484afca300265c7866e82dc77 flutter.ioより 突然ですがFlutterは面白いですよ！ クロスプラットフォーム開発ファンとして最近の一押しです。 12/5 Flutter Live '18 で 1.0.0 が発表されました🎊 そこでFlutterでちょっとアドベントカレンダー記事を書いてみます。 はじめに モバイルアプリ開発においては、画面上にはボタンやツールバーなど様々なUIウィジェットを配置します。 iOS/AndroidのSDKも標準で豊富なUIウィジェットを持
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
