KLWPでホーム画面作成

お久しぶりです、ことりです。


最近バイト始めたんですが給料入るまで貧困暮らしを強いられていることりです。


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位を四捨五入する文になります。

これがないと小数点第4位くらいまで表示されるとこがあるので分かりやすくしてます。



次はこの文

後半の文は最初に言った
【使ってるRAM】を【RAM÷100】で割る文になってます。


rm(mused)…使ってるRAM
rm(mtot)…RAM
所々に入ってる / が割り算の計算式です。


四則計算のルールに則って()で計算順番を決めてます。


ちょっと考えればこんな感じでRAM使用率を計算で出すことができます。


まぁテンプレートで使用率出すことができるのかもしれないんですけど

パッ見て見当たらなかったので自分で作ってみました。




計算式を見たら「そりゃそうだよな」とか思うんですが
いざ自分で計算しろってなるとなかなかめんどいっすよね



KLWPにてRAM使用率を表示させたいけどできないって方がいるかもしれないので
ブログ更新してみました。

手助けになれば幸いです。




どうしても！どうしても！！お礼がしたいと言う方がいましたらほしい物リストをポチって頂けると助かります。

と言うかぜひお願いします…🙏🙏🙏





もし分かりづらいことや誤字があった場合はtwitterにて言っていただけたらすぐ気付けると思いますのでよろしくお願いします。


ではまた🙋