カスタムスキン作成方法

  1. 概要
    • Touch Contact v4.1.0 以降 (Lite 版は v1.0.0 以降) を Androidデバイスにインストールしてください。
    • サンプルスキンは、標準スキン (v4.1.0) と同じサイズで作成しています。
    • 標準スキンや、サンプルスキンは VGAベース (横幅 480 pixel) で作成しており、全ての解像度のデバイスに対応します。
      カスタムスキンはデバイスの解像度に応じて自動的に伸縮します。
    • VGA ではない他解像度で作成したい場合 (例えば、横幅 720 pixel など)、スキンの縦幅・横幅を変更したい場合 (一部であっても)、HEADER.png を該当する解像度で作成する必要があります。
      HEADER.png は横幅のベース画像になります。
    • スキンを作成するにあたり不明点などありましたら、こちら でご質問ください。

  2. No Photo 画像を変更したい場合。
    1. 標準スキン流用。
      1. No Photo 画像をファイル名 "DETAIL_NO_PHOTO.png" で作成してください。
      2. 画像サイズは標準スキンと同じ縦横比 1:1 であれば何でも構いません。ちなみに、標準スキンは 160x160 pixel で作成しています。
      3. デバイスの SDカードにフォルダを作成して、skins.txt と DETAIL_NO_PHOTO.png の２ファイルのみ保存してください。
      4. カスタムスキン変更方法の手順 に従って反映させれば完了です。

    2. 標準スキンを流用しない (カスタムスキン)。
      1. 全てのスキンファイルを作成してください。
      2. デザインにそって skins.txt を編集してください。
      3. デバイスの SDカードにフォルダを作成して、設計された skins.txt と全ての画像ファイルを保存してください。
      4. カスタムスキン変更方法の手順 に従って反映させれば完了です。

  3. 他の一部の画像を変更したい場合。
    1. 標準スキン流用。
      1. 変更したい画像を、該当するファイル名で作成してください。
      2. 縦幅・横幅を標準サイズから変更したい場合は、HEADER.png を VGA ベース (横幅 480px) で作成が必要です。また、他のカスタムスキンも VGA ベースで作成が必要です。
      3. 縦幅・横幅を変更しない場合は、HEADER.png をカスタムスキンフォルダに含めないでください。カスタムスキンは自動的に標準サイズに伸縮されますので VGA ベースで作成する必要はありません。
      4. デバイスの SDカードにフォルダを作成して、skins.txt と変更したい画像ファイルのみを保存してください。
      5. カスタムスキン変更方法の手順 に従って反映させれば完了です。

    2. 標準スキンを流用しない (カスタムスキン)。
      • 2.b の手順と同様です。

サンプルスキン

No. ファイル 説明 ダウンロード
1 スキンファイル一式 画像ファイルと skins.txt の必要ファイル一式。
2 Photoshop ファイル Photoshop 用 PSDファイル。
(スライス設定済み)

スキンファイルの説明

