ColorKeyboard

当サイトでは、「テーマ」でいろいろな画像を入れ替えることを紹介しています。
それは、どんな画像があるかを知ることができたからです。
しかし、如何にも画像を多用してそうな「キーボード」に関する画像があまり見当たりません。
ポップアップの画像はあるのですが、基本画像と思えるものが見つからないのです。
いつしか、「画像ではなく、プログラムによる描画なのでは？」と思うようになりました。
そんな矢先、キーボードをカスタマイズできる脱獄アプリ「ColorKeyboard」が登場しました。
やはり、キーボードは画像じゃなかったということですね。

料金は以下の通りです。

$1.99

インストール完了後、ホーム画面にアイコンがある訳ではありません。
カスタマイズは、「設定」から行ないますので、「設定」から「ColorKeyboard」をタップして下さい。

設定あれこれ

右のスクリーンショットが、ColorKeyboardの設定画面です。

実際にはもっと長いのですが、実際に設定で使うのはこれくらいでしょう。

カスタマイズを有効にするには、「Enable」スイッチを"オン"にしましょう。
以下に設定内容を紹介しますが、設定を変更したら、右上に出てくる「Save」ボタンをタップして下さい。
"Respring"するか聞いてくるので、"Respring"をタップして下さい。

ページトップへ

Select Themes

テーマをここで設定します。
キーボード全体の雰囲気が決まります。

各テーマの右側にある三角印をタップすると、そのテーマのプレビュー画面になります。

テーマは、デフォルトで50種類以上あります。

ちなみに、以下のテーマは「Pink Seminude」です。

ページトップへ

Select PopUp Key

キーボードをタップした時に飛び出すキーの背景テーマをここで設定します。

このテーマは、デフォルトで16種類です。

ちなみに、以下のテーマは「Orange」です。

ページトップへ

Customize Backgrounds

背景画像を設定します。

背景画像を有効にするには、「Enable Custom BG」スイッチを"オン"にします。

良く目にするのは、上部「iPhone-Standard」にある「Portrait Background」だと思います。
どの設定も同じなのですが、以下のように、デフォルトの背景画像が３種あります。

「Add Image(+)」をタップすると、この画面から追加することもできます。
写真ライブラリから選択することもできますし、その場で撮った写真にすることもできます。
ちなみに、ライブラリから子供の写真で試してみたのですが、かなり見にくいです。
デフォルトのように、テクスチャ画像の方が良さそうですね。

ページトップへ

Key Boader Radius

キーの角丸半径を設定します。
設定は、右のスクリーンショットでお分かりのように、スライダーで設定します。
上限は、15pxです。

プログラムでの描画ならではの機能ですね。

以下に、５段階で角丸半径を設定したサンプルを紹介しておきます。

N/A

4px

8px

12px

15px

もともと角丸四角形なので、スタートと4pxの違いがほとんど分からないくらいですね。
15pxまでいくと尖ってしまうので、12pxくらいが妥当かな？

ページトップへ

気付いたこと

日本語キーボード

日本語テンキーに、テーマは適用されないだろうと思っていたのですが、テーマによっては適用されました。
私が確認したのは、「Purple」です。
２つ目に試した「Purple」で適用されてしまったので、他にも適用されるテーマがいくつかあると思います。

さすがに、ポップアップまではムリかな・・・

長押しポップアップ

特定のキーを長押ししていると、その文字に似た文字が表示されます。

ここで気になるのは、その際に表示される背景画像がオリジナルのままであることと、選択キーの色が思う色と違うということです。（plist内で指定した色でした）

この背景の角丸は、設定した半径とは関係なく、常に同一半径で表示されますので、この背景は画像であると判断できます。

そこからが謎なのですが、artworkファイル内にあるキーボード関連の画像はすべてカスタマイズされているのに、デフォルトの背景が表示されています。
まさかとは思うのですが、ひょっとしてプログラミングによる描画なのでしょうか？？？

有効角丸半径

せっかくなので、すべての半径を試してみました。
左から、N/A, 2px, 3px,～14px, 15px, 15pxのように並んでいます。

N/A

2px

3px

4px

5px

6px

7px

8px

9px

10px

11px

12px

13px

14px

15px

左から順に右にかけて、段々と角が丸くなっているのがお分かりでしょうか？
ちなみに、上記に示したサンプルは、私の現在の願望を込めたメッセージです。（文法不問）

ページトップへ

カスタマイズ

この「ColorKeyboard」は、キーボードをいろいろなテーマでカスタマイズするのですが、個人的に気に入るテーマがないため、さらにカスタマイズしてみます。
ここからが私の本領発揮といったところでしょうか。
・・・と言っても、すべては紹介しきれないので、私が施した「そこそこカスタマイズ」で勘弁して下さい。
したがって、新規のテーマを作らず、最初にたまたま選んだ「Pink Seminude」を貫いて、カスタマイズしてみます。