Android——弧形弯曲显示的ImageView

1,936 阅读1分钟

实现一个类似于一张图片贴合在圆柱上面的效果,如图所示:




原图:



主要是通过canvas的drawBitmapMesh方法实现的,步骤很简单:

1、根据图片想弯曲的角度计算圆柱的半径


2、计算图片像素点在Z轴上的偏移


3、通过camera实现Z轴的translate,并保存到Metrix中

float d = Math.abs(fx - bw / 2);//当前点离圆柱中心的X轴距离
double offsetZ = mRadius * (1 - Math.cos(Math.asin(d / mRadius)));
camera.save();
camera.translate(0, 0, (float) offsetZ);
camera.getMatrix(m3DMatrix);
camera.restore();

4、drawBitmapMesh

选择合适的Mesh划分,并对Mesh上的点进行上述的translate


其实3D的效果可以做的更好(并不只是Z轴上的偏移,这里只做了简单的Z轴位置变化计算)

附上GIthub链接:github.com/yifantao/Cu…