Banco Japon de Mesa Verde
最近の主な話題-iPhone-FPS-デジタル一眼-PC自作-Mac-PS3-グルメ-ファッション-etc.-
スポンサーサイト
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
[タグ未指定]

人気blogランキング
[iPhone 4] LS『Typophone Weather』テーマのモディファイ例
Typophone Weather Mod
(モディファイ版Typophone Weather適用例)
(下部Tap to Unlockは別テーマです、こちらからダウンロードできます
(壁紙はテーマには含まれません、拾い物の加工品です)



 少々古いネタになってしまいますが。
 以前紹介した『Typophone Weather』テーマのモディファイ例です。
 Typophone Weatherテーマ自体がTypophoneのModなのでこれはModのModですね。

 敢えてセンターを外したり、画面外にはみ出したり、レイヤを重ね合わせる等、よりダイナミックな印象になるようレイアウトしています。その点ではオリジナルと同じ方向性です。

 これちょっとやってみる、あるいは、テーマ(Widget)カスタマイズってどうやるのよ、という方向けに手順を紹介しておきます。他のテーマをモディファイする場合も参考になるかと思います。

■用意する物

 Typophone Weatherテーマ
  オリジナルのテーマを入手します。詳しくはこちらのエントリ参照
 LS DDT BILL3Tテーマ
  今回使用するフォントが含まれています。詳しくはこちらのエントリ参照
 モディファイ用差分ファイル
  Typophone Weatherに上書きする差分ファイルです。下記。詳細は後述。
    LockBackground.html (UNLOCK文字消去)
    background.css (Converted-LockBackground.jpg使用のため)
    weather.js (温度記号を消して数字だけに)
    weather.txt (摂氏と都市の指定)
    style.css (各種テキストの位置・サイズ・色調整)
    am.png (時分のセパレータ)
    NOTamNORpm.png (時分のセパレータ)
    pm.png (時分のセパレータ)
  差分ファイルダウンロードはこちら

■手順

 1.オリジナルテーマを解凍し展開(バックアップを取りましょう)
   以下全て展開後のTypophone Weather.themeフォルダ内での作業です
   サブフォルダには一切モディファイを加えていません
 2.DicotBold(dicotbo.svg)フォントをコピー
   LS DDT BILL3Tから取り出したdicotbo.svgをコピーします
 3.差分ファイルを上書きコピー
   LockBackground.html他の差分ファイル7個を上書きコピーします
 4.ロケーションコード(都市名)変更
   東京(JAXX0085)がカレントになっています
   weather.txtを変更してご自分の都市に変更して下さい(下記設定補足参照)
 5.テーマをデバイスに転送
   転送手段はSSHあるいはi-FunBox(注意)やiPhone Explorer等任意
   テーマを置く場所に関しては下記設定補足参照
 6.WinterBoardで適用しrespring

■設定補足

 一部重複しますが設定に関するポイントを記します。

 デバイス上のテーマ配置場所について
   iOSデバイスにテーマを転送する際の注意点です
   ※このテーマ固有ではなく共通事項です
    //var/stash/Themes.xxxxxx に置く場合
      フォルダ名は「テーマ名.theme」にします
    //var/mobile/Library/SummerBoard/Themes に置く場合
      フォルダ名は「テーマ名」のみです、「.theme」は付けません
 天気を取得する都市(ロケーションコード)について
   weather.txtの"zip"でコードを指定します
   コードはこちらのサイトやWeather.com等で調べて下さい
   複数の都市を設定し切り替え可能です(日付の辺りをタップ→都市名タップ)
   "cityName"は単なる表示用なので自由に設定できます
   東京、クパチーノ、ニューヨークの3都市設定済みです、参考にして下さい
 摂氏/華氏の切り替え
   同じくweather.txtで指定します(摂氏(Celsius)設定済み)
 AM/PM表示有無の切り替え
   スクリーンショットではAM/PM表示なしに設定されています
   好みもありますので差分ファイルには加えていません
   functions.jsの3行trueをfalseにするとAM/PM表示なしになります
   どちらの設定でも差分に含まれる画像が使用されます
 背景画像(background.css)の指定について
   Wallpaper JPEGifierが生成する背景画像を使用する設定になっています
   Wallpaper JPEGifierはCydiaから入手できます
   他の画像を使用する場合はurlのパスを変更して下さい
 UNLOCK文字消去(LockBackground.html)について
   他のUnlock系テーマと組み合わせない場合は消去不要です
 各テキスト要素の位置・サイズ・色について
   style.cssで設定しています
   オリジナルのcssとコンペアして変更点を確認して下さい
   同様に数値を変更するだけでレイアウトが弄れますから色々試してみましょう
   母艦のブラウザでプレビューする場合はSafariかChrome推奨です
    (Safari→最もiPhoneの表示に近い(WYSIWYGに近い))
    (Chrome→WebKitで親和性が高くしかも強力なインスペクタがヒジョーに使える)

 他にも何か気づいたら追記しておきます。
 では。
スポンサーサイト

テーマ:iPhone - ジャンル:携帯電話・PHS


人気blogランキング
コメント
この記事へのコメント
お天気の絵について
初めまして

質問なのですが太陽や曇りの絵は変更できるのですか?
リアルな太陽や曇りの絵にしかならないのですが

すいません変な質問ですがよろしくお願いします
2012/02/21 (Tue) 23:35:01 | URL | 岬 #mGc9/Vwc[ 編集]
コメントを投稿する
URL:
Comment:
Pass:
秘密: 管理者にだけ表示を許可する
 
トラックバック
この記事のトラックバックURL
この記事へのトラックバック
[iPhone 4] LS『Typophone Weather』テーマのモディファイ例 [iPhone 4] LS『Typophone Weather』テーマのモディファイ例. Typophone Weather Mod (モディファイ版Typophone Weather適用例) (下部Tap to Unlockは別テーマです、こちらからダウンロードできます) (壁?...
2011/10/08(Sat) 06:55:11 | 史上最強の人生戦略マニュアル
copyright © 2005-2011 Banco Japon de Mesa Verde all rights reserved.
Powered by FC2ブログ.
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。