【Home】タップするとボタンが変化するホーム画面。こんだけ多彩で1画面構成です【feat. MyColorscreen】2018

Popup City Android Homescreen by swatson - MyColorscreen

Google+で見つけたこちらの画面。ファイルが配布されてたのでいただきました。



アドレスをコピペするとこうなっちゃう場合、ブラウザのアドレスバーを確認してください。

https://db.tt/FoLFiqId□

みたいになってませんか?
最後の1文字を消せば(URLの一番後ろでBackspaceを1回押す)、繋がるはずです。


こんな画面です。
仕込みは5つ。

構成
Zooper Widget 2個

ホーム画面 … 縦グリッドを8にする

Popup Widgetを使う

ポップアップウィジェット(Popup Widget) - Google Play の Android アプリ



左がウィジェットの大きさ(プレビュー部分をタップ)、
右が表示させる位置です。

どちらも幅は解像度に合わせます。
高さは、画面の半分にしています。



ポップアップアニメを「フェードイン」に。ただこれどう見ても「ポップアップからのフェードアウト」なんですよね…。
そして「反射光効果」を切ります。

Popup WidgetはZooperを指定して5つ作ります。
作成したらとりあえずどっかに一度PopupWidgetのショートカットを置いてタップし、Zooperを起動させてスキンを適用させます。

Popup city- Settings Popup (4×4) resized.zw
Popup City-Favorites Popup (4×4) resized.zw
Popup City-Files Popup (4×4) resized.zw
Popup City-Music Player (4×4) resized.zw
Popup City-Social Popup (4×4) resized.zw

この5つのZooperをPopup Widgetに指定します。




「ウィジェット名」にわかりやすいものをつけておくと後が楽です。
「Scaling」は100がデフォです。



ポップアップ専用の透明なレイヤーが用意されているので、選びます。
「ウィジェットをタップ時のアクション」はデフォルトで指定されていますが、名前を合わせないと呼び出せないと思われるため手動で全て設定し直しました。ショートカットからPopup Widgetを選んで、対応するZooperを呼び出すようにします。



ウィジェット自体の「タップ時のアクション」はDisabled(Locked)にしておくと誤作動防止になります。

全て設置するとこうなります。


MyColorscreenに載ってるPVと動き合ってるかな?
………実はこれと全く同じコンセプトのホーム画面を製作中だったり……liil orz liil
やっぱデザインセンスある人には勝てない(´;ω;`)
そんな感じ。

Comments