3.工具类解析-Transformer(MPAndroidChart源码解析)

1.作用

Transformer,顾名思义就是个转换类,是将传入的value转化为相应的屏幕px坐标值。

2.主要成员变量

protected Matrix mMatrixValueToPx = new Matrix();//matrix to map the values to the screen pixels
protected Matrix mMatrixOffset = new Matrix();// matrix for handling the different offsets of the chart
protected ViewPortHandler mViewPortHandler;//会在构造函数中传入这个ViewPortHandler

3.主要成员方法

/**
     * 将原始数据value 对应到 屏幕px的矩阵,原理很简单,
     * 比如xValue=[10,90],yValue = [20,100],屏幕的大小为[0,0,100,200]
     * 先将xValue 和 yValue的最小值作为起始点 matrix.postTranslate(-xChartMin, -yChartMin);
     * 然后计算出需要缩放的比例 scaleX= 100/(90-10)  scaleY = 200/(100 - 20)
     * postScale(scaleX, -scaleY)  注意-scaleY是为了将屏幕坐标系转为普通的坐标系
     *
     * @param xChartMin
     * @param deltaX   X轴的range
     * @param deltaY   Y轴的range
     * @param yChartMin
     */
    public void prepareMatrixValuePx(float xChartMin, float deltaX, float deltaY, float yChartMin) {

        float scaleX = (float) ((mViewPortHandler.contentWidth()) / deltaX);
        float scaleY = (float) ((mViewPortHandler.contentHeight()) / deltaY);

        if (Float.isInfinite(scaleX)) {
            scaleX = 0;
        }
        if (Float.isInfinite(scaleY)) {
            scaleY = 0;
        }

        // setup all matrices
        mMatrixValueToPx.reset();
        mMatrixValueToPx.postTranslate(-xChartMin, -yChartMin);
        mMatrixValueToPx.postScale(scaleX, -scaleY);
    }
/**
     * Prepares the matrix that contains all offsets.
     *
     * @param inverted
     */
    public void prepareMatrixOffset(boolean inverted) {

        mMatrixOffset.reset();

        // offset.postTranslate(mOffsetLeft, getHeight() - mOffsetBottom);

        if (!inverted)
            mMatrixOffset.postTranslate(mViewPortHandler.offsetLeft(),
                    mViewPortHandler.getChartHeight() - mViewPortHandler.offsetBottom());
        else {
            mMatrixOffset
                    .setTranslate(mViewPortHandler.offsetLeft(), -mViewPortHandler.offsetTop());
            mMatrixOffset.postScale(1.0f, -1.0f);
        }
    }
 /**
     * Transform an array of points with all matrices. VERY IMPORTANT: Keep
     * matrix order "value-touch-offset" when transforming.
     原作者给出了转换时的顺序value-touch-offset,分别对用Transforer的mMatrixValueToPx,ViewPortHandler的mMatrixTouch,Transfomer的        mMatrixOffset
     为什么要按照这种顺序呢?
     首先使用mMatrixValueToPx 这个没什么疑问,绘图要先将value对应成屏幕的px值,然后在调整是否需要缩放,平移,offset之类的
     mMatrixTouch这个可能矩阵包含了缩放,平移等操作
     mMatrixOffset只包含了offset的信息,大概的样子是[1,0,transX][0,1,transY][0,0,1]
     如果先调用了mMatrixOffset 在调用mMatrixTouch,那我们的平移操作肯定会被后面的mMatrixTouch缩放,这就错了
     *
     * @param pts
     */
    public void pointValuesToPixel(float[] pts) {

        mMatrixValueToPx.mapPoints(pts);
        mViewPortHandler.getMatrixTouch().mapPoints(pts);
        long s = System.currentTimeMillis();
        mMatrixOffset.mapPoints(pts);
        Log.e("mapPoints","count: "+ pts.length+",mapPoints time:" +(System.currentTimeMillis() - s));
    }

下面对顺序做一下验证:

//验证一下mMatrixTouch和mMatrixOffset翻过来的情况
void testMappoint(){
        //假设有三个点(1,1)(2,2)(3,3)
        float[] points = {1f,1f,2f,2f,3f,3f};

        Matrix matrixTouch = new Matrix();
        matrixTouch.postScale(2,2);

       matrixTouch.mapPoints(points);

       Log.e("test,matrixTouch:",printArray(points));

       Matrix matrixOffset = new Matrix();
       matrixOffset.postTranslate(10,10);
       matrixOffset.mapPoints(points);
       Log.e("test,matrixOffset:",printArray(points));
    
    //得到最终正确结果{12.0,12.0,14.0,14.0,16.0,16.0}
   }

//反向
void testMappoint2(){
        //假设有三个点(1,1)(2,2)(3,3)
        float[] points = {1f,1f,2f,2f,3f,3f};

        Matrix matrixOffset = new Matrix();
        matrixOffset.postTranslate(10,10);
        matrixOffset.mapPoints(points);
        Log.e("test,matrixOffset2:",printArray(points));

        Matrix matrixTouch = new Matrix();
        matrixTouch.postScale(2,2);
        matrixTouch.mapPoints(points);

        Log.e("test,matrixTouch2:",printArray(points));
    //offset被缩放了:{22.0,22.0,24.0,24.0,26.0,26.0}
    }
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 215,384评论 6 497
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 91,845评论 3 391
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 161,148评论 0 351
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 57,640评论 1 290
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 66,731评论 6 388
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 50,712评论 1 294
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,703评论 3 415
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 38,473评论 0 270
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,915评论 1 307
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,227评论 2 331
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,384评论 1 345
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,063评论 5 340
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,706评论 3 324
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,302评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,531评论 1 268
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 47,321评论 2 368
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,248评论 2 352

推荐阅读更多精彩内容