チュートリアル

KLWPで曲名が長いときだけテキストをスクロールさせる

KLWPでは再生中の音楽のタイトルを表示できますが、そのタイトルは短いもの長いもの様々にあります。スペースの都合上、限られた範囲しか表示できないけど、その中でスクロールして全文表示したい、でも短い曲名…

KLWPで3つの画面それぞれに違う壁紙画像を設定してスクロールさせる方法

KLWPを使ったホーム画面で、3スクリーンあったときにそれぞれ違う画像を壁紙として表示させ、スクロールに連動して切り替わるようにします。やり方は簡単なのですが、もっと簡単に設定できるようにサンプルを残…

KLWPで週の始まりの曜日の変更に対応した週間カレンダーを作る

KLWPはアプリ内で「週の始まりの曜日」を自由に変更できます。これに対応した、当日を含む1週間の日付曜日を表示するカレンダーを作ってみます。 はっきり言って、自分のためだけに作るのであればまったく必要…

KLWPで画像をスクロールして無限ループさせる

KLWPで1つの画像を使って、それがずっとスクロールして無限ループしているようなものを作ります。以前にも同じようなものを書いたのですが、もっと簡単にできました。…

KLWP/KWGTでアナログ時計を作る-なめらかな秒針の作り方

KLWP/KWGTでアナログ時計を作ってみます。 とは言っても、コンポーネントとしてサンプルがデフォルトで入っているのでそれを見ればわかるのですが。練習として自分で考えて作ってみるのもいいものです。…

KLWP/KWGTで必要な文字だけが光ってテキストで時刻を表現するWord Clockを作ってみる

KWGTでWord Clockを作ってみました。普通にウィジェットとしていくつかのアプリが公開されているので自分で作る必要性はあまりないのですが、練習も兼ねています。…

KLWP/KWGTでYahoo!天気の6時間ごとの降水確率を表示してみる

Yahoo!天気の配信しているRSSを使ってKLWP/KWGTで天気を表示する方法があります。しかしこれには降水確率が含まれていません。というわけで、Yahoo!天気のRSSじゃないところから情報を取…

Yahoo!天気のRSSで使われる天気名の一覧とKLWP/KWGTでの使い方(サンプル画像あり)

以前、Yahoo!天気の天気情報をKLWP/KWGTで表示する方法を書きました。その中で、天気をアイコンで表示する方法も書いたのですが、そこで必要になるYahoo!天気のRSSで使われる天気名の一覧を…

KLWPで円形のバッテリー残量バーにくっついていく吹き出し型の残量数値を作る

KLWPではプログレスなどを使って簡単にバッテリー残量を示すバーを表示させることができます。以前、そのバーの位置に合わせて動く吹き出し型の残量数値の作り方を書いたのですが、今度は円形にしたプログレスバ…

KLWP/KWGTで月名や曜日を英語や自由な言葉で表示する方法

KLWPやKWGTでは簡単に月の名前や曜日を表示できます。ただしこれはアプリの言語設定に従った表記になってしまいます。ホーム画面に表示するときは「日曜日」ではなく「Sunday」としたい時もありますよ…

KLWPで再生中の音楽に合わせた背景色の音楽プレイヤーウィジェットを作成する

少し前にKLWPのバージョンアップで音楽情報に関するものがいくつか追加されました。そのときにサンプルとして作成した「再生中の音楽によって背景色が変わる音楽プレイヤー」の作り方を解説していきます。 KL…

KLWPでランダムなセリフをしゃべらせよう(第3弾)

これまでも2回ほど、KLWPでランダムなテキストを表示する方法を書きましたが、まだ紹介していない方法がありました。今回は$tc(split)$を使う方法で、1つのテキスト内で完結する簡単な方法です。…

画面の端を丸くしてステータスバーとナビゲーションバーからホーム画面を分離させる

ステータスバーとナビゲーションバー部分を黒く塗りつぶし、残った部分をさらに角丸にすると塗りつぶした部分がうまく端末前面パネルの黒に溶け込んで、なんかいい感じになる…ということに最近気づきました。…

KLWPでアニメGIF画像を使う方法(KLWPの隠し機能)

画像形式の1つ「gif」にはパラパラ漫画のように画像が切り替わって動くアニメGIFというものがあります。通常KLWPではこの形式を扱う事はできないのですが、特定の条件下で表示することができるようになり…

KWGTでTajmみたいな「◯時まであと×分」「△時から□分経過」という時計表示を作る

『Tajm』という時刻をテキストで表示する時計ウィジェットがありました。ただ、2018年2月8日現在Playストアからは削除されているようです。 この時計の表示するテキストは日本語訳すると「◯時まであ…

KLWPの小技:UTFコードなどを使って「テキスト」でアイコンフォントを表示する

KLWPでは「アイコンフォント」を表示することができます。これとは別に、そういったフォントを用意すれば普通にテキストでもアイコンフォントを使用することもできます。アイコンフォントとして利用するよりも少…

KLWPで指定したカレンダーの予定のみを表示する方法

KLWPはGoogleカレンダーの予定を取得して表示することができます。Googleカレンダーは1つのアカウントで複数のカレンダーを作って予定を種類分けできますが、KLWPでそのうちの1つの予定のみを…

KLWPで表示画像を切り替えて数コマアニメを作ってみる

KLWPでは残念なら今のところアプリ内でアニメGIF画像を表示することができません。しかし、普通の画像使って、最短1秒ごとに画像が切り替わるものなら作ることができます。使用する画像の枚数に制限は特にな…