【android】Glaejaってアプリで自作ポケモンウェジェット作ろうぜ【カスタマイズ】

Glaeja
https://play.google.com/store/apps/details?id=com.gmail.kanitawa.glaeja

Q.Glaejaってなんだよ
A. 『Glaeja』 はカスタマイズ可能な情報表示ウィジェットです。
「日付と時刻 / 天気予報 / バッテリー状態 / RAMとストレージ容量 / 通話とWiFi情報 / 音量情報 / 次回アラーム日時」といった各種情報を、
「テキスト / バー / サークル / ハンド / イメージ」で表現し、
「シャドウ / ミラー / グラデーション / 変形 / 画像合成」のような特殊効果をかけることができます。
(引用:製作者さんHP http://bananawani-mc.blogspot.jp/2013/02/android-glaeja-ver4x.html?m=1 )

Q.で、それでどんな感じのが出来るの?
A.こんなのが作れます
http://www.orefolder.net/glaejaskin/

Q.変なコードとかいっぱい書かないと駄目なんでしょ?
A特殊な文字列も用いますが1からアプリを作る訳では無いのでそこまで難しくはありません、多分ツール無しでダメ計するほうが難しいです(もしもツールなんか使わなくてもダメ計出来るって人ならコイキングを釣るくらい簡単と思います)

Q.作ったウィジェットは配布出来るの?
A.出来ます、アイデアさえだせば優しい誰かが制作代行してくれるかも知れません

Q.永井産業
Aみんなのスマホを ポケモン風に しようぜ!

グレニンジャに見えた

Androidだけなん？
そうやったらiPhoneやから無理や…

あいぽん用ないのか
残念

>>3
すまん…、もしiphoneに似た様なアプリがあれば教えてくれ
アイデアだけでも共有出来ると思うし

因みに昨日マニュアル見ながら>>1が1時間程度で作った時計っぽい物

めんどくさそう

>>7
全然面倒くさくないよ
最初に覚える事覚えれば後は発想次第で色々作れる

ナツメの人に教えてもらったやつなら

>>9
アイコン弄るならDVRやね
応用としてDVRを並べてスクリーンショットとって壁紙にしたり背景の一部だけ手前に表示(されている様に見せる)することも出来る

何か作りたいけど何か作ればいいか分からん…
時計は作るの簡単?

すまん
作るまでのhow toを教えてほしい
できれば画像つきで

>>11
デジタルは滅茶苦茶簡単、アナログは少し調べないと分からないかも

あと1が使ってるポケモン風フォント
http://nue2004.info/program/pkmn/
データ管理→フォントのインポートでzipファイルのままインポートすればOK

>>12
確かに手順付きで説明すれば良かった、不親切ですまない
と言っても今手元にあるのが上の時計ウィジェットしか無いんでそれの手順で良い?

どう作ればいいのかよくわからん

>>14
できれば教えて欲しい

とりあえず手始めにアナログ時計の作り方

1.ホーム画面でウィジェットを選択(今回は2×2) 画像1
2.デフォルトスキンを選択しスキンの編集をタップ 画像2
3.テキストを長押しし削除、その後新規作成からサークルを選択

このアプリはレイヤーを重ねて作るのでリストの1番上のオブジェクトが奥、リストの1番下のオブジェクトが手前に表示される

4.最初のサークルは時計の文字盤の部分になるので大きく作る
最初はドーナツ状の円形だが線幅と半径を弄れば穴無しの円形に出来る

4.追記 半径を線幅の半分にする事で穴を消せる(数学逆V無振りなので何でこうなるかは分かりません)

5.最初の円の位置は左上にあるのでこれを真ん中に移動させる
移動させるには中心から【水平(左右)80,垂直(上下)100】で設定すれば恐らく真ん中に円が移動する
(数学逆Vなのでry、頭良い人仕組み教えて)

6.次に色を変更する
今回はモンスターボールっぽいするので上半分を赤、下半分を白に
色を変更する前に先ずはレベルを変更【開始位置25%終了位置75% タイプは両方共ある数値に固定】
その後色を画像2,3の通りに変更

これで上半分赤、下半分下の円が完成形しているはず

レベルについて詳しくは
http://bananawani-mc.blogspot.jp/2011/09/android.html?m=1
の4.を参照

読むの面倒くさい人はレベル=色を塗る範囲と思えば大丈夫です、多分
(今回はレベル範囲を円の1/4(25%)〜3/4(75%)の半円形に設定、この範囲を白、それ以外の部分の背景を赤にする事でモンボを表現)

これで文字盤に当たる部分は完成
次に真ん中の 一文字を作成
7.新規作成でバーを選択しサイズを【線幅4.0 長さを160】に設定
もし最初サークルを別のサイズで作っているなら適当長さを調整(恐らくちゃんと計算式あるんだろうけど分かりません、調べときます)
8.レベルを【0%-100%タイプを両方共にある数値に固定】
9.レベルの色を黒に(画像参考)

これで一文字完成

次は輪郭
10.サークルを新規作成
サイズを【線幅1 半径80】、位置を【水平80 垂直100】に
11.レベル範囲を【0%〜100%タイプを数値固定】に設定しレベルの色を黒に

これで輪郭完成

モンボのボタン(黒)に当たる部分を作成
12.サークルを新規作成
サイズを【線幅8 半径4】、位置を【水平80 垂直100】、サークルの色を黒に設定
これでボタンの半分完成

Novaランチャー(prime)で少しだけアレンジ(メニューアイコンをアイドルピカチュウにしてる)して、時計は俺時計でアレンジするぐらいならしてる(〃ω〃)
primeは、安売りしてるときに買ったw
画像は公式だけど。。。

手順12まで作ればある程度勝手が分かって分かってくると思う

次に時計の短針長針を作成
13.新規作成からハンドを2個作成
それぞれ幅を統一、始点終点の距離を調整し長針と短針に
14.ハンドの位置を中心に移動させて色を好きな色に変更

>>25
カレンダー可愛いな


こっから肝心、複雑そうに見えるがちゃんと理解すれば簡単なので頑張ってほしい
15.短針の位置を端末の時間と連動させる
比率の現在値を表す文字列を【$i$】、100%を表す文字列を【720】に設定

$i$はエスケープキャラクタといい記号で囲まれ部分の文字をアプリが読み取り、読み取った情報を元にオブジェクトを表示させる(今回のiはAm/Pm毎に進んだ分数を表す)
100%を表す文字列は最大値とする数値の値で今回の場合12時間=60分×12=720分が最大値となる

16.今度は長針のを連動させる
現在値を現在分を表す【$m$】、最大値は60分なので100%を表す文字列を【60】に設定
これで端末の時計の情報を元に各ハンドオブジェクトの位置が更新され続ける

17.最後に針の蓋を兼ねたボタンの仕上げ
サークルを2個新規作成、1つを手順12で作った円より一回り小さい白丸【線幅6 半径3】、もう1つを更に一回り小さい黒い輪【線幅1.2半径4】にし中心に位置を移動させる

これでとりあえず完成
文章打ちながら作ったのでかなり時間がかかったが一人で作ればもっと早く作れると思う

http://bananawani-mc.blogspot.jp/2013/02/glaeja.html?m=1
エスケープキャラクタについては上記に全て記載されてるので特に暗記する必要もないです