チュートリアル

ホーム画面にリボンをかけたようなZooper Widgetのスキン

4月1日のエイプリルフールのネタで、ゴチうさのページがなんか変わっていたので、とりあえず画像保存しましたよね。で、とりあえずスマホに壁紙として設定してみましたよね。で、なんとなくそれに合わせてZooper Widgetで時計を作ったら思いの外気にいったのでした。

20160404-ribbon-1

うん、可愛いですよね。
件のZooper Widgetは右上の黄色いリボンのようなものです。可愛いですよね。ものすごく単純なので、解説も要らないんじゃないかとも思いますが、一応小さなこだわりもあるところを書いていこうと思います。

全体的な設定

20160404-ribbon-220160404-ribbon-3

基本的にForce Englishにチェックを入れて、英語表記で作業しています。でないと月日の表示で色々と面倒なので。最終的に4つのモジュールで構成されています。

リボン本体部分

20160404-ribbon-420160404-ribbon-5

リボン本体は単にRectで図形として長方形を傾けて(かなり適当に)配置しています。このとき、グラデーションを使って、片方がわずかに暗くなるようにしています。この僅かなグラデーションがあることによりベタ塗りの野暮ったさを回避しています。ほんの僅かな差ですが、重要な差です。

また、これもほんのりとですが、シャドウをつけています。目立たないくらいにほんのりというのがポイントです。

テキストにも僅かな影を

20160404-ribbon-620160404-ribbon-7

テキストの内容はどうでもいいのですが、角度はRectに合わせています。
そして、これにもシャドウをつけています。これは色を黒ではなく、リボンの背景と同じ色…を少し濃くしたものを、透明度を少し上げて設定しています。これをX offset / Y offsetの両方とも-1にすることでほんのりと立体感を出しています。

端のステッチ

20160404-ribbon-820160404-ribbon-9

最後に、端に縫い目のようなラインを入れます。これはProgress Barを使い、SpacingとSplitを調整して点線にしています。この間隔は自分でいろいろ試して納得行くものにすればいいでしょう。

完成

20160404-ribbon-1

これで完成です。簡単ですね。

ちょっと気をつけること

こういったリボン風の時計は、そういうウィジェットを使えばもっと簡単に設置できます。

Google playRibbonClock
RibbonClock
制作: FutureWidgetLab
評価: 4.2 / 5段階中
価格: 無料 (2016/4/4 時点)

ダウンロードposted by: AndroidHTML v3.0

ただまぁ、このウィジェットでも上で作ったZooperのものも同じなのですが、ステータスバーとの兼ね合いが難しいです。

20160404-ribbon-1020160404-ribbon-11

最近はステータスバーが透過されているのが当たり前ですが、そこにはウィジェットは描画できないので、妙な間が開いてしまいます。透過させないか、完成例のようにステータスバーを非表示にするのがいいでしょう。もしくはKLWPのように壁紙として作れば、それもいいですね。

スキンファイル

今回は必要ないかと思いますが、一応スキンファイルを置いておきます。これをダウンロードするよりも自分で作ったほうが早いと思いますが。

zooper-iconRibbon Clock ZW
制作: orefolder
価格: 無料

ダウンロード

まぁ、シャロは可愛いよね。

Random Posts

まさかのKAZUNAから高性能ゲーミングスマホ「Black Shark 2」JAPANモデルが登場!
Geekbuying新製品情報:8インチUMPC「Topjoy Falcon」とBluetoothスピーカー「Tronsmart T6 Plus」
BCNランキング SIMフリースマホ実売台数TOP10 (7/29~8/4) AQUOS sense2がトップ
AUKEY EP-T16S レビュー:ケースまで小さい、IPX5防水の完全ワイヤレスイヤホン
AUKEY 完全ワイヤレスイヤホン EP-T21 レビュー:3千円台ながら良好な音質で普段使いにちょうどいい
DigitalAntique【あなたのホーム画面見せてください 2019】
アプリセール情報:円卓の騎士の名を冠したアイコンパック群など無料アプリがたくさん
CHEMISTRY【ホーム画面コンテスト2020】
モトローラ、リーズナブルな「moto g9 play」とAndroid One端末「moto g PRO」を10月30日発売!
Echo Show 5が2台まとめ買いで50%オフ! 1台でも2台でも9,980円のセール中!9/2まで
XiaomiがMi 10 / Mi 10 Pro / Mi 10 Lite 5Gを発表!日本でも発売されるMi 10 Lite 5Gは349ユーロから
mineo、+350円で低速ON時の速度を最大500kbpsにする「パケット放題」オプションを3月3日開始
AQUOS sense2 SH-M08が5800円、ZenFone Max (M2)が6800円!goo Simsellerがグリーングリーンセール開催!
vivoのゲーミングスマホiQOOが549.99ドルから!Banggood割引クーポン情報
200円で格安SIMをお試し!mineoプチ体験の「mineoプリペイドパック」を使ってみました