ICode9

精准搜索请尝试: 精确搜索
首页 > 编程语言> 文章详细

球形动画与文本在Android应用程序中使用标签云[新闻共和国]

2019-08-24 16:24:26  阅读:243  来源: 互联网

标签:tag-cloud android opengl-es opengl-es-2-0 rotateanimation


我想在我的Android应用程序中创建类似于this的球形动画
News Republic app.

我到目前为止尝试创建一个sphere但是任何人都可以指导我如何在android中开发这样的动画.

我们是否必须仅使用opengl,或者我们可以使用其他替代选项来实现它.

此外,单击文本时,它会在不同的屏幕中打开相关新闻.

EDIT

我终于找到了一些解决方案,可以在package下找到.

但是,动画不够流畅.

Let me know if anyone can help me in the smoothing of the animations?

解决方法:

你不需要OpenGL.您可以使用简单的视图和Canvas来实现.我为你写了一些代码.您只需将其复制到项目中,添加到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;
    }
}

要实现您描述的结果,您必须使用Scroller添加平滑滚动,将圆方程更改为球形方程,调整参数并添加一些getter / setter.使用参数方程,您还可以找到用户触摸的文本.此视图如下所示:

标签:tag-cloud,android,opengl-es,opengl-es-2-0,rotateanimation
来源: https://codeday.me/bug/20190824/1710049.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有