带有文本的球形动画,用于在android应用程序中使用标记云[News Republic]

带有文本的球形动画,用于在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。您可以使用简单的视图和画布来实现这一点。我为你写了一些代码。您只需将其复制到项目

我想在我的android应用程序中创建类似于中的球形动画 应用程序

到目前为止,我一直在尝试创建一个动画,但谁能指导我如何在android中继续开发类似的动画呢

我们是否必须只使用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。