widget

さて、第一回では、通例のインストールを行いました。最後に動作確認をしましたが、そのアプリケーションをちょこちょこ変更しながら、Flutter に用意されている Widget を試してみましょう。 1. サンプルプログラムの概観 動作確認用に作成した flutter_app を開きましょう。第一回から続けて読んでいる方は、開いている状態でしょう。 恐らく、目の前には main.dart ファイルのプログラムが見えているはずです。見えていない方は、ウィンドウ左側のツリーメニューから、"Project" - "flutter_app" - "lib" - "main.dart" と開いていくと、見つ…

こんなアプリ iOSのホーム画面を彩るよ WidgetSm...アプリに似てるけど、それより全然カスタマイズ幅が広い！ さらにフリー！ 日本語で使いやすい！ 使用方法 手順１：「ウィジットを作成する」ボタンを選択 メイン画面 手順２：カスタマイズして保存登録する。 作成画面 手順３：ホーム画面に戻って、先程、保存登録したサイズを指定する。 ホーム画面編集で、＋ボタンタップからくる画面 WidgetOne選択画面 手順４：設定したWidgetを長押しして、「ウィジェットを編集」を選択する。 設定したWidgetを長押し時 手順５：保存登録したものを選択すれば終了。 選択後のホーム画面 選択後のホ…

2回目のTechBlog投稿になります。桐山です。 外は寒くなってきたのに、部屋の日当たりが良すぎて部屋が暑いのが最近の悩みです。 iOS 14の目玉機能と言っても過言ではないWidget機能をFammでもリリースしたので、リリースまでの話とそれからの話をしてみようと思います。

初めまして、伊浦です。iOS14の大型アップデート１か月が経ちましたが皆さんは自分の思うように活用できていますでしょうか？気になって調べてはみたものの、手間がかかりそうでなかなか手が出せなかったり、どこか少し気恥しかったり、そんな理由でウィジェットを活用できていない方を多く見かけます。そこではシンプルで美しいおすすめウィジェットアプリたちを厳選してきましたので紹介したいと思います。 目次ウィジェット界の帝王 Widgetsmith最も見やすいお天気ウィジェット weathernews友達に「何それ⁉」と言わせる不思議なウィジェット Yidgetシンプルイズベストなカレンダー Ermine実は優…

今回は、前回の Widget Configuration まとめ Part1 に続き、後半の内容をまとめていきたいと思います。 developer.apple.com 目次 Widget Configuration UI のタイトルや内容背景の色などをカスタマイズする方法について Widget System Intelligence について Widget Configuration UI のタイトルや内容背景の色などをカスタマイズする方法について Text SwiftUI 変更のうち "configurationDisplayName" および "description" を、Widget …

TRILL開発部の石田です。 TRILLでは、ver.3.5.0でiOS14で新しく登場したWidgetに対応しました。 もともとToday Extensionには対応していたのですが、Widget Extensionは新しい機能ということでデザインや実装を見直しました。 Widget自体はWidgetKitフレームワークとSwiftUI用のウィジェットAPIを使って実装していくのですが、以下ではWidgetの実装で悩みやすい部分についてサンプル実装を紹介したいと思います。 サイズごとに別のViewを実装する WidgetにはSmall、Medium、Largeの3種類のサイズがあります。 デ…

はじめに 王道なHello Worldをやっていきたいと思います。 但し、プロジェクトを作成すると、初めからHello Worldが出力されています。 そこで、今回のHello Worldはトーストで表示するものとします。目次 はじめに トーストの表示 ソースコードの解説 トーストの表示 自動生成されている「MainActivity.kt」に下記のコード(1行)を追加します。 Toast.makeText(this,"Hello World",Toast.LENGTH_LONG).show()＜文法＞ Toast.makeText(this,"文字列",【表示時間】).show() 【表示時間…

こんにちは生活のタネをお届けするタネ屋のマルです 今回は私マルヤマのオンライン講座のお知らせです。 お知らせではありますが、直近すぎるので参加できる人いるかな・・・ 内容は、 このブログでずっとお伝えしてきた「体の変わり目」と関連していますが、 今回は【春分編】ということで「体の変わり目」から見れば真裏側の時期です。 体の変わり目の反対側の時期は 昨年夏から個人的には時折教えてきたものです。 通常は「タイミングの科学」の講座を古典や現代科学など併せていくため、1回聴いただけでは雰囲気を感じる程度になってしまいがちなので、今回の講座は導入編という側面も兼ねて、こういう周期や考え方があるんだよーと…

