草庐IT

android - MPAndroidChart渲染器如何工作以及如何编写自定义渲染器?

coder 2023-12-09 原文

我正在使用库mpandroidchart,但它并没有我想要的所有功能。
我听说可以通过编写自定义渲染器来实现我想要的功能。
我已经查看了mpandroidchart github repo中的source code for the renderers,但我无法理解其中涉及的概念。
mpandroidchart渲染器是如何工作的?
编写自定义渲染器的高级过程是什么?
注意:对于so for aa>上发布的许多问题,解决方案是实现某种自定义渲染器。如果没有指南,对这些问题的评论“可以通过编写自定义渲染器来解决此问题”是不令人满意的。为一个不常见和不寻常的需求编写一个包含完整解决方案的答案可能会非常耗时。目前还没有编写自定义渲染器的指南,希望这个问题可以作为提问者能够帮助自己的工具,如果不是重复的目标。虽然我在这里尝试了我自己的答案,但欢迎其他答案、更正和评论。

最佳答案

了解视图和画布
首先,我们应该研究android官方文档中的Canvas and Drawables Guide。特别需要注意的是,LineChart等是BarChart的子类,它们通过重写视图超类的View回调来显示自己。另请注意“画布”的定义:
画布为你工作,作为一个托词,或接口,到实际的表面上,你的图形将被绘制-它持有你所有的“绘制”调用。
使用渲染器时,将处理在画布上绘制线条、条形图等的功能。
图表上的值与画布上的像素之间的转换
图表上的点相对于图表上的单位指定为x和y值。例如,在下面的图表中,第一个条的中心位于onDraw(Canvas c)。第一个条的y值为x = 0

这显然与画布上的像素坐标不符。在画布上,画布上的52.28将是最左边的像素,这显然是空白的。同样,因为像素枚举从顶部开始为x = 0,所以条的顶端显然不在y = 0(图表上的y值)。如果我们使用developer options/pointer location,我们可以看到第一个栏的顶端大约是52.28x = 165
ay = 1150负责将图表值转换为像素(屏幕上)坐标,反之亦然。渲染器中的一个常见模式是使用图表值(更容易理解)执行计算,然后在最后使用转换器将转换应用到屏幕上进行渲染。
查看端口和边界
视图端口是一个窗口,即图表上的有界区域。视图端口用于确定用户当前可以看到图表的哪个部分。每个图表都有一个Transformer来封装与视图端口相关的功能。我们可以使用ViewPortHandlerViewPortHandler#isInBoundsLeft(float x)来确定用户当前可以看到的x值。
在上图所示的图表中,条形图“知道”6和6以上的isInBoundsRight(float x),但由于它们超出了边界且不在当前视口中,因此6和6以上不渲染。因此,x值BarEntry0在当前视区内。
图表动画师
5提供了要应用于图表的附加转换。通常这是一个简单的乘法运算。例如,假设我们需要一个动画,其中图表的点从底部开始,在1秒内逐渐上升到其正确的y值。动画师将提供一个ChartAnimator这个简单的标量,从phaseY开始,到0.000逐渐上升到0ms
渲染器代码示例
现在我们已经了解了所涉及的基本概念,让我们看看1.000中的一些代码:

protected void drawHorizontalBezier(ILineDataSet dataSet) {

    float phaseY = mAnimator.getPhaseY(); 

    Transformer trans = mChart.getTransformer(dataSet.getAxisDependency());

    mXBounds.set(mChart, dataSet);

    cubicPath.reset();

    if (mXBounds.range >= 1) {

        Entry prev = dataSet.getEntryForIndex(mXBounds.min);
        Entry cur = prev;

        // let the spline start
        cubicPath.moveTo(cur.getX(), cur.getY() * phaseY);

        for (int j = mXBounds.min + 1; j <= mXBounds.range + mXBounds.min; j++) {

            prev = cur;
            cur = dataSet.getEntryForIndex(j);

            final float cpx = (prev.getX())
                    + (cur.getX() - prev.getX()) / 2.0f;

            cubicPath.cubicTo(
                    cpx, prev.getY() * phaseY,
                    cpx, cur.getY() * phaseY,
                    cur.getX(), cur.getY() * phaseY);
        }
    }

    // if filled is enabled, close the path
    if (dataSet.isDrawFilledEnabled()) {

        cubicFillPath.reset();
        cubicFillPath.addPath(cubicPath);
        // create a new path, this is bad for performance
        drawCubicFill(mBitmapCanvas, dataSet, cubicFillPath, trans, mXBounds);
    }

    mRenderPaint.setColor(dataSet.getColor());

    mRenderPaint.setStyle(Paint.Style.STROKE);

    trans.pathValueToPixel(cubicPath);

    mBitmapCanvas.drawPath(cubicPath, mRenderPaint);

    mRenderPaint.setPathEffect(null);
}

