Hatena::ブログ(Diary)

前向きに行こうか - craysの日記 このページをアンテナに追加 RSSフィード Twitter

2010年 04月 19日

dBar[One]を使ったiPhoneホーム画面のカスタマイズ

[追記]

この記事はiPhone3GでiOS3の時の記事です。

新たにiPhone4iOS4.3.3での記事を書きましたので、そちらもご参照ください。

iPhone4にして早半年。

今の僕のiPhoneホーム画面はこんな感じです。

iPhoneのホーム画面をカスタマイズ(iPhone5 iOS6.0、iPhone4 4.2.1〜5.1.1、iPad mini版) - 前向きに行こうか - craysの日記


最近の僕のiPhoneホーム画面

f:id:crays:20100419232910p:image:w300

完全に痛Phone。www

さて、これを会社の先輩に見せたところ、

「やり方をマニュアル化しろ」との指令が下ったので、

覚書もかねて書きます。


以下の作業はiPhoneJailBreakする必要があります。

JailBreakAppleの保障が受けられなくなり、

ハッキングウィルス感染の危険があります。

自己責任かつ自己対処できない人は行わないでください。

これらの行為によるどんな被害が出たとしても当方は一切責任を取りません。


まず、必要なソフトをインストールします。

  1. Categories
  2. WinterBoard
  3. dBar[One]
  4. Five-Column SpringBoard
  5. Five Icon Dock

有料アプリですがCategoriesSBがあると便利です。

全てインストールが終わったら、WinterBoardの設定に入ります。

WinterBoardのSelect ThemesからdBar[One]を有効にします。

f:id:crays:20100420000719p:image:w300

f:id:crays:20100420000717p:image:w300

(User Wallpaper等を使って背景画像を適用しようとすると、ロック解除時の動作が重くなりますので合わせて使わないほうがいいです)

次にCategoriesを使ってホームに配置するアイコンを10個にしてください。

その後、1ページ目に5つ。Dockに5つを配置してください。

僕は以下のように配置しました。

f:id:crays:20100420004412p:image:w300


さて、ここからdBar[One]のカスタマイズに入ります。

これより先はi-FunBoxやiFileを使います。

dBar[One]のファイル群は以下のパスにあります。

このパスを中心に説明します。

/private/var/stash/Themes.******/dBar[One].theme

「******」の部分は適当な英数字が入ります

まずは背景画像を配置します。

好みの画像を用意し、以下に上書きします。

dBar[One].theme/Wallpaper.png

デフォルトでは、画面下部に天気が表示されるようですが、

不要ですので削除します。

こちらからWidget.htmlダウンロードし、

以下に上書きします。

dBar[One].theme/Widget.html

続いて、アプリの配置と文字を一致させます。

こちらから文字抜きのオーバーレイ画像をダウンロードし、

画像編集ソフト等を使って文字を入れます。

こんな感じです。

f:id:crays:20100420002100p:image:w300

さて、次が厄介ですww

アプリアイコンを透明化します。

以下に透明アイコンを配置します。

dBar[One].theme/Icons

その際、ファイル名とアプリ名を一致させなくてはなりません。

以下に一例を記します。載ってない場合は自分で試して見つけてください。

(大文字/小文字による区別、文字中のスペースも必要)

カメラ : Camera.png

電話 : Phone.png

SMS/MMS : Messages.png

App Store : App Store.png

BB2C : BB2C.png

Byline : Byline.png

iPod : iPod.png

Mail : Mail.png

Safari : Safari.png

Twittelator : Twittelator.png

Categoriesのフォルダ : 作成したフォルダ名.png

上で配置したファイルと一致するアプリの画像が透明化されるので、

Categoriesのフォルダ名には他のアプリ名と重複しないような名前にするといいです。


さて、これでrespringをかければ基本的なカスタマイズ完了です。

しかしこのままだとwi-fiアイコンが変わっていたり、

充電中画像も変わっているので、以下のような状態にすることでデフォルト画像に戻せます。

以下3ファイル以外をすべて削除(en.lprojディレクトリは残す)

dBar [One].theme/Bundles/com.apple.springboard/BatteryBackground.png

dBar [One].theme/Bundles/com.apple.springboard/BatteryFill.png

dBar [One].theme/Bundles/com.apple.springboard/BatteryReflectionMask.png

f:id:crays:20100420004726p:image:w300



参考にさせてもらったサイト

初音ミク初音ミク 2010/04/20 16:28 初音ミクを皆で盛り上げよう!!

TTTTTT 2010/11/02 19:16 壁紙の上書きってどうやったらいいですか?
初心者の質問ですいません。

