专栏名称: 柴泽建_Jack
一个逗逼 一个Android开发者 一个持续分享技术干货的小浪逼 本人文章纯属原创,如需转载请标明出处。不用再问我了! 个人主页: https://chacojack.github.io/ 我说不用问你们还真不问呀,打声招呼让我得瑟得瑟都不行吗?
今天看啥  ›  专栏  ›  柴泽建_Jack

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

柴泽建_Jack  · 简书  ·  · 2016-10-15 21:11

文章预览

Github地址:SolarSystem

可以用图解决问题的我从不说话。先来张静态图:

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

不忍直视.gif

请大家脑补丢的帧。

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

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

1 使用方法

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

1.1 添加依赖

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

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

1.2 给ImageView使用

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

<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中通过如下代码启动动画。

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

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

2 结束语

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

………………………………

原文地址:访问原文地址
快照地址: 访问文章快照
总结与预览地址:访问总结与预览