带有文本的球形动画,用于在android应用程序中使用标记云[News Republic]
我想在我的android应用程序中创建类似于中的球形动画 应用程序 到目前为止,我一直在尝试创建一个动画,但谁能指导我如何在android中继续开发类似的动画呢 我们是否必须只使用opengl,或者我们可以使用其他替代选项来实现它 此外,当点击文本时,它会在另一个屏幕中打开相关新闻 编辑 我终于找到了一些解决方案,可以在下面找到 但是,动画不够平滑 让我知道是否有人可以帮助我在平滑的动画带有文本的球形动画,用于在android应用程序中使用标记云[News Republic],android,opengl-es,opengl-es-2.0,tag-cloud,rotateanimation,Android,Opengl Es,Opengl Es 2.0,Tag Cloud,Rotateanimation,我想在我的android应用程序中创建类似于中的球形动画 应用程序 到目前为止,我一直在尝试创建一个动画,但谁能指导我如何在android中继续开发类似的动画呢 我们是否必须只使用opengl,或者我们可以使用其他替代选项来实现它 此外,当点击文本时,它会在另一个屏幕中打开相关新闻 编辑 我终于找到了一些解决方案,可以在下面找到 但是,动画不够平滑 让我知道是否有人可以帮助我在平滑的动画 你不需要OpenGL。您可以使用简单的视图和画布来实现这一点。我为你写了一些代码。您只需将其复制到项目
你不需要OpenGL。您可以使用简单的视图和画布来实现这一点。我为你写了一些代码。您只需将其复制到项目中,添加到xml并运行:
import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.util.AttributeSet;
import android.view.MotionEvent;
import android.view.View;
public class TagCloudView extends View {
String[] tags = new String[]{"Lemon","Orange","Strawberry","Plum","Pear","Pineapple","Blackberry","Watermelon"};
Paint paint = new Paint(Paint.ANTI_ALIAS_FLAG);
private float scroll = 0;
private float prevY;
public TagCloudView(Context context, AttributeSet attrs) {
super(context, attrs);
}
@Override
public void draw(Canvas canvas) {
super.draw(canvas);
float r = getHeight() / 3;
paint.setColor(Color.BLACK);
paint.setTextAlign(Paint.Align.CENTER);
for (int i = 0; i < tags.length; i++) {
float t = i + scroll / getHeight();
float y = (float) (r * Math.cos(Math.PI * 2 * t / tags.length)); // parametric circle equation
float z = (float) (r * Math.sin(Math.PI * 2 * t / tags.length));
paint.setTextSize((r + z) / r/2 * 40 + 20); // magic values, change to something better
paint.setAlpha((int) ((r + z) / r/2 * 127 + 128));
canvas.drawText(tags[i], getWidth() / 2, getHeight() / 2 + y, paint);
}
}
@Override
public boolean onTouchEvent(MotionEvent event) {
if (event.getAction() != MotionEvent.ACTION_DOWN)
scroll -= event.getY() - prevY; // only one plane
prevY = event.getY();
invalidate();
return true;
}
}
导入android.content.Context;
导入android.graphics.Canvas;
导入android.graphics.Color;
导入android.graphics.Paint;
导入android.util.AttributeSet;
导入android.view.MotionEvent;
导入android.view.view;
公共类TagCloudView扩展了视图{
String[]tags=新字符串[]{“柠檬”、“橘子”、“草莓”、“李子”、“梨”、“菠萝”、“黑莓”、“西瓜”};
油漆油漆=新油漆(油漆.防油漆别名标志);
私有浮动滚动=0;
私人浮动汇率;
公共标记CloudView(上下文、属性集属性){
超级(上下文,attrs);
}
@凌驾
公共空白绘制(画布){
超级绘画(画布);
float r=getHeight()/3;
油漆。设置颜色(颜色。黑色);
paint.setTextAlign(paint.Align.CENTER);
for(int i=0;i
为了实现您描述的结果,您必须使用Scroller添加平滑滚动,将圆方程更改为球体方程,调整参数并添加一些getter/setter。使用参数方程,还可以找到用户触摸的文本。此视图如下所示:
无法观看视频。请查看。你看过这篇博文了吗:这篇博文将引导你进入这个SDK项目:它使用Bazaar源代码控制,然后是这个项目,它看起来像博客作者正在尝试的@MorrisonChang非常感谢,它非常有用。链接1,链接2,链接3它只对第二张图片有效(但没有动画)。我还需要为另外两个问题找到解决方案。看看你能不能帮忙。顺便说一句,非常感谢你的努力。另一件事是,我将使用带有文本视图的ViewGroup,而不是View。