crayscrays 2010/11/02 22:54 > TTT
上書きするのに使用するソフトの事だったら
「i-FunBox」
http://www.i-funbox.com/

上書きするファイルのパスの事だったら
「/private/var/stash/Themes.******/dBar[One].theme/Wallpaper.png」
Themes.******の「*」部分はランダムな英数字で存在するはず

TTTTTT 2010/11/04 01:07 解答ありがとうございます。
あともう一つききたいんですが、
天気って自分の地域に設定出来ないんですか?

crayscrays 2010/11/04 23:31 > TTT
Google「dBar 天気」

SSSSSS 2010/11/06 22:32 文字入れに使った画像編集ソフトの名前を教えていただけないでしょうか?

crayscrays 2010/11/06 23:07 > SSS
PhotoShopです。

おそらく透明PNGの作成についてかな?
GIMPでもできますよ。

SSSSSS 2010/11/06 23:18 craysさん、ありがとうございました!!

ぴてぴて 2010/11/07 06:31 オーバーレイ画像をそのまま使うと画像の部分が見本のように透けないのですがどうやったらいいですか?

crayscrays 2010/11/07 22:12 >ぴて
今の状態がよくわかりません。
透けないってことは文字入れしたオーバーレイ画像しか表示されてない?
それとも背景画像だけになってオーバーレイ画像が表示されない?

以下エスパー。
設定>winterboard>themeでdbarが最上位にいますか?
その他のwinterboardテーマをOFFにしてみましたか?
オーバーレイ画像はちゃんと透明PNGになっていますか?
透明になっていると思い込み、実は透明になってなかったりしませんか?
画像のファイル名をまちがってませんか?

ぴてぴて 2010/11/08 22:05 背景は表示されているんですがオーバーレイの部分が見本のように透けないんです(>_<)
たぶんその部分が透過になっていないんだと思います。どのようにしたら透明にできるでしょうか??
お手数ですが答えていただけるとすごく嬉しいです。

crayscrays 2010/11/08 22:30 >ぴて
上のコメントにも書きましたが、GIMPで透明PNGの作成が可能です。
GIMPの使い方等はご自身で調べてください。

junjun 2010/11/15 15:39 背景ファイルWallpaper.png(640*960ピクセル)をいれると、拡大表示されて左上しか表示されなくなっていまいます。
初歩的な質問で申し訳ありませんが解決方法ご教授ください。

crayscrays 2010/11/15 15:52 >jun
コメント上の、解像度の書き方が逆ですよ(縦*横が普通)

この記事は僕がiPhone3Gを使用していた時の記事です。
iPhone4で行われるならば、Widget.htmlをテキストエディッタで開き、
height: 480px;
width: 320px;

height: 960px;
width: 640px;
に修正してやってみてください。

