▼  |  全表示30   | <<    前    | 次  |  履歴   |   スレを履歴ページに追加  | 個人設定 |   ▼   
                  スレ一覧                  
ポケモン

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

 ▼ 1 ボミー@かいがらのすず 16/07/13 22:35:37 ID:SiU4doJU [1/11] NGネーム登録 NGID登録 報告
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みんなのスマホを ポケモン風に しようぜ!
 ▼ 2 ィアンシー@こうらのカセキ 16/07/13 22:36:36 ID:HXGsyvL6 [1/2] NGネーム登録 NGID登録 報告
グレニンジャに見えた
 ▼ 3 ニョニョ@ノメルのみ 16/07/13 22:37:11 ID:HXGsyvL6 [2/2] NGネーム登録 NGID登録 報告
Androidだけなん?
そうやったらiPhoneやから無理や…
 ▼ 4 マワル@ヘラクロスナイト 16/07/13 22:37:38 ID:bBxSqa1E NGネーム登録 NGID登録 wf 報告
あいぽん用ないのか
残念
 ▼ 5 ガサーナイト@はっきんだま 16/07/13 22:39:40 ID:SiU4doJU [2/11] NGネーム登録 NGID登録 報告
>>3
すまん…、もしiphoneに似た様なアプリがあれば教えてくれ
アイデアだけでも共有出来ると思うし

因みに昨日マニュアル見ながら>>1が1時間程度で作った時計っぽい物
 ▼ 7 メテテ@サーナイトナイト 16/07/13 22:41:44 ID:YA8QuPlM [1/3] NGネーム登録 NGID登録 報告
めんどくさそう
 ▼ 8 ャノビー@きれいなウロコ 16/07/13 22:44:12 ID:SiU4doJU [3/11] NGネーム登録 NGID登録 報告
>>7
全然面倒くさくないよ
最初に覚える事覚えれば後は発想次第で色々作れる
 ▼ 9 イゼル@ヨロギのみ 16/07/13 22:46:13 ID:RX4jK9sI NGネーム登録 NGID登録 wf 報告
ナツメの人に教えてもらったやつなら
 ▼ 10 ンノーン@たんけんセット 16/07/13 22:58:07 ID:SiU4doJU [4/11] NGネーム登録 NGID登録 報告
>>9
アイコン弄るならDVRやね
応用としてDVRを並べてスクリーンショットとって壁紙にしたり背景の一部だけ手前に表示(されている様に見せる)することも出来る
 ▼ 11 ースター@パワーアンクル 16/07/13 23:01:25 ID:TgfOtMQA NGネーム登録 NGID登録 wf 報告
何か作りたいけど何か作ればいいか分からん…
時計は作るの簡単?
 ▼ 12 ャタピー@ねばねばこやし 16/07/13 23:04:36 ID:it0jmfe. NGネーム登録 NGID登録 wf 報告
すまん
作るまでのhow toを教えてほしい
できれば画像つきで
 ▼ 13 ッパ@ふるびたかいず 16/07/13 23:10:00 ID:SiU4doJU [5/11] NGネーム登録 NGID登録 報告
>>11
デジタルは滅茶苦茶簡単、アナログは少し調べないと分からないかも

あと1が使ってるポケモン風フォント
http://nue2004.info/program/pkmn/
データ管理→フォントのインポートでzipファイルのままインポートすればOK
 ▼ 14 ビィ@きいろビードロ 16/07/13 23:11:39 ID:SiU4doJU [6/11] NGネーム登録 NGID登録 報告
>>12
確かに手順付きで説明すれば良かった、不親切ですまない
と言っても今手元にあるのが上の時計ウィジェットしか無いんでそれの手順で良い?
 ▼ 15 ャビー@ポケじゃらし 16/07/13 23:13:22 ID:YA8QuPlM [2/3] NGネーム登録 NGID登録 報告
どう作ればいいのかよくわからん
 ▼ 16 ルンゲル@エスパージュエル 16/07/13 23:17:41 ID:YA8QuPlM [3/3] NGネーム登録 NGID登録 報告
>>14
できれば教えて欲しい
 ▼ 17 テッコツ@ピーピーマックス 16/07/13 23:18:27 ID:SiU4doJU [7/11] NGネーム登録 NGID登録 報告
とりあえず手始めにアナログ時計の作り方

1.ホーム画面でウィジェットを選択(今回は2×2) 画像1
2.デフォルトスキンを選択しスキンの編集をタップ 画像2
3.テキストを長押しし削除、その後新規作成からサークルを選択
 ▼ 18 ンヂムシ@モンスターボール 16/07/13 23:26:55 ID:SiU4doJU [8/11] NGネーム登録 NGID登録 報告
このアプリはレイヤーを重ねて作るのでリストの1番上のオブジェクトが奥、リストの1番下のオブジェクトが手前に表示される

4.最初のサークルは時計の文字盤の部分になるので大きく作る
最初はドーナツ状の円形だが線幅と半径を弄れば穴無しの円形に出来る
 ▼ 19 ンプラー@カメックスナイト 16/07/13 23:33:56 ID:SiU4doJU [9/11] NGネーム登録 NGID登録 報告
4.追記 半径を線幅の半分にする事で穴を消せる(数学逆V無振りなので何でこうなるかは分かりません)

5.最初の円の位置は左上にあるのでこれを真ん中に移動させる
移動させるには中心から【水平(左右)80,垂直(上下)100】で設定すれば恐らく真ん中に円が移動する
(数学逆Vなのでry、頭良い人仕組み教えて)
 ▼ 20 ガライボルト@もえぎいろのたま 16/07/13 23:46:34 ID:SiU4doJU [10/11] NGネーム登録 NGID登録 報告
