Title

テーマについて

ComicGlassの本棚の見た目を変更できます。
プリセットされたテーマの他、テーマのインストールが可能です。

定められたフォーマットに従って頂くことでご自分でテーマファイルを作成して頂くこともできます。

不具合情報:ComicGlass Version7.00以下において、bookshelf_bgfolder_remote@2x.pngが正しくインストールされない問題がありました。次のバージョンで修正いたします。ご迷惑おかけしました。
iPadにて問題が継続しております。Version7.03で修正予定です。

サンプル

ファイル名をわかりやすく表示したテーマのサンプルファイルです。
拡張子をzipに変更すると展開できます。修正後cgtに戻してご利用ください。

ユーザー様制作データ(外部サイト)

テーマのインストール方法

#テーマファイル(.cgt)をComicGlassに転送してください。転送方法は本と同じ方法で転送できます。
#ファイル一覧表示されたテーマファイルをタップするとテーマがインストールされます。
#[設定]-[本棚]-[テーマ]からインストール済みのテーマを選択できます。

*テーマをアンインストールするにはアンインストールしたいテーマを横にスワイプして削除ボタンを表示させます。
*テーマファイルを削除してもインストールしたテーマは消えません。

テーマの配布に関しまして

ご自分で作成されたテーマは自由に配布して頂くことができます。その際はComicGlassのデフォルトのテーマの画像を流用(改変含む)したテーマの配布もOKです。

テーマファイルの作り方

後述する”必要なファイル一式”をzip形式でアーカイブし、拡張子をcgtに変更してください。
その際、フォルダ等は作らずファイルのみを入れてください。(フォルダは無視します)

必要なファイル

以下のファイルが必要です。内容後述します。

*theme.txt
*theme_ipad.txt
*bookshelf_bg.png
*bookshelf_bg@2x.png
*bookshelf_bgfolder.png
*bookshelf_bgfolder@2x.png
*bookshelf_bgfolder_ipad.png
*bookshelf_bg_ipad.png
*bookshelf_bg_long.png
*bookshelf_bg_long@2x.png
*bookshelf_bg_long_ipad.png
*bookshelf_book.png
*bookshelf_book@2x.png
*bookshelf_book_ipad.png
*bookshelf_noload.png
*bookshelf_noload@2x.png
*bookshelf_noload_ipad.png

iPad(第3世代)向けに以下のファイルが追加されます(ComicGlass Version4.60より対応)

*bookshelf_bgfolder_ipad@2x.png
*bookshelf_bg_ipad@2x.png
*bookshelf_bg_long_ipad@2x.png
*bookshelf_book_ipad@2x.png
*bookshelf_noload_ipad@2x.png

iPhone5向けに以下のファイルが追加されます(ComicGlass Version4.90より対応)

*bookshelf_bg_long_4inch.png
*bookshelf_bg_long_4inch@2x.png

本棚のナビゲーションバー及びツールバーの背景画像が設定できるようになりました。
iOS7.0では必須です。

*bookshelf_nv****
*bookshelf_tb_l****

リモートフォルダへのショートカットアイコンが追加されました(オプション)

*bookshelf_bgfolder_remote.png
*bookshelf_bgfolder_remote@2x.png
*bookshelf_bgfolder_remote_ipad.png
*bookshelf_bgfolder_remote_ipad@2x.png

ファイルの内容

*画像(.png)ファイルは以下の内容に使われます。
*サイズは必ずこのサイズで作成してください。
*@2xが付くファイルはRetina Display用の解像度が倍(縦横それぞれ2倍)の画像です。以下の表では省略しています。

ファイル名 画像サイズ 用途 デバイス
bookshelf_bg.png 320×139 本棚の背景(縦) iPhone
bookshelf_bg_long.png 480×139 本棚の背景(横) iPhone
bookshelf_book.png 96×118 本アイコン iPhone
bookshelf_bgfolder.png 96×118 フォルダアイコン iPhone
bookshelf_noload.png 74×96 表紙読み込み前の本の代替画像 iPhone
bookshelf_bg_ipad.png 768×200 本棚の背景(縦) iPad
bookshelf_bg_long_ipad.png 1024×200 本棚の背景(横) iPad
bookshelf_book_ipad.png 134×166 本アイコン iPad
bookshelf_bgfolder_ipad.png 134×166 フォルダアイコン iPad
bookshelf_noload_ipad.png 104×134 表紙読み込み前の本の代替画像 iPad
bookshelf_bg_long_4inch.png 568×139 本棚の背景(横) iPhone5
bookshelf_nv_p 320×44 ナビゲーションバー(縦) iPhone
bookshelf_nv_l 480×32 ナビゲーションバー(横) iPhone
bookshelf_nv_l4inch 568×32 ナビゲーションバー(横) iPhone5
bookshelf_tb_p 320×44 ツールバー(縦) iPhone
bookshelf_tb_l 480×32 ツールバー(横) iPhone
bookshelf_tb_l4inch 568×32 ツールバー(横) iPhone5
bookshelf_nv_l_ipad 1024×44 ナビゲーションバー(縦横共通) iPad
bookshelf_tb_l_ipad 1024×44 ツールバー(縦横共通) iPad
以下はオプションです。(なくても可)
ファイル名 画像サイズ 用途 デバイス
bookshelf_bgfolder_remote.png 96×118 フォルダアイコン(ショートカット) iPhone
bookshelf_bgfolder_remote_ipad.png 134×166 フォルダアイコン(ショートカット) iPad

*それぞれ@2xの名前がついた倍の解像度のファイルも必要です。(Retinaディスプレイ用)
*本のサムネイルは74×96のサイズで表示されます。

コンフィグファイルの書き方
コンフィグファイルはテキストファイルです。文字コードはUTF-8にしてください。

iPhone向けとiPad向けの2つがあります。それぞれ以下のファイル名にしてください。中身の書き方は同じです。
*theme.txt
*theme_ipad.txt
両方に対応することが望ましいですが片方のみ入れておくことも可能です。その場合どちらかのデバイスのみにしかインストール出来なくなります。

コンフィグファイルには1行に1つのパラメータを以下の形式で記述します。

[キーの名前](ホワイトスペース)[値]

パラメータの種類は以下のとおりです。

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)

▲Pagetop