« VirtualDisplay for API 29 | メイン | Style Sheets + javascript でダークモード »

Android

レーダーアニメーション 2

 レーダーと言えば、魚群探知機や戦闘機で搭載される円形のレーダー。レーダーアニメーションの円形版の実装例。
こちらのレーダーアニメーションとの差異は、2つのxml定義のみ。
app/src/main/res/drawable/radar.xml
<?xml version="1.0" encoding="utf-8"?>
<shape
	xmlns:android="http://schemas.android.com/apk/res/android"
	android:shape="ring"
	android:innerRadius="0dp" ★ ring内側の円なし
	android:thicknessRatio="2" ★ 絶対座標非依存
	android:useLevel="false"
>

	<gradient
		android:type="sweep"
		android:startColor="#00000000"
		android:centerColor="#00000000" ★ 半分以上透明
		android:endColor="#2F00FF00"
	/>

</shape>
 これらを自身の中心座標で360度回転アニメーションする定義。
app/src/main/res/anim/radar.xml
<?xml version="1.0" encoding="utf-8"?>
<rotate
	xmlns:android="http://schemas.android.com/apk/res/android"
	android:interpolator="@android:anim/linear_interpolator"
	android:repeatCount="-1" ★ 繰り返し無制限
	android:fromDegrees="0.0"
	android:toDegrees="360.0"
	android:pivotX="50%" ★ 絶対座標非依存
	android:pivotY="50%" ★ 絶対座標非依存
	android:duration="3000"
/>
ソースは github に。コンパイル済みのAPKもこちらに。
https://github.com/remixgrjp/Circle-Radar-animation

トラックバック

このエントリーのトラックバックURL:
https://remix.asia/cgi/mt/mt-tb.cgi/7713

コメントを投稿

(いままで、ここでコメントしたことがないときは、コメントを表示する前にこのブログのオーナーの承認が必要になることがあります。承認されるまではコメントは表示されません。そのときはしばらく待ってください。)