Cocos2d3.0 画折线图

最新推荐文章于 2024-05-02 17:47:07 发布

杜甲同学

最新推荐文章于 2024-05-02 17:47:07 发布

阅读量2.6k

点赞数

CC 4.0 BY-SA版权

分类专栏： cocos2d-x 文章标签： cocos2d-x DrawPrimitives 折线画图 drawSolidCircle

本文链接：https://blog.youkuaiyun.com/qqMCY/article/details/24723209

cocos2d-x 专栏收录该内容

119 篇文章

订阅专栏

本文档介绍了如何在Cocos2d-x 3.0中利用DrawPrimitives模块绘制折线图，为2dx应用程序开发提供基础。通过DJLineChart.h文件的示例，展示了具体实现步骤，并提供了效果展示及代码下载链接。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

实现用2dx画折线图，为以后用2dx开发应用做准备

下面记录下使用方法

 auto lineView = DJLineChart::create();
    
    std::vector<float> vec;
    vec.push_back(130);
    vec.push_back(520);
    vec.push_back(60);
    vec.push_back(0);
    vec.push_back(140);
    vec.push_back(100);
    vec.push_back(30);
    vec.push_back(80);
    
    
    //设置只有正数为true   有负数为false
    lineView->m_zfBool = true;
    
   lineView->setData(vec);
    
    lineView->setPosition(Point(0, VisibleRect::center().y));
    
    lineView->setContentSize(Size(VisibleRect::getVisibleRect().size.width, VisibleRect::getVisibleRect().size.height * 2 /3));
    
    
    
    addChild(lineView);

画图类

DJLineChart.h

//
//  DJLineChart.h
//  Test890
//
//  Created by 杜甲 on 14-4-28.
//
//

#ifndef __Test890__DJLineChart__
#define __Test890__DJLineChart__

#include "cocos2d.h"
#include "VisibleRect.h"

using namespace cocos2d;
using namespace std;

class DJLineChart:public Layer  {
    
public:
    
    
    
    CREATE_FUNC(DJLineChart);
    
    virtual bool init();
    
    CC_SYNTHESIZE(int, _hInterval, HInterval);
    CC_SYNTHESIZE(int, _vInterval, VInterval);
    Vector<float>* firstVec;
    void draw(cocos2d::Renderer *renderer, const kmMat4 &transform, bool transformUpdated);
    double  getMaxValue(std::vector<Point>  vec);
    
    std::vector<Point> pointvec;
    void drawLine(vector<Point> vec,Color4B lineColor,Color4B dotColor);
    
    
    void setData(std::vector<float> data);
    
    
    float spaceRatio ;  //y轴间距系数
    float leftRatioX;   //x轴左侧间距系数
    int maxValue1;    //数据中的最大值
    
    float  layerHeight1 ;  //图离底部的距离
    
    
    
    
    bool m_zfBool;  //是否有负数的判断  true 为只有正数  false 为有正有负
protected:
    void onDraw(const kmMat4 &transform, bool transformUpdated);
    CustomCommand _customCommand;
    
    
};

#endif /* defined(__Test890__DJLineChart__) */

DJLineChart.cpp

//
//  DJLineChart.cpp
//  Test890
//
//  Created by 杜甲 on 14-4-28.
//
//

#include "DJLineChart.h"

bool DJLineChart::init()
{
    bool bRet = false;
    
    do {
        CC_BREAK_IF(!Layer::init());
//        auto layerColor = LayerColor::create(Color4B::GREEN);
//        addChild(layerColor);
        
        
        bRet = true;
        
    } while (0);
    return bRet;
}


void DJLineChart::draw(cocos2d::Renderer *renderer, const kmMat4 &transform, bool transformUpdated)
{
    _customCommand.init(1);
    _customCommand.func = CC_CALLBACK_0(DJLineChart::onDraw, this,transform,transformUpdated);
    renderer->addCommand(&_customCommand);
    
}

