关闭

微光闪烁效果

470人阅读 评论(0) 收藏 举报

注:

本篇为转载原文:http://blog.csdn.net/zhangphil


Android 微光闪烁效果之更强Shimmer-android

实现Android Shimmer效果的解决方案不少,在前一篇中介绍了facebook自家的Android Shimmer效果实现(《Android Shimmer微光闪烁shimmer-android》文章链接地址:http://blog.csdn.net/zhangphil/article/details/49722913 ),本文介绍另外一种我个人觉得比facebook更好的一种实现效果:Shimmer-android(我个人建议使用这个开源库实现Android Shimmer效果,可定制效果更强)
Shimmer-android在github上的项目主页是:https://github.com/RomainPiel/Shimmer-android 
Shimmer-android干脆在Android TextView,Button的基础上重新写了ShimmerTextView和ShimmerButton。如果只是需要将一段文字实现Shimmer效果,直接使用ShimmerTextView即可。
Shimmer-android使用和前一篇facebook的使用类似,先写一个布局:

[html] view plaincopy
  1. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"  
  2.     android:layout_width="match_parent"  
  3.     android:layout_height="match_parent"  
  4.     android:background="#9e9e9e" >  
  5.   
  6.     <com.romainpiel.shimmer.ShimmerTextView  
  7.         android:id="@+id/shimmer_tv"  
  8.         android:layout_width="match_parent"  
  9.         android:layout_height="wrap_content"  
  10.         android:layout_centerInParent="true"  
  11.         android:gravity="center"  
  12.         android:text="Zhang Phil @ CSDN"  
  13.         android:textColor="#757575"  
  14.         android:textSize="20sp" />  
  15.   
  16. </RelativeLayout>  


然后在Java代码中启动动画执行:

[java] view plaincopy
  1. import android.app.Activity;  
  2. import android.os.Bundle;  
  3.   
  4. import com.romainpiel.shimmer.Shimmer;  
  5. import com.romainpiel.shimmer.ShimmerTextView;  
  6.   
  7. public class MainActivity extends Activity {  
  8.       
  9.     @Override  
  10.     protected void onCreate(Bundle savedInstanceState) {  
  11.         super.onCreate(savedInstanceState);  
  12.         setContentView(R.layout.activity_main);  
  13.   
  14.         ShimmerTextView tv = (ShimmerTextView) findViewById(R.id.shimmer_tv);  
  15.         Shimmer shimmer = new Shimmer();  
  16.         shimmer.setDuration(2500);  
  17.         shimmer.start(tv);  
  18.     }  
  19. }  

start执行,cancel停止。


运行结果如图(其实是连续的动画效果,我只截了一张):

0
0
查看评论

FaceBook微光闪烁---第三方开源--shimmer-android

Android上的微光闪烁shimmer效果,实现的手段不少,其中比较好的是facebook做的开源库:shimmer-android,其在github上的项目主页是:https://github.com/facebook/shimmer-android 另外一个链接:http://fac...
  • xzylx1
  • xzylx1
  • 2015-12-10 17:52
  • 401

Android 微光闪烁效果之更强Shimmer-android

 Android 微光闪烁效果之更强Shimmer-android 实现Android Shimmer效果的解决方案不少,在前一篇中介绍了facebook自家的Android Shimmer效果实现(《Android Shimmer微光闪烁shimmer-android》文章链接地址:htt...
  • zhangphil
  • zhangphil
  • 2015-11-08 23:08
  • 3768

更强的微光闪烁效果--第三方开源--Shimmer-android

Shimmer-android在github上的项目主页是:https://github.com/RomainPiel/Shimmer-android  Shimmer-android干脆在Android TextView,Button的基础上重新写了ShimmerTextView和Sh...
  • xzylx1
  • xzylx1
  • 2015-12-10 17:55
  • 379

Android Shimmer微光闪烁shimmer-android

 Android Shimmer微光闪烁shimmer-android Android上的微光闪烁shimmer效果,实现的手段不少,其中比较好的是facebook做的开源库:shimmer-android,其在github上的项目主页是:https://github.com/faceboo...
  • zhangphil
  • zhangphil
  • 2015-11-08 22:34
  • 1580

Android-ShimmerLayout微光效果解析

前阵子在github上看到一个很不错的动画效果,叫做SimmerLayout,是一个用于实现内部视图微光效果的布局。如何实现通过使用PorterDuff,我们可以制造出微光效果。PorterDuff是canvas绘制图像处理中的一种渲染模式,当我们需要绘制出区域覆盖的图形效果的时候,我们可以使用这种...
  • z82367825
  • z82367825
  • 2017-08-14 16:39
  • 250

js实现闪烁效果

//使用js定时器闪烁等效果 setInterval(litSlash,500);   function litSlash(){     $("#sys-alert .lit-slashNum").animate(//使用的animate(方...
  • FFFFys
  • FFFFys
  • 2017-02-26 21:22
  • 702

css3之animation制作闪烁文字效果

.box{ animation: change 1s ease-in infinite ; font-size: 36px; color:#f00; font-weight: bold} @keyframes change { 0%{ text-shado...
  • alex8046
  • alex8046
  • 2016-10-08 10:53
  • 3276

使用jQuery生成div元素闪烁效果

使用jQuery生成div元素闪烁效果
  • u014769320
  • u014769320
  • 2015-07-14 13:12
  • 1065

CSS3实现闪烁动画效果

给class属性名为className的元素添加闪烁动画效果 .className{ -webkit-animation: twinkling 1s infinite ease-in-out } .animated { -webkit-animation-duration: 1s; ...
  • yhb241
  • yhb241
  • 2015-01-23 15:58
  • 3441

flex 闪烁效果

http://www.adobe.com/2006/mxml"     layout="absolute" minWidth="955" minHeight="600"  ...
  • zhang519767114
  • zhang519767114
  • 2014-11-17 17:49
  • 591
    个人资料
    • 访问:283409次
    • 积分:4541
    • 等级:
    • 排名:第7769名
    • 原创:168篇
    • 转载:126篇
    • 译文:0篇
    • 评论:42条
    联系方式
    zhanglihow@gmail.com
    博客专栏
    最新评论