EN-UI: Fix chart in dark mode, add legend

This commit is contained in:
Marvin W 2021-01-08 19:34:33 +01:00
parent 11a86d9169
commit 65032fbb3c
No known key found for this signature in database
GPG Key ID: 072E9235DB996F2A
1 changed files with 76 additions and 55 deletions

View File

@ -8,15 +8,13 @@ package org.microg.gms.nearby.core.ui
import android.annotation.SuppressLint import android.annotation.SuppressLint
import android.annotation.TargetApi import android.annotation.TargetApi
import android.content.Context import android.content.Context
import android.content.res.TypedArray
import android.graphics.* import android.graphics.*
import android.provider.Settings import android.provider.Settings
import android.text.TextUtils import android.text.TextUtils
import android.util.AttributeSet import android.util.AttributeSet
import android.util.Log
import android.util.TypedValue
import android.view.View import android.view.View
import org.microg.gms.nearby.exposurenotification.ExposureScanSummary import org.microg.gms.nearby.exposurenotification.ExposureScanSummary
import org.microg.gms.ui.resolveColor
import java.text.SimpleDateFormat import java.text.SimpleDateFormat
import java.util.* import java.util.*
import kotlin.math.max import kotlin.math.max
@ -58,10 +56,10 @@ class DotChartView : View {
displayData[day]?.second?.set(hour, (displayData[day]?.second?.get(hour) ?: 0) + summary.rpis) displayData[day]?.second?.set(hour, (displayData[day]?.second?.get(hour) ?: 0) + summary.rpis)
} }
} }
for (hour in 0..((min-lowest)/1000/60/60).toInt()) { for (hour in 0..((min - lowest) / 1000 / 60 / 60).toInt()) {
displayData[0]?.second?.set(hour, displayData[0]?.second?.get(hour) ?: -1) displayData[0]?.second?.set(hour, displayData[0]?.second?.get(hour) ?: -1)
} }
for (hour in ((min-lowest)/1000/60/60).toInt() until 24) { for (hour in ((min - lowest) / 1000 / 60 / 60).toInt() until 24) {
displayData[14]?.second?.set(hour, displayData[14]?.second?.get(hour) ?: -1) displayData[14]?.second?.set(hour, displayData[14]?.second?.get(hour) ?: -1)
} }
this.displayData = displayData this.displayData = displayData
@ -69,89 +67,112 @@ class DotChartView : View {
} }
private var displayData: Map<Int, Pair<String, Map<Int, Int>>> = emptyMap() private var displayData: Map<Int, Pair<String, Map<Int, Int>>> = emptyMap()
private val paint = Paint() private val drawPaint = Paint()
private val tempRect = Rect() private val drawTempRect = RectF()
private val tempRectF = RectF() private val fontPaint = Paint()
private val fontTempRect = Rect()
private fun fetchAccentColor(): Int { fun Canvas.drawMyRect(x: Float, y: Float, width: Float, height: Float, color: Int) {
val typedValue = TypedValue() drawTempRect.set(x + drawPaint.strokeWidth, y + drawPaint.strokeWidth, x + width - drawPaint.strokeWidth, y + height - drawPaint.strokeWidth)
val a: TypedArray = context.obtainStyledAttributes(typedValue.data, intArrayOf(androidx.appcompat.R.attr.colorAccent)) if (Color.alpha(color) >= 80) {
val color = a.getColor(0, 0) drawPaint.style = Paint.Style.FILL_AND_STROKE
a.recycle() drawPaint.color = color
return color drawRoundRect(drawTempRect, 2f, 2f, drawPaint)
drawPaint.style = Paint.Style.FILL
} else {
drawPaint.color = color or (80 shl 24) and (80 shl 24 or 0xffffff)
drawPaint.style = Paint.Style.STROKE
drawRoundRect(drawTempRect, 2f, 2f, drawPaint)
drawPaint.style = Paint.Style.FILL
drawPaint.color = color
drawRoundRect(drawTempRect, 2f, 2f, drawPaint)
}
} }
override fun onDraw(canvas: Canvas) { override fun onDraw(canvas: Canvas) {
if (data == null) data = emptySet() if (data == null) data = emptySet()
paint.textSize = 10 * resources.displayMetrics.scaledDensity val d = resources.displayMetrics.scaledDensity
paint.isAntiAlias = true fontPaint.textSize = 10 * d
paint.strokeWidth = 2f fontPaint.isAntiAlias = true
drawPaint.isAntiAlias = true
drawPaint.strokeWidth = 2f
val innerPadding = 2 * d
var maxTextWidth = 0 var maxTextWidth = 0
var maxTextHeight = 0 var maxTextHeight = 0
for (dateString in displayData.values.map { it.first }) { for (dateString in displayData.values.map { it.first }) {
paint.getTextBounds(dateString, 0, dateString.length, tempRect) fontPaint.getTextBounds(dateString, 0, dateString.length, fontTempRect)
maxTextWidth = max(maxTextWidth, tempRect.width()) maxTextWidth = max(maxTextWidth, fontTempRect.width())
maxTextHeight = max(maxTextHeight, tempRect.height()) maxTextHeight = max(maxTextHeight, fontTempRect.height())
} }
val legendLeft = maxTextWidth + 4 * resources.displayMetrics.scaledDensity val legendLeft = maxTextWidth + 4 * d
val legendBottom = maxTextHeight + 4 * resources.displayMetrics.scaledDensity val legendBottom = maxTextHeight + 4 * d
val subHeight = maxTextHeight + 4 * d + paddingBottom
val distHeight = (height - 28 - paddingTop - paddingBottom - legendBottom).toDouble() val distHeight = (height - innerPadding * 14 - paddingTop - paddingBottom - legendBottom - subHeight).toDouble()
val distWidth = (width - 46 - paddingLeft - paddingRight - legendLeft).toDouble() val distWidth = (width - innerPadding * 23 - paddingLeft - paddingRight - legendLeft).toDouble()
val perHeight = distHeight / 15.0 val perHeight = distHeight / 15.0
val perWidth = distWidth / 24.0 val perWidth = distWidth / 24.0
paint.textAlign = Paint.Align.RIGHT
val maxValue = displayData.values.mapNotNull { it.second.values.maxOrNull() }.maxOrNull() ?: 0 val maxValue = displayData.values.mapNotNull { it.second.values.maxOrNull() }.maxOrNull() ?: 0
val accentColor = fetchAccentColor() val averageValue = (displayData.values.mapNotNull { it.second.values.average().takeIf { !it.isNaN() } }.average().takeIf { !it.isNaN() }
val accentRed = Color.red(accentColor) ?: 0.0).toInt()
val accentGreen = Color.green(accentColor) val accentColor = context.resolveColor(androidx.appcompat.R.attr.colorAccent) ?: 0
val accentBlue = Color.blue(accentColor) val fontColor = context.resolveColor(android.R.attr.textColorSecondary) ?: 0
val grayBoxColor = fontColor or (255 shl 24) and (80 shl 24 or 0xffffff)
fontPaint.textAlign = Paint.Align.RIGHT
fontPaint.color = fontColor
for (day in 0 until 15) { for (day in 0 until 15) {
val (dateString, hours) = displayData[day] ?: "" to emptyMap() val (dateString, hours) = displayData[day] ?: "" to emptyMap()
val top = day * (perHeight + 2) + paddingTop val top = day * (perHeight + innerPadding) + paddingTop
if (day % 2 == 0) { if (day % 2 == 0) {
paint.setARGB(255, 100, 100, 100) canvas.drawText(dateString, (paddingLeft + legendLeft - 4 * d), (top + perHeight / 2.0 + maxTextHeight / 2.0).toFloat(), fontPaint)
canvas.drawText(dateString, (paddingLeft + legendLeft - 4 * resources.displayMetrics.scaledDensity), (top + perHeight / 2.0 + maxTextHeight / 2.0).toFloat(), paint)
} }
for (hour in 0 until 24) { for (hour in 0 until 24) {
val value = hours[hour] ?: 0 // TODO: Actually allow null to display offline state as soon as we properly record it val value = hours[hour]
val left = hour * (perWidth + 2) + paddingLeft + legendLeft val left = hour * (perWidth + innerPadding) + paddingLeft + legendLeft
tempRectF.set(left.toFloat() + 2f, top.toFloat() + 2f, (left + perWidth).toFloat() - 2f, (top + perHeight).toFloat() - 2f)
when { when {
value == null -> { value == null -> {
paint.style = Paint.Style.FILL_AND_STROKE canvas.drawMyRect(left.toFloat(), top.toFloat(), perWidth.toFloat(), perHeight.toFloat(), grayBoxColor)
paint.setARGB(30, 100, 100, 100)
canvas.drawRoundRect(tempRectF, 2f, 2f, paint)
paint.style = Paint.Style.FILL
} }
maxValue == 0 -> { maxValue == 0 -> {
paint.setARGB(50, accentRed, accentGreen, accentBlue) canvas.drawMyRect(left.toFloat(), top.toFloat(), perWidth.toFloat(), perHeight.toFloat(), accentColor and 0xffffff)
paint.style = Paint.Style.STROKE
canvas.drawRoundRect(tempRectF, 2f, 2f, paint)
paint.style = Paint.Style.FILL
} }
value >= 0 -> { value >= 0 -> {
val alpha = ((value.toDouble() / maxValue.toDouble()) * 255).toInt() val alpha = if (value < averageValue) {
paint.setARGB(max(50, alpha), accentRed, accentGreen, accentBlue) value.toDouble() / averageValue.toDouble() * 127
paint.style = Paint.Style.STROKE } else {
canvas.drawRoundRect(tempRectF, 2f, 2f, paint) (value - averageValue).toDouble() / (maxValue - averageValue).toDouble() * 128 + 127
paint.style = Paint.Style.FILL }.toInt()
paint.setARGB(alpha, accentRed, accentGreen, accentBlue) canvas.drawMyRect(left.toFloat(), top.toFloat(), perWidth.toFloat(), perHeight.toFloat(), accentColor and (alpha shl 24 or 0xffffff))
canvas.drawRoundRect(tempRectF, 2f, 2f, paint)
} }
} }
} }
} }
val legendTop = 15 * (perHeight + 2) + paddingTop + maxTextHeight + 4 * resources.displayMetrics.scaledDensity val legendTop = 15 * (perHeight + innerPadding) + paddingTop + maxTextHeight + 4 * d
paint.textAlign = Paint.Align.CENTER fontPaint.textAlign = Paint.Align.CENTER
paint.setARGB(255, 100, 100, 100)
for (hour in 0 until 24) { for (hour in 0 until 24) {
if (hour % 3 == 0) { if (hour % 3 == 0) {
val left = hour * (perWidth + 2) + paddingLeft + legendLeft + perWidth / 2.0 val left = hour * (perWidth + innerPadding) + paddingLeft + legendLeft + perWidth / 2.0
canvas.drawText("${hour}:00", left.toFloat(), legendTop.toFloat(), paint) canvas.drawText("${hour}:00", left.toFloat(), legendTop.toFloat(), fontPaint)
} }
} }
val subTop = legendTop + paddingBottom
val subLeft = paddingLeft + legendLeft
canvas.drawMyRect(subLeft, subTop.toFloat(), perWidth.toFloat(), perHeight.toFloat(), grayBoxColor)
val strNoRecords = "No records"
fontPaint.textAlign = Paint.Align.LEFT
fontPaint.getTextBounds(strNoRecords, 0, strNoRecords.length, fontTempRect)
canvas.drawText(strNoRecords, (subLeft + perWidth + 4 * d).toFloat(), (subTop + perHeight / 2.0 + fontTempRect.height() / 2.0).toFloat(), fontPaint)
canvas.drawMyRect((subLeft + (perWidth + innerPadding) * 1 + 12 * d + fontTempRect.width()).toFloat(), subTop.toFloat(), perWidth.toFloat(), perHeight.toFloat(), accentColor and 0xffffff)
canvas.drawMyRect((subLeft + (perWidth + innerPadding) * 2 + 12 * d + fontTempRect.width()).toFloat(), subTop.toFloat(), perWidth.toFloat(), perHeight.toFloat(), accentColor and (128 shl 24 or 0xffffff))
canvas.drawMyRect((subLeft + (perWidth + innerPadding) * 3 + 12 * d + fontTempRect.width()).toFloat(), subTop.toFloat(), perWidth.toFloat(), perHeight.toFloat(), accentColor)
val strRecords = "0 / $averageValue / $maxValue IDs per hour"
canvas.drawText(strRecords, (subLeft + (perWidth + innerPadding) * 3 + 16 * d + fontTempRect.width() + perWidth).toFloat(), (subTop + perHeight / 2.0 + fontTempRect.height() / 2.0).toFloat(), fontPaint)
} }
} }