6.次に色を変更する
今回はモンスターボールっぽいするので上半分を赤、下半分を白に
色を変更する前に先ずはレベルを変更【開始位置25%終了位置75% タイプは両方共ある数値に固定】
その後色を画像2,3の通りに変更

これで上半分赤、下半分下の円が完成形しているはず
 ▼ 21 ドグラー@おまもりこばん 16/07/13 23:54:04 ID:SiU4doJU [11/11] NGネーム登録 NGID登録 報告
レベルについて詳しくは
http://bananawani-mc.blogspot.jp/2011/09/android.html?m=1
の4.を参照

読むの面倒くさい人はレベル=色を塗る範囲と思えば大丈夫です、多分
(今回はレベル範囲を円の1/4(25%)〜3/4(75%)の半円形に設定、この範囲を白、それ以外の部分の背景を赤にする事でモンボを表現)
 ▼ 22 ノズ@エレベータのカギ 16/07/14 00:15:09 ID:1aSEvdVY [1/8] NGネーム登録 NGID登録 報告
これで文字盤に当たる部分は完成
次に真ん中の 一文字を作成
7.新規作成でバーを選択しサイズを【線幅4.0 長さを160】に設定
もし最初サークルを別のサイズで作っているなら適当長さを調整(恐らくちゃんと計算式あるんだろうけど分かりません、調べときます)
8.レベルを【0%-100%タイプを両方共にある数値に固定】
9.レベルの色を黒に(画像参考)

これで一文字完成
 ▼ 23 ビルドン@おおきなねっこ 16/07/14 00:21:22 ID:1aSEvdVY [2/8] NGネーム登録 NGID登録 報告
次は輪郭
10.サークルを新規作成
サイズを【線幅1 半径80】、位置を【水平80 垂直100】に
11.レベル範囲を【0%〜100%タイプを数値固定】に設定しレベルの色を黒に

これで輪郭完成
 ▼ 24 イガニ@アッキのみ 16/07/14 00:29:54 ID:1aSEvdVY [3/8] NGネーム登録 NGID登録 報告
モンボのボタン(黒)に当たる部分を作成
12.サークルを新規作成
サイズを【線幅8 半径4】、位置を【水平80 垂直100】、サークルの色を黒に設定
これでボタンの半分完成
 ▼ 25 ガミュウツーX@ぼうけんノート 16/07/14 00:41:45 ID:7xym8gSY NGネーム登録 NGID登録 報告
Novaランチャー(prime)で少しだけアレンジ(メニューアイコンをアイドルピカチュウにしてる)して、時計は俺時計でアレンジするぐらいならしてる(〃ω〃)
primeは、安売りしてるときに買ったw
画像は公式だけど。。。
 ▼ 26 ブト@もりのヨウカン 16/07/14 00:44:22 ID:1aSEvdVY [4/8] NGネーム登録 NGID登録 報告
手順12まで作ればある程度勝手が分かって分かってくると思う

次に時計の短針長針を作成
13.新規作成からハンドを2個作成
それぞれ幅を統一、始点終点の距離を調整し長針と短針に
14.ハンドの位置を中心に移動させて色を好きな色に変更
 ▼ 27 レイハナ@パワーバンド 16/07/14 01:08:19 ID:1aSEvdVY [5/8] NGネーム登録 NGID登録 報告
>>25
カレンダー可愛いな


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

$i$はエスケープキャラクタといい記号で囲まれ部分の文字をアプリが読み取り、読み取った情報を元にオブジェクトを表示させる(今回のiはAm/Pm毎に進んだ分数を表す)
100%を表す文字列は最大値とする数値の値で今回の場合12時間=60分×12=720分が最大値となる
 ▼ 28 ンパン@まんたんのくすり 16/07/14 01:14:44 ID:1aSEvdVY [6/8] NGネーム登録 NGID登録 報告
16.今度は長針のを連動させる
現在値を現在分を表す【$m$】、最大値は60分なので100%を表す文字列を【60】に設定
これで端末の時計の情報を元に各ハンドオブジェクトの位置が更新され続ける
 ▼ 29 ナフィ@サイコソーダ 16/07/14 01:25:58 ID:1aSEvdVY [7/8] NGネーム登録 NGID登録 報告
17.最後に針の蓋を兼ねたボタンの仕上げ
サークルを2個新規作成、1つを手順12で作った円より一回り小さい白丸【線幅6 半径3】、もう1つを更に一回り小さい黒い輪【線幅1.2半径4】にし中心に位置を移動させる

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

 ▼ 30 ラチーノ@レベルボール 16/07/14 01:36:02 ID:1aSEvdVY [8/8] NGネーム登録 NGID登録 報告
http://bananawani-mc.blogspot.jp/2013/02/glaeja.html?m=1
エスケープキャラクタについては上記に全て記載されてるので特に暗記する必要もないです
  ▲  |  全表示30   | <<    前    | 次  |  履歴   |   スレを履歴ページに追加  | 個人設定 |  ▲      
                  スレ一覧                  
荒らしや削除されたレスには反応しないでください。
書込エラーが毎回起きる方はこちらからID発行申請をお願いします。(リンク先は初回訪問云々ありますがこの部分は無視して下さい)

. 書き込み前に、利用規約を確認して下さい。
レス番のリンクをクリックで返信が出来ます。
その他にも色々な機能があるので詳しくは、掲示板の機能を確認して下さい。
荒らしや煽りはスルーして下さい。荒らしに反応している人も荒らし同様対処します。




面白いスレはネタ投稿お願いします!
(消えた画像の復旧依頼は、問い合わせフォームからお願いします。)
スレ名とURLをコピー(クリックした時点でコピーされます。)
新着レス▼