na-na- 2010/12/04 10:06 アイコンが透明化されません(´・ω・`)
上の5つは透明化できたんですが影がある状態。
ドックは透明化できません。
なにか考えられる原因はありますか?

crayscrays 2010/12/04 11:04 >na-
当記事はiPhone3GでiPhoneOS3.Xの時の記事であり、iPhone4またiOS4.Xでは仕様が変わっています。
近日中にiOS4.X向けかつiPhone4向けの記事に書き直しますのでお待ちください。

上記を待たず自己解決に挑戦するならば、
以下に原因の簡単なヒントを記載しておきます。
1:影の画像は「WallpaperIconShadow.png」(下記2も考慮する事)
2:端末がiPhone4ならば、各透明画像に「@2x」をファイル名に付与しなくてはならない。
ドック関係画像は「SBDockBG.png」「SBDockMask.png」で、「SBDockBG@2x.png」「SBDockMask@2x.png」と変更する。

BIANCHINIBIANCHINI 2011/03/05 23:32 初めまして。ここを見させてもらいました。早速質問なんですが、Categoriesの使い方を出来れば詳しく教えてください。(10個のアイコン配置)よろしく御願いします

crayscrays 2011/03/05 23:38 10個のアイコン配置はCategoriesの機能ではなく、Five-Column SpringBoardとFive Icon Dockの機能です。
これらをインストールすれば、アイコン移動の状態で5個目が入れられます(無理やり入れるイメージ)
ただ、この記事はiOS3.0でかつiPhone3Gでやった事なので、iOS4やiPhone4で問題なく出来るかは分かりませんので自己責任で。

crayscrays 2011/03/06 01:24 dbarは使ってませんが、iPhone4・iOS4.2.1での記事を書きました。よかったらそちらもご覧ください。

http://d.hatena.ne.jp/crays/20110305/1299341916

majmaj 2011/03/09 10:46 はじめまして。
dBarを使ったまんま
背景を動画にすることは可能ですか?
いろいろ調べているんですがわかりません。
よろしくお願いします。

crayscrays 2011/03/09 18:50 さぁ、どうでしょう。
試した事がないので分かりませんが、dbar等のテーマはhtmlなので、html5のビデオタグを使えば出来るかもしれません。
バッテリーライフを短くしてしまいそうですが・・・
面白そうなので、後で試してみようと思います。

結果は後ほどw

crayscrays 2011/03/10 02:18 >maj

試したり調べた結果、やり方が分かりました。
せっかくだったので記事にしました。
よければご参照ください。

http://d.hatena.ne.jp/crays/20110309/1299690993

G-sn0wG-sn0w 2011/05/21 08:19 このページの初音ミクの画像を頂けないでしょうか?
不可能ならばどこでダウンロードしたか、だけでも構わないですが・・・。

crayscrays 2011/05/21 09:12 >G-sn0w
僕のは2chで拾ったので、まったく同じではないありませんが、元絵はこちらにあります。

http://www.pixiv.net/member_illust.php?mode=medium&illust_id=7804543

koskos 2011/07/12 15:34 ifunboxでフォルダを弄ってるんですが、透過画像のファイル名にカメラと入力してもエンターキーを押すとCameraに戻ってしまいます。
対策を教えて頂けないでしょうか。

crayscrays 2011/07/12 15:40 >kos
ifunbox上からファイル名を弄るのではなく、一旦ローカル(PC)に落としてリネームし、iPhoneに配置させるのではだめですか?

koskos 2011/07/12 15:49 >crsys
iphone4なんですが、ファイル名は カメラ@2x1.png でいいんですよね?

crayscrays 2011/07/12 15:53 >kos
そこは「カメラ.png」です。

あと、この記事は古い記事です。
iPhone4向けの記事はこちらです。
http://d.hatena.ne.jp/crays/20110305/1299341916

koskos 2011/07/12 15:55 訂正
カメラ@2x1.png→カメラ@2x.png

crayscrays 2011/07/12 15:58 >kos
カメラ.pngが正解です。
iconsに@2xは必要ないです。

koskos 2011/07/12 16:00 >crsys
ありがとうございます
試してみます

koskos 2011/07/12 21:40 度重なる質問申し訳ございません
教えて頂いた方法でアイコンは全て透過できましたが、アイコンと影とアイコンをタップしたときに一瞬でる影が消えていません
どうしたら良いでしょうか

koskos 2011/07/12 21:42 すいません
アイコン の 影
です

crayscrays 2011/07/12 21:46 >kos
先ほども書きましたが、
http://d.hatena.ne.jp/crays/20110305/1299341916
がiPhone4向けの記事です。

タップ時のアイコンの影についても記載しています。
まずはそちらを読んで理解&試行してもらってから、ご質問ください。

crayscrays 2011/07/12 21:49 記事上部にも明記してありますが

  「この記事はiPhone3GでiOS3の時の記事です。」

iPhone4向けは下記URLの記事です。
http://d.hatena.ne.jp/crays/20110305/1299341916

koskos 2011/07/12 22:19 >crays
上記の記事にあった透明化セット使って見ました影は消えましたが、アイコンのラベルとタップしたときの影はまだ出たままですね・・・

crayscrays 2011/07/12 22:38 ■アイコンラベルを消す方法について。
dbarを適用した状態で透明化セットの
HomeTransparentSet.theme/Info.plist
を削除してください。

■タップ時の影について
dbarに付属してきたアイコン画像を使うと影がでます。
透明化セットに入っているアイコン画像で置き換えしてください。
また、iOS4より追加されたフォルダの影は仕様上"影だけ"を消す事ができません。

無理やりにでもフォルダの影も消したいのであれば、全アイコン画像(設定やAppStore等、本当に全部のアイコン)を透明にする方法があります。
この方法については以下サイト様記事を参考にしてください。

Banco Japon de Mesa Verde
http://evh5150.blog36.fc2.com/blog-entry-1080.html

>crays>crays 2011/07/13 04:43 詳しい説明ありがとうございます!!
おかげさまで色々と問題が解決しました
これからもブログの更新がんばって下さい

crayscrays 2011/07/13 10:10 ありがとうございます。
解決できたということで何よりです。

スパム対策のためのダミーです。もし見えても何も入力しないでください
ゲスト


画像認証

Connection: close