テーマについて
ComicGlassの本棚の見た目を変更できます。
プリセットされたテーマの他、テーマのインストールが可能です。
定められたフォーマットに従って頂くことでご自分でテーマファイルを作成して頂くこともできます。
不具合情報：ComicGlass Version7.00以下において、bookshelf_bgfolder_remote@2x.pngが正しくインストールされない問題がありました。次のバージョンで修正いたします。ご迷惑おかけしました。
iPadにて問題が継続しております。Version7.03で修正予定です。
サンプル
ファイル名をわかりやすく表示したテーマのサンプルファイルです。
拡張子をzipに変更すると展開できます。修正後cgtに戻してご利用ください。
- テーマの見本(2017/07/11更新)
ComicGlass Version9.20.0にはテーマの読み込みに関する不具合があり、テーマがロードされないことがあります。次バージョンで修正します。
ユーザー様制作データ（外部サイト）
テーマのインストール方法
#テーマファイル(.cgt）をComicGlassに転送してください。転送方法は本と同じ方法で転送できます。
#ファイル一覧表示されたテーマファイルをタップするとテーマがインストールされます。
#[設定]-[本棚]-[テーマ]からインストール済みのテーマを選択できます。
*テーマをアンインストールするにはアンインストールしたいテーマを横にスワイプして削除ボタンを表示させます。
*テーマファイルを削除してもインストールしたテーマは消えません。
テーマの配布に関しまして
ご自分で作成されたテーマは自由に配布して頂くことができます。その際はComicGlassのデフォルトのテーマの画像を流用（改変含む）したテーマの配布もOKです。
テーマファイルの作り方
後述する”必要なファイル一式”をzip形式でアーカイブし、拡張子をcgtに変更してください。
その際、フォルダ等は作らずファイルのみを入れてください。（フォルダは無視します）
ファイルの内容
*画像(.png)ファイルは以下の内容に使われます。
*サイズは必ずこのサイズで作成してください。
*@2xが付くファイルはRetina Display用の解像度が倍(縦横それぞれ２倍）の画像です。
| ファイル名 | 画像サイズ | 用途 | デバイス |
|---|---|---|---|
| bookshelf_bg@2x.png | 649×278 | 本棚の背景（縦） | iPhone4,5 |
| bookshelf_bg_375@2x.png | 750×278 | 本棚の背景（縦） | iPhone６ |
| bookshelf_bg_414@3x.png | 1242×417 | 本棚の背景（縦） | iPhone6 Plus |
| bookshelf_bg_ipad.png | 768×200 | 本棚の背景（縦） | iPad |
| bookshelf_bg_ipad@2x.png | 1536×400 | 本棚の背景（縦） | iPad |
| bookshelf_bg_1024_ipad@2x.png | 2048×400 | 本棚の背景（縦） | iPad Pro |
| bookshelf_bg_long@2x.png | 960×278 | 本棚の背景（横） | iPhone4 |
| bookshelf_bg_long_4inch@2x.png | 1136×278 | 本棚の背景（横） | iPhone5 |
| bookshelf_bg_667@2x.png | 1334×278 | 本棚の背景（横） | iPhone6 |
| bookshelf_bg_736@3x.png | 2208×417 | 本棚の背景（横） | iPhone6 Plus |
| bookshelf_bg_long_ipad.png | 1024×200 | 本棚の背景（横） | iPad |
| bookshelf_bg_long_ipad@2x.png | 2048×400 | 本棚の背景（横） | iPad |
| bookshelf_bg_1366_ipad@2x.png | 2732×400 | 本棚の背景（横） | iPad Pro |
| bookshelf_book@2x.png | 192×236 | 本アイコン | iPhone |
| bookshelf_book_ipad.png | 134×166 | 本アイコン | iPad |
| bookshelf_book_ipad@2x.png | 268×332 | 本アイコン | iPad |
| bookshelf_bgfolder@2x.png | 192×236 | フォルダアイコン | iPhone |
| bookshelf_bgfolder_ipad.png | 134×166 | フォルダアイコン | iPad |
| bookshelf_bgfolder_ipad@2x.png | 268×332 | フォルダアイコン | iPad |
| bookshelf_noload@2x.png | 148×192 | 表紙読み込み前の本の代替画像 | iPhone |
| bookshelf_noload_ipad.png | 104×134 | 表紙読み込み前の本の代替画像 | iPad |
| bookshelf_noload_ipad@2x.png | 208×268 | 表紙読み込み前の本の代替画像 | iPad |
| bookshelf_nv_p@2x | 640×88 | ナビゲーションバー（縦） | iPhone |
| bookshelf_nv_375@2x.png | 750×88 | ナビゲーションバー（縦） | iPhone6 |
| bookshelf_nv_l@2x | 960×64 | ナビゲーションバー（横） | iPhone |
| bookshelf_nv_l4inch@2x | 1136×64 | ナビゲーションバー（横） | iPhone5 |
| bookshelf_nv_667@2x.png | 1334×64 | ナビゲーションバー（横） | iPhone6 |
| bookshelf_nv_736@3x.png | 2208×132 | ナビゲーションバー（縦横共通） | iPhone6 Plus |
| bookshelf_nv_l_ipad | 1024×44 | ナビゲーションバー（縦横共通） | iPad |
| bookshelf_nv_l_ipad@2x | 2048×88 | ナビゲーションバー（縦横共通） | iPad |
| bookshelf_tb_p@2x | 640×88 | ツールバー（縦） | iPhone |
| bookshelf_tb_l@2x | 960×64 | ツールバー（横） | iPhone |
| bookshelf_tb_l4inch@2x | 1334×64 | ツールバー（横） | iPhone5 |
| bookshelf_tb_375@2x.png | 750×88 | ツールバー（横） | iPhone6 |
| bookshelf_tb_736@2x.png | 2208×132 | ツールバー（縦横共通） | iPhone6 Plus |
| bookshelf_tb_l_ipad | 1024×44 | ツールバー（縦横共通） | iPad |
| bookshelf_tb_l_ipad@2x | 2048×88 | ツールバー（縦横共通） | iPad |
| 以下はオプションです。（なくても可） | |||
| ファイル名 | 画像サイズ | 用途 | デバイス |
| bookshelf_bgfolder_remote@2x.png | 192×236 | フォルダアイコン(ショートカット） | iPhone |
| bookshelf_bgfolder_remote_ipad.png | 134×166 | フォルダアイコン(ショートカット） | iPad |
| bookshelf_bgfolder_remote_ipad@2x.png | 268×332 | フォルダアイコン(ショートカット） | iPad |
*本のサムネイルは74×96のサイズで表示されます。
コンフィグファイルの書き方
コンフィグファイルはテキストファイルです。文字コードはUTF-8にしてください。
iPhone向けとiPad向けの２つがあります。それぞれ以下のファイル名にしてください。中身の書き方は同じです。
*theme.txt
*theme_ipad.txt
両方に対応することが望ましいですが片方のみ入れておくことも可能です。その場合どちらかのデバイスのみにしかインストール出来なくなります。
コンフィグファイルには１行に１つのパラメータを以下の形式で記述します。
[キーの名前](ホワイトスペース）[値]
パラメータの種類は以下のとおりです。
| ThemeName | テーマの名前。””で囲ってください |
| Author | テーマの著作者名。””で囲ってください |
| BookImagePosX | 本のサムネイル表示位置X（相対座標） |
| BookImagePosY | 本のサムネイル表示位置Y（相対座標） |
| FolderImageWidth | フォルダサムネイルのサイズ（幅） |
| FolderImageHeight | フォルダサムネイルのサイズ（高さ） |
| FolderImagePosX | フォルダサムネイルの表示位置X（相対座標） |
| FolderImagePosY | フォルダサムネイルの表示位置Y（相対座標） |
| BookLabelPosX | 本のラベルの位置X（相対座標） |
| BookLabelPosY | 本のラベルの位置Y（相対座標） |
| BookLabelWidth | 本のラベルの表示領域の幅 |
| BookLabelHeight | 本のラベルの表示領域の高さ |
| FolderLabelPosX | フォルダのラベルの位置X（相対座標） |
| FolderLabelPosY | フォルダのラベルの位置Y（相対座標） |
| FolderLabelWidth | フォルダのラベルの表示領域の幅 |
| FolderLabelHeight | フォルダのラベルの表示領域の高さ |
| TintColor | ナビゲーションバーなどの色(例#FF0000) |