void DJLineChart::onDraw(const kmMat4 &transform, bool transformUpdated)
{
    kmGLPushMatrix();
    kmGLLoadMatrix(&transform);
    int maxValue = getMaxValue(pointvec);
    
    int maxValue2 = roundf(maxValue / 100)* 100 ;
     maxValue1 = maxValue2  / 10;
    
    
     spaceRatio = 0.06f;  //y轴间距系数
     leftRatioX = 0.1f;   //x轴左侧间距系数
    
    
    int fontSize = 20;
    string fontName = StringUtils::format("Thonburi");
    
    Size layerSize = this->getContentSize();
    
    
      layerHeight1 = 30;
    float layerHeight = layerHeight1;
    float layerWidth = layerSize.width;
    
    /***********************画y轴标签*************************************/
     DrawPrimitives::setDrawColor4B(0, 255, 255, 255);
    for (int i = 0; i < 11; i++) {
        //采用相对数值layerWidth* 0.05f  为了以后适配
        Point bPoint = Point(layerWidth* leftRatioX, layerHeight );
        Point ePoint = Point(layerWidth * 0.95f, layerHeight );
        Label* label = nullptr;
        
        if (m_zfBool) {
            label = Label::createWithSystemFont(StringUtils::format("%d",maxValue1* i).c_str(), fontName.c_str(), fontSize);
        }else{
            label = Label::createWithSystemFont(StringUtils::format("%d",maxValue1 * 2* i - maxValue2).c_str(), fontName.c_str(), fontSize);
        }
       
        
        
        label->setPosition(Point(layerWidth* 0.05f, layerHeight ));
        addChild(label);
        
        
        DrawPrimitives::drawLine(bPoint, ePoint);
        layerHeight += layerSize.height * spaceRatio;
        
        
    }
     /***********************画y轴标签***********************************END**/
    
    
    
    drawLine(pointvec, Color4B(0, 255, 255, 255),Color4B(255, 0, 255, 255));
    
    
    
   
    
    CHECK_GL_ERROR_DEBUG();
    
    //end draw
    kmGLPopMatrix();
    
}

void DJLineChart::drawLine(vector<Point> vec,Color4B lineColor,Color4B dotColor)
{
    Size layerSize = this->getContentSize();
    
   
    float layerWidth = layerSize.width;
    
    
    
    float tempWidth = layerSize.height * spaceRatio;
    float tempWidth2 = 0;
    
    float tempHeight1 = maxValue1  ;
    
    if (m_zfBool) {
        
        
    }else
    {
        tempWidth2 = layerSize.height * spaceRatio * 5;
        tempHeight1 *= 2 ;
    }
    double  ratio = tempWidth/tempHeight1;
    
    
    /**********************画线**********************/
    std::vector<Point>::iterator beforePoint;
    std::vector<Point>::iterator currentPoint;
    
    beforePoint = vec.begin();
    DrawPrimitives::setDrawColor4B(lineColor.r, lineColor.g, lineColor.b, lineColor.a);
    
    for (currentPoint = vec.begin() + 1;currentPoint != vec.end() ; currentPoint++) {
        Point bPoint  = *beforePoint;
        bPoint = Point(bPoint.x + layerWidth* leftRatioX, bPoint.y * ratio + layerHeight1 +tempWidth2);
        
        Point ePoint  = *currentPoint;
        ePoint = Point(ePoint.x + layerWidth* leftRatioX, ePoint.y * ratio + layerHeight1 +tempWidth2);
        
        DrawPrimitives::drawLine(bPoint, ePoint);
        
        beforePoint = currentPoint;
        
    }
     /**********************画线*********************end*/
    
    
    
    
    
    /********************画点和x轴标签***********************************************/
    beforePoint = vec.begin();
    DrawPrimitives::setDrawColor4B(dotColor.r, dotColor.g, dotColor.b, dotColor.a);
    Point bPoint  = *beforePoint;
    bPoint = Point(bPoint.x +layerWidth* leftRatioX, bPoint.y * ratio + layerHeight1 +tempWidth2);
    DrawPrimitives::drawSolidCircle(bPoint, 8, CC_DEGREES_TO_RADIANS(90), 50, 1.0f, 1.0f);
    
    
    auto labelX = Label::createWithSystemFont(StringUtils::format("%d",1).c_str(), "Thonburi", 20);
    labelX->setPosition(Point(bPoint.x, 0));
    this->addChild(labelX);
    
    int i = 2;
    for (currentPoint = vec.begin() + 1;currentPoint != vec.end() ; currentPoint++) {
        Point ePoint  = *currentPoint;
        
        ePoint = Point(ePoint.x + layerWidth* leftRatioX, ePoint.y * ratio + layerHeight1 + tempWidth2);
        
        DrawPrimitives::drawSolidCircle(ePoint, 8, CC_DEGREES_TO_RADIANS(90), 50, 1.0f, 1.0f);
        
        
        
        auto labelX = Label::createWithSystemFont(StringUtils::format("%d",i).c_str(), "Thonburi", 20);
        labelX->setPosition(Point(ePoint.x, 0));
        this->addChild(labelX);
        
        
        i++;
    }

     /********************画点和x轴标签*********************************************END**/
    
}



void DJLineChart::setData(std::vector<float> data)
{
    std::vector<float>::iterator it;
    int i = 0;
    
    for (it = data.begin();it != data.end();it++) {
        float f = *it;
        pointvec.push_back(Point(50 * (i+1), f));
        
        
        log("%f",f);
        i++;
        
    }
    
}

double DJLineChart::getMaxValue(std::vector<Point> vec)
{
    
    double maxY = 8;
    
    for (int i = 0; i < vec.size(); i++) {
        float num = vec.at(i).y;
        if (maxY < abs(num)) {
            maxY = abs(num);
        }
    }
    return maxY;
}

效果1