如何在Android中以图形方式显示百分比?

时间:2016-03-30 06:10:08

标签: android material-design percentage

我正在开发一个关于概率论和统计数据的Material Design Android应用程序。有一个不同事件的列表和一些关于它们的统计数据百分比。我的解释非常糟糕,所以有一个粗略的例子:根据用户收集的数据,“你生孩子的概率是85%”。我需要一种方式来图形显示比例:15/85,总是只有两个值(是/否)。我的想法是制作一个矩形,分为两部分,一部分代表“是”,另一部分代表“否”。百分比的这种图形表示是片段中的关键因素之一,因此它不应该像进度条一样小。 This is a mockup I made,当然这有点矫枉过正,但你明白了。

我关注的是这样做的方式。我想到的第一件事就是制作一个水平LinearLayout weightSum="1"属性,其中包含几个彩色视图,它们将拥有自己的layout_weight's(在这种情况下为0.15和0.85) )。另一个想法是制作两个尺寸代表其值的位图,但是,我认为,它会更复杂,因为我必须进行设备测量才能使图像尺寸合适。

所以,我的问题如下:

  1. 我的想法是LinearLayout坏吗?
  2. 有没有更好的方法制作这个矩形?
  3. 以图形方式表示两个值的比率的任何其他方式?
  4. 由于它是Material Design应用程序,我应该将哪种样式应用于矩形(或其他任何内容)?它应该有高度和/或圆角吗?

2 个答案:

答案 0 :(得分:0)

使用线性布局的权重属性将帮助您快速轻松地解决问题。 MPChart确实有一些可用于设置比率动画的实用程序,但它可能有点过分,我不确定它是否为您提供UI所需的灵活性

答案 1 :(得分:0)

也许您可以在Android支持库中尝试PercentLinearLayout。它支持百分比布局。您可以在构建文件中添加 compile' com.android.support:percent:22.2.0' ,以将其添加到您的应用程序中。