把太阳系撸成会动的矢量图

Github地址:SolarSystem

可以用图解决问题的我从不说话。

但是录制的gif真的不忍直视,丢帧太严重了。额!

不忍直视.gif

请大家脑补丢的帧。

来张高清图来挽回颜面:

为什么今天会这么无聊,用矢量图来做这么一个太阳系呢?说来话长![画外音:那他妈就别说了!]主要原因是最近连上7天班简直要上天了然后前天因为一个量子力学引发的bug结果耽误了去玩然后今天早上6点钟起来看英雄联盟比赛最喜欢的RNG又输了导致我很不开心我大喊一声我要上天然后就突然想把太阳系撸成矢量图那好,那我什么也不说了。

这个图是矢量图奥,是Android中的矢量图,不是SVG。我知道现在流行SVG替换字体当图片使用,但是其实Android
自身的矢量图也是非常强大的。

1 使用方法

这个太阳系如果你想拿去装逼那就拿去吧!使用方法很简单:

1.1 添加依赖

在你的项目的dependencies中添加如下代码:

1
2
3
dependencies {
compile 'com.github.chacojack:solar-system:1.0.0'
}

1.2 给ImageView使用

给ImageView使用的话直接在src中加入@drawable/animator_solar_system

1
2
3
4
5
6
<ImageView
android:id="@+id/img_solar"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@color/black"
android:src="@drawable/animator_solar_system"/>

1.3 启动动画

Activity中通过如下代码启动动画。

1
2
3
4
5
imageView = (ImageView) findViewById(R.id.img_solar) ;
Drawable drawable = imageView.getDrawable();
if (drawable instanceof Animatable) {
((Animatable) drawable).start();
}

然后就可以动了。我发想这个催眠真心管用!

结束语

通过做这个我记住了那几大行星的英文。哈哈!又学了几个英文单词!欢迎Github亲自运行。录制的丢帧,清晰度也差。