スマフォ初心者による『docomo REGZAphone T-01C であそぼう!』のブログ
リンク メール 掲示板 このブログについて Twitter T01C 取扱説明書 QLOOKアクセス解析
BeautifulWidget のスキンを作ってみようの巻 その2
3月 29日-Tue

Beautiful Widget のスキンを、
ゼロに等しい技術とセンスで作る無謀な挑戦 二の巻。


今回は、時刻と天気(またはバッテリ)を表示する
Super Clock Widget のスキンについて。


BWスキン作成方法。

・・・とはいっても別に難しいものではなく
単純に画像ファイルを用意すればOKなだけです。


Beautiful Widget のスキンは
SDカード内 date\beautifulwidget フォルダに保存されているので

自作スキンが完成したら
該当のフォルダに入れてやれば使用できる。



beautifulwidget\

 scskin : Super Clock Widget
 wskin  : 天気表示
 bskin  : バッテリー表示

  skins :BWの以前のバージョンで使用していたスキン(?)
  cache :スキンをダウンロードする画面のキャッシュ



必要なファイル 全部で18

background.png
全体的な背景
引き伸ばされることになるらしい※1
background_numbers.png
時間の数字の背景
dots.png
時間の「時」と「分」のあいだの「:」
am.png
AM(午前)の表示
pm.png
PM(午後)の表示
number_0.png ~ number_9.png
時刻表示の数字
*****.jpg
***** はスキンタイトル
保存したスキン一覧で表示されるサムネイル
*****.txt
***** はスキンタイトル
スキンタイトル、作者名、URLなどを記載
.nomedia
他のアプリから参照されないためのファイル(?)

※1
 背景の画像が引き伸ばされるのは
 テーブルのセルが広げられるようなイメージ


 ↓↓↓




これを背景にしたら


  使用ペイントソフト: PictBear


こんなふうに表示されました。


なので、背景には図柄や模様は向かないと思われます。


background.png と background_numbers.png には
上部と右側に黒線がある。

その黒線を目安(?)として配置されるようなので
自作する場合は黒線も忘れずに入れないといけないっぽい。
  (黒線なしの場合はどうなるか、まだ試していません
  (次回、試してみます




縦横を同じサイズにする
 ・number_0.png ~ number_9.png


縦横を同じサイズにする その2
 ・am.png
 ・pm.png


同じ高さにする
 ・number_0.png ~ number_9.png
 ・dots.png
 ・am.png
 ・pm.png


*****.txt の記述例
 エディタ(メモ帳でOK)で
 作者の名前、スキンのタイトル、
 サイトのアドレス(なくてもOK)を書いておく
skinname= スキンのタイトル
author=  作者名
url=  サイトのアドレス




.nomedia ファイルについて

レグザフォンだとESファイルエクスプローラーを使えば簡単に作れるのに
パソコンで作る方法が分からない…。

ダウンロードしたスキンからコピペして使っております。
今のとこ問題ないです。

zip にして置いておきます →→ .nomedia ダウンロード(zip)




肝心なサイズについて。

厳密な規定はないみたいです。


いくつかのスキンを見た結果、こんな感じに収まっている様子。

  高さ 70~100 (px)
  幅 70~130 (px)

背景の引き伸ばしがないように、
最初から大きい画像にすればいいんじゃん! と
幅400pxくらいで作ってみたら認識されなかった。
サイズの限界はあるみたいですね。



おおざっぱに色分けしてみる



background.png

background_numbers.png

am.png,pm.png,dots.png

number_0.png ~ number_9.png



まとめきれていないまま書き始めたら
収集がつかなくなってしまった。

また後日、まとめて書けるように精進したいと思います。
このエントリーをはてなブックマークに追加
ジュラルミン  (10月9日)

はじめまして!
スマートフォン初心者です。
天気のスキン変更の方法を教えてもらえませんか?
管理人  (10月12日)

ジュラルミンさん、はじめまして
コメントありがとうございます。

>天気のスキン変更
ウィジェットをホーム画面に置くときの設定画面でスキンを選択できますよー
コメント投稿の受付は終了しました。
★最新記事
★タグ一覧
regzaphone... (43)
アプリ... (78)
スクリーンショット... (14)
ツール... (28)
ホーム画面... (14)
壁紙... (12)
着信音... (4)
要root... (57)
カスタム... (38)
入れてみた... (41)
接続... (2)
音楽... (8)
BWスキン... (2)
google... (9)
Metamorph... (8)
Twitter... (2)
UOHkitchen... (5)
こまごま... (5)
その他... (57)
アップデート... (8)
ウィジェット... (26)
ゲーム... (1)
サッカー... (6)
セキュリティ... (5)
ニュース... (1)
メール... (5)
ランチャー... (1)
動画... (2)
自分用メモ... (34)
chronotopia... (4)
環境構築... (2)

壁紙ギャラリー
★月別アーカイブ
March_2013... (1)
November_2012... (1)
October_2012... (1)
June_2012... (3)
April_2012... (4)
March_2012... (7)
February_2012... (8)
January_2012... (8)
December_2011... (4)
November_2011... (8)
October_2011... (5)
September_2011... (11)
August_2011... (7)
July_2011... (10)
June_2011... (24)
May_2011... (22)
April_2011... (16)
March_2011... (20)
February_2011... (26)
January_2011... (35)
December_2010... (2)
★コメントThank you!
marimo... 1/20
管理人... 1/13
dmc... 1/7
管理人... 12/5
ゆうたぱぱ... 12/4
管理人... 12/2
とーちゃん... 12/2


ばじとうふう
 ...本家ブログ。アルビ愛
にほんブログ村
 ...ランキングに参加しています


QLOOK BLOG

RSS/ ATOM