当前位置: 代码迷 >> Android >> Android loading界面的一种加载动态图片的模式
  详细解决方案

Android loading界面的一种加载动态图片的模式

热度:89   发布时间:2016-04-28 00:42:06.0
Android loading界面的一种加载动态图片的方式

效果图:(方框从左到右进行显示)


图片资源:



原理介绍:

第一步:将三张图片按位置放好。此时图片资源是全部显示。(目的是坚持位置的正确性)

第二步:编写 shader。通过纹理s坐标进行判断,大于某个值时discard。当值为0时,全部不显示,当值为1时全部显示,中间显示的分段由值得大小决定。


顶点着色器:

uniform mat4 uMVPMatrix;attribute vec3 aPosition;attribute vec2 aTexCoor;varying vec2 vTextureCoord;void main(){   gl_Position=uMVPMatrix*vec4(aPosition,1);   vTextureCoord=aTexCoor;}

片元着色器:

precision mediump float;varying vec2 vTextureCoord;uniform sampler2D sTexture;uniform float uSpan;void main(){   vec4 finalColor=texture2D(sTexture,vTextureCoord);   if(vTextureCoord.x>uSpan){   finalColor.a=0.0;   }   gl_FragColor=finalColor;}

注:使用方法很简单,这里就不题了。



  相关解决方案