1000ms循环之前的前几行是渲染器循环的设置。注意,我们从chartanimator、transformer获取LineChartRenderer,并计算视图端口边界。
for循环基本上意味着“对于视图端口左右边界内的每个点”。渲染不可见的x值是没有意义的。
在循环中,我们使用phaseY获取当前项的x值和y值,并在该项和前一项之间创建一个路径。请注意路径是如何与动画的for相乘的。
最后,在计算路径之后,使用dataSet.getEntryForIndex(j)应用转换,并使用phaseY将路径渲染到画布上。
编写自定义渲染器
第一步是选择正确的类作为子类。注意班级
在包trans.pathValueToPixel(cubicPath);中,包括mBitmapCanvas.drawPath(cubicPath, mRenderPaint);com.github.mikephil.charting.renderer等。一旦创建子类,就可以简单地重写适当的方法。根据上面的示例代码,我们将重写XAxisRenderer,而不调用LineChartRenderer(这样就不会调用两次呈现阶段),并将其替换为所需的功能。如果你做得对,被重写的方法应该看起来至少有点像你正在重写的方法:
获取转换器、动画和边界上的句柄
在可见的x值之间循环(在视图端口边界内的x值)
准备要在图表值中呈现的点
将点转换为画布上的像素
使用void drawHorizontalBezier(ILineDataSet dataSet)类方法在画布上绘制
您应该研究Canvas classsuper等)中的方法,以查看允许在渲染器循环中执行哪些操作。
如果需要重写的方法未公开,则可能需要对基础呈现程序(如Canvas)进行子类化以实现所需的功能。
一旦设计了所需的renderer子类,就可以使用drawBitmapLineRadarRenderer和其他方法轻松地使用它。

关于android - MPAndroidChart渲染器如何工作以及如何编写自定义渲染器?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43443787/

