未分類チュートリアル

Glaeja小ネタ:光るバー

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

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

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

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

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

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

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

Random Posts

アプリセール情報:Nova Launcher Primeが600円→100円のクリスマスセール!その他無料セールアプリも
格安SIMの通信速度比較【2019年5月その1】初登場のLINEモバイルau回線は(まだ)UQモバイル並に速い
最大50%オフ!AnkerがAmazon「タイムセール祭り」にてセール開催中!
Playストアがボトムタブを採用した新しいデザインをテスト中
LG G8X ThinQのカバー用にPDA工房の防気泡 防指紋 反射低減保護フィルム Perfect Shieldを選択
BCNランキング SIMフリースマホ実売台数TOP10 (10/21~10/27) Reno Aは2位、そしてP30 liteが再びトップに
Pixel 3の画面保護フィルムを実際の写真付きで紹介レビューしている記事まとめ
現在利用しているQRコード決済サービス、 トップは「楽天ペイ」
ワイモバイル、Xperia 8とHUAWEI P30 liteにAndroid 10へのOSアップデートを配信
Casse-o-player:カセットテープ風の再生画面を持つ音楽プレーヤーアプリ
UMIDIGIの新生活応援セール!スマートウォッチUFitとUwatch3が40%オフ!
2020年秋、Androidに追加される6つの新しい機能!周囲の重要な音をプッシュ通知など
ソフトバンク、Xperia 1とXperia 5にAndroid 10へのOSアップデートを配信開始
Google ストアにて新生活特別セール開催!Pixel 3 / 3 XL、Chromecast / Audioがセール価格
BIGLOBEモバイル、10月からの新規申込特典は初期費用0円、エンタメフリー&セキュリティーが最大6ヶ月無料