スマフォ初心者による『docomo REGZAphone T-01C であそぼう!』のブログ
リンク メール 掲示板 このブログについて Twitter T01C 取扱説明書 QLOOKアクセス解析
[Chronotopia]で遊んでみる その2
9月 24日-Sat



文鎮化する前に下書きしていた記事を。



Chronotopia のダウンロードはこちらから。
http://forum.xda-developers.com/showthread.php?p=12245327


ウィジェットに表示するもの(時間、日時、バッテリー、etc)や
フォント、配置を自由に設定できるアプリ chronotopia


例としてこんなのを作ってみる行程の その2
ウィジェットサイズ:4*2 (ホーム分割 4*5)
 

使用フォント:しねきゃぷしょん by Chiphead



前回 [Chronotopia]で遊んでみる その1 では
日付を入れるまでを書きました
  


今回は 曜日とバッテリーバーの要素を入れていきます。



つづきへ。





曜日の要素は Date-Day Name で。


設定項目 Style-Short にチェック入れても
「火曜日」が「火」になったりはしない。

  Tuesday など、英語表記にしたい場合は
  レグザフォン本体の言語を英語にする。



曜日の表示も前回同様に
文字サイズ、フォントスタイル、色、配置場所を設定。

ウィジェット領域内の右側に配置したかったので
設定項目 Layout-Horizontal Alignment: Right で右寄せに。
Margin は Top:60

フォントサイズも小さめに。




次は バッテリーバー。

領域内を長押しし、Add child element から
Battery-Percent Line


Percent Line(バッテリーバー)の要素を置くと
斜線が出てくる。



まず、Battery の項目を開いてどういう表示にするかを設定。


x0 Percent~ は、どこをスタート地点とするかの選択項目。


The x coordinate of the start point is affected by the percentage
バッテリーの減り具合を x座標の始点に反映させる って感じですかね

横を x軸、 縦を y軸





例えば、 x0 Percent にチェックを入れると
x軸の 0 (領域の左辺側)が バッテリー残量100、始点とされる。

画像では、バッテリー残量が 69 の状態。
31%分が x0地点より減っている ということになる。




x1 Percent にチェックを入れると x1側(領域の右辺側)が減る




y0,y1 も同じこと。
この画像は y0 (領域の上辺側が減っている)





次はバーの色やスタイルの設定。


背景とバーの色

Colors-Background で背景色、
     Stroke でバーの色を指定

背景を透過黒、 バーの色をオレンジにしてみた例
(Battery-y0 Percent にチェックを入れています)


  Background shader は背景の変化、
  Stroke Battery Low はバッテリ残量が減るごとに近づける色(?)
  Stroke Shader はバッテリーバー色の変化
  必要ならそれぞれを設定する




次にスタイル(レイアウト)を設定

バーの太さは layout-Stroke Thickness

初期値は 5
これを 50 にしてみる



太くなりました





バーをまっすぐに表示させるには
Layout 項目の x0,x1,y0,y1 で設定。

x0 The x coordinate of the start point
  x軸の開始地点

x1 The x coordinate of the end point
  x軸の終了地点

y0 The y coordinate of the start point
  y軸の開始地点

y1 The y coordinate of the end point
  y軸の終了地点



うまく説明を書く自信がないので…

簡単にすると、以下のような感じです


Battery-y0 Percent にチェック
Layout-x0:0,x1:0,y0:0,y1:100




Battery-y1 Percent にチェック
Layout-x0:0,x1:0,y0:0,y1:100




Battery-x0 Percent にチェック
Layout-x0:0,x1:100,y0:0,y1:0




Battery-x1 Percent にチェック
Layout-x0:0,x1:100,y0:0,y1:0




どうしても
バーの開始部分、終了部分のところに
スペース?みたいなのが入ってしまう。
背景を無色透明にすればあまり気にならないのですが。

  100 ではなく、1 とかでも同じような表示にはなる・・
  詳しいところがまだまだ理解できていません。
  細かいことは気にすんな!精神です。



では、この記事のトップに置いた画像↓ に戻って



バッテリーバーに目盛りみたいな画像を重ねてみる。


使用画像(画像自体には枠線はありません)

  あらかじめ、ウィジェットをホームに設置し
  そのスクリーンショットを撮影、
  パソコンで スクショを元にサイズを合わせながら
  適当に作った目盛り。



使いたい画像をSDカードに入れておく。
場所はどこでもOK

領域を長押しし、Add child element のメニューから
Miscellaneous → Image




Image-Image をタップし、



ImportタブでSDカード内から目的の画像を選択。



「Image imported successfully」とトーストが出て、
Installed タブにインポートされている。

  これは外部フォント指定のときと同じ作業ですね。


一覧から使いたい画像のタイトルをタップすれば
画像が配置されます。



Layout 項目で表示位置などを指定していく。




要素の重ね順は、
MENUボタン→Elements から変えることができます。


設定された要素がすべて表示される。




一覧の下の方が、重ね順の上位。




Image を一覧の
バッテリーバー(Percent Line)よりも上に移動させてしまうと…

目盛り画像がバッテリーバーに隠れます





重ね順は矢印アイコンで操作。


削除したい要素は Moveアイコン、
または 左側に出る×印でサクッと消せます。
(削除の確認メッセージなどは出ないので気をつけて)




長くなったので続きは次回。




ここに書いた一例は
わたしが適当にやってみて、
「こうなんじゃないかなぁ」と思ったことのメモ程度のものなので
間違っている可能性もあります。

ですので、
ウィジェットテーマ作成は
自分でいろいろ設定を変えてみたり、実際にウィジェット設置したり
確認しながらやってください。
このエントリーをはてなブックマークに追加
コメント投稿の受付は終了しました。
★最新記事
★タグ一覧
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