お久しぶりです、ことりです。 最近バイト始めたんですが給料入るまで貧困暮らしを強いられていることりです。 Twitterをフォローしている方は知ってると思いますが時間があるときにちまちまホーム画面作ってました。 それがこれです。 国木田花丸ちゃんですね！ イメージカラーのオレンジで固めてみたんですがどうですかね。 動画もツイートしてるのでぜひ見てくださいね！ https://twitter.com/Kotori_4G/status/769331713939943424 このホーム画面なんですが、僕の中で1番めんどくさかったのは 右下のこの部分。 orefolderさんの助言にて使用RAMを表示させたのですが KLWPにRAMの使用率を表示させるテンプレートがなかったので なんとか自分で表示させました。 と言ってもテンプレート同士を計算で使用率を出してるだけなんですが … まぁ言っても仕方ないので早速見てみましょうか！ ここで表示させてるアイテムは4つあります。 ①プログレスバー…RAM使用率のインジケーター ②アイコンフォント…充電させると雷マークを表示させる ③画像…蝶の枠画像 ④変形可能テキスト…RAM使用率のテキスト この構成でできてます。 中心部にある+マークは別アニメーションをつけているのでグループ化していません。 さてプログレスバーの段階部分の表示ですが 【プログレスバー】を自作 【段階】を計算で適切な値に 【区間】を100にして100段階のバーにしました。 色とか適当につければそれっぽく見えるとおもいます。 気になる計算式ですがこんな感じです。 $mu(round,rm(mused)/(rm(mtot)/100))$% この計算式で計算してます。 パッとみてもなんのことやらと思う方もいるとおもいますが 簡単に言うと 【使ってるRAM】を【RAM÷100】で割ってるだけです。 部分的に見ればもっとわかりやすいとおもいます。 1番最初のこの文は計算ででてきた数値を1番近い整数にする…つまり小数点第1位を四捨五入する文になります。 これがない
