Glaeja小ネタ:光るバー

|

以前どこかの晒しで見かけて、なるほどなぁと思った小技です。
(本人に確認したわけではないですが、こうやったんだろう、というものです。)

130116a
上から、普通のバー、光ってるバー、先端だけが光ってるバーです。

光っている部分はシャドウでX,Yのオフセット値を0にしてそれっぽく見せています。普通にバー全体にシャドウをかけるとバーの背景部分にまでそのシャドウが適用されています。では、値の部分だけにシャドウをかけるにはどうしたらいいの?ということです。

130116b
赤が普通のバー、緑が値部分だけ光るバー、青が先端だけ光るバーです。

値だけ光るバーは、普通のバーの上に背景を透明にしたバーを置いて、それにシャドウをかけています。

先端だけ光るバーは、同じように背景を透明にしたバーを置きますが、それのレベル領域で「開始位置のタイプ」を「現在の%からの相対指定」とし、開始位置を-2%に設定しています。これで先端部分だけのバーができますので、それにシャドウをかけます。
また、これだけだとバーの上にもシャドウがくるように見えることがあるので、もう1つ背景を透明にしたバーをかぶせています。

わかってしまえば簡単ですね。

Random Posts

シンプル ギャラリー:広告もクラウドもない、でも基本は押さえた良ギャラリーアプリ
全部無料でダウンロードできるオススメのフラット系アイコンパック24種類
耳にすっぽり入れてスッキリ完全コードレス!片耳タイプのBluetoothイヤホン ZNT N1
約8時間の稼働時間で長時間使用OKが嬉しい! aptX対応 Bluetoothイヤホン dodocool DA109
Metro Clock Widget [Free]:街並みのシルエットとともに表示される天気と時計
ZenFone 3 サファイアブラックは大人の紳士的な雰囲気!パールホワイトとは違った「良さ」あり!
KLWPのテーマ特集:近未来的・SF・サイバーなテーマ5種 (2017.09.30)
超小型スマホ Jelly Pro レビュー:タッチもスクロールも意外によく動く!あとは使いみち次第
アプリのバックアップを取る方法、そしてアイコンを保存する方法
アンティークと共に【ホーム画面定期コンテスト】
Today Weather:カード型など種類豊富な美しいウィジェットを持つ天気情報アプリ
第3回ホーム画面カスタマイズ定期コンテスト 投票結果発表! 1位は「大人のプールサイド」
Galaxy Gear VR with Controller 開封の儀:コントローラー付きで没入感アップ!また未来の扉を開けてしまったか
認知度90%を目指す-UQモバイルのセミナー&懇談会に行ってきました。
CircleFinder:Twitterでフォローしている人からコミケ等のサークル参加者を一覧表示するアプリ