ラベル設定あれこれ
Anemoneは、画像を用意することによって画像を入れ替えることもできますが、Info.plistによる細かい指定も魅力的ですね。
ここでは、Anemoneの指定に使うInfo.plistにおいて、ラベル設定に有効なキーを紹介します。
アイコンラベルだけでなく、バッヂでもカレンダーでも参考になることでしょう。
Key & value
では、以下にキーとその値について表にまとめます。
FontName
ラベルのフォントを指定します。
Key & Value
FontName |
|
<string> | 動作 |
指定フォント名 | ラベルのフォントを変更します |
FontSize
ラベルのフォントサイズを指定します。
Key & Value
FontName |
|
<integer> <real> |
動作 |
指定フォントサイズ | ラベルのフォントサイズを変更します |
TextXoffset
ラベルを横方向にどれだけ移動させるか指定します。
Key & Value
TextXoffset |
|
<integer> <real> |
動作 |
指定移動量 |
指定値だけ横方向にラベルをズラす (正数:右方向 負数:左方向) |
@2xデバイスだと指定値の2倍量移動するので、1ピクセル単位で動かしたい場合は小数指定しましょう。
@3xデバイスでは、もちろん3倍になります。
TextYoffset
ラベルを縦方向にどれだけ移動させるか指定します。
Key & Value
TextYoffset |
|
<integer> <real> |
動作 |
指定移動量 |
指定値だけ縦方向にラベルをズラす (正数:下方向 負数:上方向) |
@2xデバイスだと指定値の2倍量移動するので、1ピクセル単位で動かしたい場合は小数指定しましょう。
@3xデバイスでは、もちろん3倍になります。
TextColor
ラベルの文字色を指定します。
Key & Value
TextColor |
|
<string> | 動作 |
指定色 |
スタイルシート互換の指定方法です。 red #123456 rgba(12, 34, 250, 0.7) など |
TextCase
英語などのテキストの大文字表示・小文字表示を指定します。
Key & Value
TextCase |
|
<string> | 動作 |
uppercase | 大文字にする |
lowercase | 小文字にする |
ShadowColor
ラベルの影の色を指定します。
Key & Value
ShadowColor |
|
<string> | 動作 |
指定色 |
スタイルシート互換の指定方法です。 red #123456 rgba(12, 34, 250, 0.7) など |
ShadowXoffset
ラベルの影を横方向にどれだけ移動させるか指定します。
Key & Value
ShadowXoffset |
|
<integer> <real> |
動作 |
指定移動量 |
指定値だけ横方向にラベルの影をズラす (正数:右方向 負数:左方向) |
@2xデバイスだと指定値の2倍量移動するので、1ピクセル単位で動かしたい場合は小数指定しましょう。
@3xデバイスでは、もちろん3倍になります。
ShadowYoffset
ラベルの影を縦方向にどれだけ移動させるか指定します。
Key & Value
ShadowYoffset |
|
<integer> <real> |
動作 |
指定移動量 |
指定値だけ縦方向にラベルの影をズラす (正数:下方向 負数:上方向) |
@2xデバイスだと指定値の2倍量移動するので、1ピクセル単位で動かしたい場合は小数指定しましょう。
@3xデバイスでは、もちろん3倍になります。
ShadowBlurRadius
ラベルの影をどれだけボカすか指定します。
Key & Value
ShadowBlurRadius |
|
<integer> <real> |
動作 |
指定値 |
指定値だけラベルの影をボカす |
追加情報
上記Info.plistの値によって必要となる画像に関する情報を紹介します。
HeightChange
ドックとしてそのまま表示する画像です。
テーマ構成ファイル名
テーマ名/Bundles/com.apple.springboard/ |
|
5.5インチ (1,242×135) |
SBDockBG-736h@3x.png |
4.7インチ (750×90) |
SBDockBG-667h@2x.png |
4インチ (640×90) |
SBDockBG@2x.png |
いろいろな大きさで試してみましたが、強制リサイズされます。
以下のように表示されます。
表示はされますが、Anemone的には推奨しないとのことです。
Modern Modeを使うように促されています。
WidthChange
ボカしによるドック表示ですので、マスク画像は必須です。
オプションとして、マスクに準じた上書き画像を表示することもできます。
マスク画像
ドックの形を定義する画像です。
PNG画像ですので、型抜きや透過などの工夫ができます。
テーマ構成ファイル名
テーマ名/Bundles/com.apple.springboard/ |
|
5.5インチ (1,242×288) |
ModernDockMask-736h@3x.png |
4.7インチ (750×192) |
ModernDockMask-667h@2x.png |
4インチ (640×192) |
ModernDockMask@2x.png |
いろいろな大きさで試してみましたが、強制リサイズされます。
以下のように表示されます。
当サイトの更新状況を、アラートで表示するかどうかの設定をします。
保存する