「テーマを作る」では、主に画像を入れ替えることをメインに紹介したのですが、その中の、「標準アプリアイコン」でAKB48の画像を入れ替えた際、カレンダーアイコンに表示される文字を少し弄ったのがInfo.plistなのです。（これだけではありませんが・・・）
このInfo.plistを使うと、文字の色や位置、シャドウのぼかし具合など、結構いろいろなことができるので、このInfo.plistでいろいろ遊んでみましょう。
「Info.plist」は、Imformation Property Listのことで、結構重要な情報ファイルです。
このファイルを開いてみると、UTF-8のXML形式で書かれており、キーとその値のペアで記述されています。
作り方は、ここでも基本ファイルの配布をしますが、ファイルをコピーし、キーとその値を変更するやり方でＯＫです。
テーマでこのInfo.plistを使う時は、テーマ名の真下にコピーし、Winterboardで適用するだけです。
あとは、どのように記述すればどのように変化するのかが分かれば良いですよね？
という訳で、ここからはキーとその値によってどうなるかを紹介していきます。
適用したい内容が複数ある場合は、１つのファイル内に複数のキーとその値を記述して下さい。
（値のほとんどはスタイルシートの記述そのものです）
やってみたことを表題とし、その表題に対するキーとその値を紹介します。
そして、視覚的にどうなるかを画像で紹介します。
<key>DockedIconLabelStyle</key>
<string>font-size: 6px</string>
見やすさ確保のため、実際にはシャドウの設定もしてあります
フォントサイズが大きくなると下がっていくので、高さも調整した方が良さそうですね。
高さ調整例は、他のサンプル内にあります。
<key>UndockedIconLabelStyle</key>
<string>color: pink</string>
見やすさ確保のため、実際にはシャドウの設定もしてあります
色指定には、色の名前でも色符号でも指定でき、透明も指定できることを示したサンプルです。
<key>CalendarIconDateStyle</key>
<string>font-family: Helvetica</string>
見やすさ確保のため、実際には太さと位置の変更もしてあります
<key>FontName-Helvetica</key>
<string>Trebuchet MS</string>
カレンダーアイコン
半角のアイコン名
SBSettings
カレンダーアイコンでご察しの通り、日本語フォントには変化ありません
<key>FontName-HiraKakuProN-W3</key>
<string>HiraMinProN-W3</string>
<key>FontName-HiraKakuProN-W6</key>
<string>HiraMinProN-W6</string>
カレンダーアイコン
設定画面
Safariでの表示
カレンダーアイコンでご察しの通り、英数フォントには変化ありません。
日本語テンキーまでは反映されません。
<key>FontName-.Lock Clock</key>
<string>DB LCD Temp</string>
<key>CalendarIconDateStyle</key>
<string>text-shadow: 1px 1px 0px silver</string>
text-shadow:
0px 0px 10px black
ぼかした影のみ
text-shadow:
0px 0px 2px gold
影の重ね合わせ
実際には、色の変更やシャドウの重ね合わせなど、効果を重複させています。
各テーマをダウンロードして確認してみて下さい。
キー次第で、上の曜日やホーム画面のアイコンなどの文字にも同様のことができます。
<key>UndockedIconLabelStyle</key>
<string>
font-size: 10px;
color: white;
padding: 0px 4px 0px 6px;
margin: 0px 0px 1px 0px;
background-color: rgba(0,0,0,0.3);
float: left;
text-align: center;
-webkit-border-radius: 10px;
</string>
<key>IconAlpha</key>
<string>0.5</string>
透過率90%
透過率80%
透過率70%
透過率60%
このテーマは、Winterboard標準のテーマですので、ダウンロードファイルは用意しておりません。
このテーマを確認するには、最新のWinterboardで確認して下さい。
<key>TimeStyle</key>
<string>
font-family:Noteworthy;
font-size: 11px;
font-weight: bold;
margin-top: -1px;
</string>
このテーマを確認するには、最新のWinterboardで確認して下さい。
文字色の指定もできますが、色が固定されます。
<key>BadgeStyle</key>
<string>
color: #009900;
font-family:ArialRoundedMTBold;
font-size: 16px;
text-shadow: 0px 1px 1px white;
</string>
このテーマを確認するには、最新のWinterboardで確認して下さい。
バッジの書式変更のみを紹介していますが、バッジ背景画像も同時に入れ替えると、もっとデザインの幅が広がるはずですので、いろいろ試してみて下さい。