有关android - MPAndroidChart渲染器如何工作以及如何编写自定义渲染器?的更多相关文章

  1. ruby - 如何使用 Nokogiri 的 xpath 和 at_xpath 方法 - 2

    我正在学习如何使用Nokogiri,根据这段代码我遇到了一些问题:require'rubygems'require'mechanize'post_agent=WWW::Mechanize.newpost_page=post_agent.get('http://www.vbulletin.org/forum/showthread.php?t=230708')puts"\nabsolutepathwithtbodygivesnil"putspost_page.parser.xpath('/html/body/div/div/div/div/div/table/tbody/tr/td/div

  2. ruby - 如何从 ruby​​ 中的字符串运行任意对象方法? - 2

    总的来说,我对ruby​​还比较陌生,我正在为我正在创建的对象编写一些rspec测试用例。许多测试用例都非常基础,我只是想确保正确填充和返回值。我想知道是否有办法使用循环结构来执行此操作。不必为我要测试的每个方法都设置一个assertEquals。例如:describeitem,"TestingtheItem"doit"willhaveanullvaluetostart"doitem=Item.new#HereIcoulddotheitem.name.shouldbe_nil#thenIcoulddoitem.category.shouldbe_nilendend但我想要一些方法来使用

  3. python - 如何使用 Ruby 或 Python 创建一系列高音调和低音调的蜂鸣声? - 2

    关闭。这个问题是opinion-based.它目前不接受答案。想要改进这个问题?更新问题,以便editingthispost可以用事实和引用来回答它.关闭4年前。Improvethisquestion我想在固定时间创建一系列低音和高音调的哔哔声。例如:在150毫秒时发出高音调的蜂鸣声在151毫秒时发出低音调的蜂鸣声200毫秒时发出低音调的蜂鸣声250毫秒的高音调蜂鸣声有没有办法在Ruby或Python中做到这一点?我真的不在乎输出编码是什么(.wav、.mp3、.ogg等等),但我确实想创建一个输出文件。

  4. ruby-on-rails - 由于 "wkhtmltopdf",PDFKIT 显然无法正常工作 - 2

    我在从html页面生成PDF时遇到问题。我正在使用PDFkit。在安装它的过程中,我注意到我需要wkhtmltopdf。所以我也安装了它。我做了PDFkit的文档所说的一切......现在我在尝试加载PDF时遇到了这个错误。这里是错误:commandfailed:"/usr/local/bin/wkhtmltopdf""--margin-right""0.75in""--page-size""Letter""--margin-top""0.75in""--margin-bottom""0.75in""--encoding""UTF-8""--margin-left""0.75in""-

  5. ruby-on-rails - 如何验证 update_all 是否实际在 Rails 中更新 - 2

    给定这段代码defcreate@upgrades=User.update_all(["role=?","upgraded"],:id=>params[:upgrade])redirect_toadmin_upgrades_path,:notice=>"Successfullyupgradeduser."end我如何在该操作中实际验证它们是否已保存或未重定向到适当的页面和消息? 最佳答案 在Rails3中,update_all不返回任何有意义的信息,除了已更新的记录数(这可能取决于您的DBMS是否返回该信息)。http://ar.ru

  6. ruby-on-rails - 'compass watch' 是如何工作的/它是如何与 rails 一起使用的 - 2

    我在我的项目目录中完成了compasscreate.和compassinitrails。几个问题:我已将我的.sass文件放在public/stylesheets中。这是放置它们的正确位置吗?当我运行compasswatch时,它不会自动编译这些.sass文件。我必须手动指定文件:compasswatchpublic/stylesheets/myfile.sass等。如何让它自动运行?文件ie.css、print.css和screen.css已放在stylesheets/compiled。如何在编译后不让它们重新出现的情况下删除它们?我自己编译的.sass文件编译成compiled/t

  7. ruby - 如何将脚本文件的末尾读取为数据文件(Perl 或任何其他语言) - 2

    我正在寻找执行以下操作的正确语法(在Perl、Shell或Ruby中):#variabletoaccessthedatalinesappendedasafileEND_OF_SCRIPT_MARKERrawdatastartshereanditcontinues. 最佳答案 Perl用__DATA__做这个:#!/usr/bin/perlusestrict;usewarnings;while(){print;}__DATA__Texttoprintgoeshere 关于ruby-如何将脚

  8. ruby - 什么是填充的 Base64 编码字符串以及如何在 ruby​​ 中生成它们? - 2

    我正在使用的第三方API的文档状态:"[O]urAPIonlyacceptspaddedBase64encodedstrings."什么是“填充的Base64编码字符串”以及如何在Ruby中生成它们。下面的代码是我第一次尝试创建转换为Base64的JSON格式数据。xa=Base64.encode64(a.to_json) 最佳答案 他们说的padding其实就是Base64本身的一部分。它是末尾的“=”和“==”。Base64将3个字节的数据包编码为4个编码字符。所以如果你的输入数据有长度n和n%3=1=>"=="末尾用于填充n%

  9. ruby - 如何指定 Rack 处理程序 - 2

    Rackup通过Rack的默认处理程序成功运行任何Rack应用程序。例如:classRackAppdefcall(environment)['200',{'Content-Type'=>'text/html'},["Helloworld"]]endendrunRackApp.new但是当最后一行更改为使用Rack的内置CGI处理程序时,rackup给出“NoMethodErrorat/undefinedmethod`call'fornil:NilClass”:Rack::Handler::CGI.runRackApp.newRack的其他内置处理程序也提出了同样的反对意见。例如Rack

  10. ruby-on-rails - 渲染另一个 Controller 的 View - 2

    我想要做的是有2个不同的Controller,client和test_client。客户端Controller已经构建,我想创建一个test_clientController,我可以使用它来玩弄客户端的UI并根据需要进行调整。我主要是想绕过我在客户端中内置的验证及其对加载数据的管理Controller的依赖。所以我希望test_clientController加载示例数据集,然后呈现客户端Controller的索引View,以便我可以调整客户端UI。就是这样。我在test_clients索引方法中试过这个:classTestClientdefindexrender:template=>

随机推荐