No. ファイル名 説明 サンプル画像 透過
(*1)
スキン定義
1 skins.txt スキン定義。
座標、フォントなどのスキン構成に関わるすべての定義。
ヘッダ
1 HEADER.png ヘッダー
スキンの横幅におけるベース画像となります。
2 HEADER_ARROW.png 左行きボタン
3 HEADER_ARROW2.png 右行きボタン
アカウント・グループ・一覧画面
1 LIST_ENTRY_00.png リスト
2 LIST_ENTRY_01.png リスト (選択中)
3 LIST_ENTRY_03.png リスト (選択済み)
4 LIST_LABEL.png ラベル
5 LIST_INDEX_00.png インデックス
6 LIST_INDEX_01.png インデックス (選択中)
7 LIST_PHOTO.png Photo フレーム画像
8 LIST_NO_PHOTO.png No Photo 画像
サイズ: 56x56 pixel
詳細画面
1 DETAIL_BACK1.png 背景 (写真、名前エリア)
2 DETAIL_BACK2.png 背景
3 DETAIL_NO_PHOTO.png No Photo 画像。
サイズ: 160x160 pixel
4 DETAIL_NO_PHOTO2.png 写真の上塗り画像
サイズ: 160x160 pixel
5 DETAIL_TOP_00.png アイテム上段
6 DETAIL_MID_00.png アイテム中段
7 DETAIL_BOTTOM_00.png アイテム下段
8 DETAIL_TOP_01.png アイテム上段 (選択中)
9 DETAIL_MID_01.png アイテム中段 (選択中)
10 DETAIL_BOTTOM_01.png アイテム下段 (選択中)
11 DETAIL_TOP_03.png アイテム上段 (選択済み)
12 DETAIL_MID_03.png アイテム中段 (選択済み)
13 DETAIL_BOTTOM_03.png アイテム下段 (選択済み)
14 DETAIL_TOP2_00.png アイテム上段 (非選択、同じラベルの続き)
15 DETAIL_BOTTOM2_00.png アイテム下段 (非選択、続き)
16 DETAIL_TOP2_01.png アイテム上段 (選択中、同じラベルの続き)
17 DETAIL_BOTTOM2_01.png アイテム下段 (選択中、続き)
18 DETAIL_TOP2_03.png アイテム上段 (選択済み、同じラベルの続き)
19 DETAIL_BOTTOM2_03.png アイテム下段 (選択済み、続き)
20 DETAIL_TOP3_00.png アイテム上段 (非選択、異なるラベルの続き)
21 DETAIL_TOP3_01.png アイテム上段 (選択中、異なるラベルの続き)
22 DETAIL_TOP3_03.png アイテム上段 (選択済み、異なるラベルの続き)
メニュー
1 FOOTER_MENU1_00.png 編集
2 FOOTER_MENU1_01.png 編集 (選択)
3 FOOTER_MENU2_00.png 履歴
4 FOOTER_MENU2_01.png 履歴 (選択)
5 FOOTER_MENU3_00.png 連絡先
6 FOOTER_MENU3_01.png 連絡先 (選択)
7 FOOTER_MENU4_00.png モード
8 FOOTER_MENU4_01.png モード (選択)
9 FOOTER_MENU4_02.png モード (選択中)
10 FOOTER_MENU5_00.png メニュー
11 FOOTER_MENU5_01.png メニュー (選択)
12 FOOTER_MENU_CNT.png 選択カウンタ
13 FOOTER_MENU_LIST_00.png リスト
14 FOOTER_MENU_LIST_01.png リスト (選択中)
ダイアログ
1 DIALOG_TOP.png 上段
2 DIALOG_MID.png 中段
3 DIALOG_BOTTOM.png 下段
4 DIALOG_BUTTON_OK.png OK ボタン
5 DIALOG_BUTTON_CANCEL.png Cancel ボタン
6 DIALOG_BUTTON_DOWN.png 選択中ボタン
7 DIALOG_MULTI_BUTTON_OK.png マルチ選択ボタン
8 DIALOG_MULTI_BUTTON_CANCEL.png マルチ選択ボタン (Cancel)
9 DIALOG_MULTI_BUTTON_DOWN.png マルチ選択ボタン (選択中)
アイコン
1 RECENT_TEL.png 発信履歴
2 RECENT_TEL2.png 着信履歴
3 RECENT_TEL3.png 不在着信履歴
4 RECENT_FAX.png FAX 履歴
5 RECENT_SMS.png SMS 履歴
6 RECENT_MAIL.png メール履歴
7 RECENT_MMS.png MMS 履歴
8 RECENT_WEB.png Web 履歴
9 RECENT_IM.png IM 履歴
10 RECENT_DATE.png Event 履歴 (誕生日など)
11 RECENT_MAP.png Map 履歴
12 CALL_RECORD.png 通話録音済み
13 DEVICE_ACCOUNT.png 本体連絡先用アカウント
プレゼンス
1 PRESENCE_ONLINE.png オンライン
2 PRESENCE_AWAY.png 退席
3 PRESENCE_IDLE.png アイドル
4 PRESENCE_OFFLINE.png オフライン
  • *1) 「透過」とは、アルファチャンネルが利用可能か否かを表しています。