私はJoinとWatchdroidを使用しています。主にBluetoothでの消費電力がなんか怪しいKospet Prime2はJoinを、なんかどうやっても40時間切るくらいしか保たないRogbid Brave ProはWatchdroidで連携させています。 で、JoinとWatchdroidの違いは幾らでも有りますが大きな点に「Joinは、通知を受けた際に、受けた側で同じアプリ、場合によっては同じ内容まで表示できる」というモノがあります。なんか前にも同じこと書いた気もしますな！ 折角だからWatchDroidでも通知を出した大元のアプリを起動出来るように頑張ろうとして力尽きた。 考え方 …

複数アプリアイコンを一気に移動？ 毎日のようにApple関連の情報を目にしているので，大方の情報は掴んでいるつもりになっているのですが，実際のデバイスの操作方法などに関しては，普段の自分の使い方の中で利用しないことに関しては認識しないまま忘れてしまっていたり，新機能を追い切れていなかったりということはままあります。 しかし，その「認識していなかった情報」の中には実に便利な機能も含まれていたりするわけで…。 今回，正にその「便利機能」を発見しました。 記事を読むと，なんと「iOS11」で搭載された機能…ということで，何と私，３年以上も「放置」していたことになります。 その機能とは…。 iPhon…

作成する画面 ボタンをクリックすると携帯端末の電話番号とSIMなどの情報を取得する 取得した情報を画面に表示する ※実機ではないと動作しません。エミュレーターだと落ちます。 作成手順 res/ layout /activity_main.xmlファイル 画面レイアウトの設定 <?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" a…

挨拶 こんにちは、さとしです。 本日は、AndroidStudioを用いてボタンアプリを制作したので 制作手順をお伝えしていきます。 今回の内容 ・AndroidStudioのプロジェクト作成方法 ・下記の写真のようなボタンを押すと、 「Hello」と「World」が交互に出てくるアプリが作成 以下は制作手順になります。 Step1 プロジェクトの作成 Android Studio から「Create New project」を選択します。 あるいは既にプロジェクトが表示されているのであれば「File」「New」「New Project…」を選択して新規プロジェクトを開始できます。 「File…

こんにちは。dely開発部にてクラシルのAndroidエンジニアを担当しているnozaです。 月日の流れは早いもので、前回の記事から間があいてしまいましたね。 先月、Material Components for Androidのバージョン1.3.0*1が公開されましたね。 主な内容として下記のComponentが追加されてます。 MaterialTimePicker ProgressIndicator 個人的にはProgressIndicatorを待ち望んでいました。 というのも、Android SDKで提供されているProgressBarだと、思った通りに手軽にプログレス表示するのが難しか…

2021 0306追記。電話受信時分。 自分用メモですが、もしかするとWatchDroidを使用している人には参考になるかもしれません。各UIでのActivityと操作ボタンのUI elementなどです。これらを用いればWatchdroidがどの状態であるか判別出来ますし、自動操作マクロが作れます。なお、UIの言葉みる限り、作者の人はイタリアあたりの人なんかな…。微妙に読めん。 Ver. 15.11.46.15の場合です。 Watchdroid Assistantのパッケージ正式名 Package: "com.lumaticsoft.watchdroidassistant" Watchdro…

我が家は2019年にクラウドファンディングで購入したスマートロックのSESAME MINIを利用してたんですが、そんなSESAMEが新しくSESAME3になったとのこと。 小型化し、レスポンスも良くなったらしい。 早速、買ってみました。 【スポンサーリンク】 (adsbygoogle = window.adsbygoogle || []).push({});

前回はGoogle MapsをFlutterに表示しました。 flutterdev.hatenablog.com マーカーをタップして吹き出しを表示する Google Mapsを扱うパッケージ google_maps_flutter では、マーカーは Marker クラスを使って表現します。 マーカーをタップして吹き出しを表示するには、以下のようなマーカーを定義します。 Marker tokyoTower = Marker( markerId: MarkerId('tokyo_tower'), position: LatLng( 35.658581, 139.745433, ), ); これを…

モチベーション Flutterアプリ作成のチュートリアル、作成をするにあたって調査していると、Flutterアプリの状態管理にはProvider及びその後継であるRiverpodを使用するのがセオリーだという記事を見た。 どこでも手放しに称賛されているので、とりあえず導入、使用方法を理解しておくべきだと判断。 そのうえで、メリデメについて自分なりに考察したい。 導入 dependencies: flutter_riverpod: flutter pub get 使用方法 例えばAmplifyのInitializeをFutreProviderに、状態をStateProviderに持たせようとする…