今回作るのは前回までコツコツ組み立てたヘッダー部の最後を飾るお天気ウィジェットです。
元ネタとはまったく別の役割になりますが、スマホのホーム画面的に工夫してみました。
とはいいつつ、表示できる天気はひとつだし、精度もあまり良くないようなので、天気情報としてはあくまで目安程度ですかね。
そのためタップした時にお天気アプリが起動するようにしています。
今回はプログレスバーという数値に合わせて長さを替えられたりするバーを使ってみます。
元ネタにはありませんが、せっかくある機能なので実装してみました。
具体的にはヘッダーの中央を水平に伸びる緑のラインがバッテリー残量によって変化するようにしました。
上の画像は100%なのでよく分かりませんね。スミマセン
今回はプログラミング未経験な方にはちょっと難しいかもしれません。
リッチテキストモジュールを使った動的に変化する文章を作っていきます。
できるだけわかりやすく解説していきたいと思います。
