KLWPの小技:テキストの中で指定した文字だけ別の色で表示する

|
20170108-klwp-1

例えばGlaejaなどでは「マッチテキスト」といって、テキストの中から指定したものと一致する箇所を別の文字に変えたりスタイルを変更することができました。
KLWPでも同じように、文中から指定した文字を別の色にしたりサイズを変更することができます。

まずは普通にテキストの時計

20170108-klwp-220170108-klwp-3

まずは普通に時刻を表示して、それを数字ではなくアルファベットで表示します。

$tc(n2w, df(H m))$

数字をアルファベットで表示すること自体は、テキストのオプション「加工」にある「数字をアルファベットに」だけでも可能ですが、このあとの効果を出すためにエディタ内で加工します。

eだけ赤字に

20170108-klwp-420170108-klwp-5

続いて、表示されたテキストの中から「e」の文字だけ赤くします。

$tc(reg, tc(n2w, df(H m)), "e", "[c=#ff0000]e[/c]")$

$tc(reg, ***, ***, ***)$ というのは、青字のテキストの中から緑字に一致するものを探して赤字に置き換える、という数式です。
今回の例で言えば、tc(n2w, df(H m))で示された「アルファベットで表記された時刻」から「e」という文字があればそれを[c=#ff0000]e[/c]に変換する、というものです。
[c=#ff0000]e[/c]はBBコードで、囲まれたテキストの色を変更するものです。この場合は#ff0000つまり赤色に変更しています。同様に[s=1.2]e[/s]のようにすればeだけ1.2倍の大きさになります。

20170108-klwp-6

ともあれ、この方法でテキスト中の一部指定した文字だけ色を変えることができました。ちょっとクールでカッコよくなりますよね。若干厨二病的デザインにも見えるかもしれませんが。

$tc()$はText Converter、テキストを加工するためのものです。いろいろありますが、これを使うと今回のように色を変えるだけでなく、最初の数文字だけ取り出したり。x文字目からy文字目まで表示、ということもできます。(これを使えば最初の3文字だけ赤文字、というのもできます。)
また、長いテキストを最初の数文字だけ表示してあとは省略して「…」を付けることもできます。

$tc(ell, "text-text-text", 4)$

↑の場合、実際に表示されるのは「text…」となります。
RSSを表示するときなどで使えそうですね。


KLWPの使い方についてはこちらのページにてまとめています。使い方に困ったときなど、こちらのページも参考にしてください。

Random Posts

Google Home Mini 開封の儀&ファーストインプレッション:音以外にも使い勝手に差が見える
mineoが通信の最適化だけでなくhttps(SSL)では帯域制御もしているとのことなのでMVNO14社20枚のSIMで試してみた
KLWPでの天気の使い方-テキスト・画像・アイコンフォントで天気表示
AQUOS R compact SH-M06 開封の儀:小さいのはいいことだ
テンを買えない全ての方たちへ…【ホーム画面コンテスト2017】
Omaker M6:力強い音が響く防水Bluetoothスピーカー!2台使えばTWS機能でステレオサウンド
Galaxy S8の画面キャプチャをgifアニメーションで撮影できる機能が面白い
ラスタバナナのXperia X Compact用 衝撃吸収 反射防止 全面保護 液晶保護フィルムを試す
「アンドロイドのホーム画面をカスタマイズする本10」PDF版および書店委託販売のご案内
New umbrella Terminal【ホーム画面定期コンテスト】
Android 7.0 Nougatでアプリをウィンドウ化する「フリーフォームモード」を試す
コレクションケースを使ってショップ風にスマホを収納してみたらいい感じ
冬の日、街角【ホーム画面定期コンテスト】
Tronsmart T6 レビュー:コンパクトながら360°全方位に広がる重低音が身体に響いてGood
全部無料でダウンロードできるオススメのフラット系アイコンパック24種類