draw colored background behind event titles
This commit is contained in:
parent
edd3bd0737
commit
b38e8ffbdb
1 changed files with 37 additions and 13 deletions
|
@ -3,6 +3,7 @@ package com.simplemobiletools.calendar.views
|
|||
import android.content.Context
|
||||
import android.graphics.Canvas
|
||||
import android.graphics.Paint
|
||||
import android.graphics.RectF
|
||||
import android.text.TextPaint
|
||||
import android.text.TextUtils
|
||||
import android.util.AttributeSet
|
||||
|
@ -20,6 +21,9 @@ import org.joda.time.DateTime
|
|||
|
||||
// used in the Monthly view fragment, 1 view per screen
|
||||
class MonthView(context: Context, attrs: AttributeSet, defStyle: Int) : View(context, attrs, defStyle) {
|
||||
private val BG_CORNER_RADIUS = 4f
|
||||
private val ROW_COUNT = 6
|
||||
|
||||
private var paint: Paint
|
||||
private var eventTitlePaint: TextPaint
|
||||
private var dayWidth = 0f
|
||||
|
@ -30,7 +34,8 @@ class MonthView(context: Context, attrs: AttributeSet, defStyle: Int) : View(con
|
|||
private var weekDaysLetterHeight = 0
|
||||
private var eventTitleHeight = 0
|
||||
private var currDayOfWeek = 0
|
||||
private var eventTitlePadding = 0
|
||||
private var smallPadding = 0
|
||||
private var bgRectF = RectF()
|
||||
private var dayLetters = ArrayList<String>()
|
||||
private var days = ArrayList<DayMonthly>()
|
||||
private var dayVerticalOffsets = SparseIntArray()
|
||||
|
@ -42,9 +47,9 @@ class MonthView(context: Context, attrs: AttributeSet, defStyle: Int) : View(con
|
|||
textColor = context.config.textColor
|
||||
weakTextColor = textColor.adjustAlpha(LOW_ALPHA)
|
||||
|
||||
eventTitlePadding = resources.getDimensionPixelSize(R.dimen.tiny_margin)
|
||||
smallPadding = resources.displayMetrics.density.toInt()
|
||||
val normalTextSize = resources.getDimensionPixelSize(R.dimen.normal_text_size)
|
||||
weekDaysLetterHeight = 2 * normalTextSize
|
||||
weekDaysLetterHeight = normalTextSize * 2
|
||||
|
||||
paint = Paint(Paint.ANTI_ALIAS_FLAG).apply {
|
||||
color = textColor
|
||||
|
@ -53,7 +58,7 @@ class MonthView(context: Context, attrs: AttributeSet, defStyle: Int) : View(con
|
|||
}
|
||||
|
||||
val smallerTextSize = resources.getDimensionPixelSize(R.dimen.smaller_text_size)
|
||||
eventTitleHeight = smallerTextSize + 2 * eventTitlePadding
|
||||
eventTitleHeight = smallerTextSize
|
||||
eventTitlePaint = TextPaint(Paint.ANTI_ALIAS_FLAG).apply {
|
||||
color = textColor
|
||||
textSize = smallerTextSize.toFloat()
|
||||
|
@ -73,14 +78,16 @@ class MonthView(context: Context, attrs: AttributeSet, defStyle: Int) : View(con
|
|||
|
||||
override fun onDraw(canvas: Canvas) {
|
||||
super.onDraw(canvas)
|
||||
dayVerticalOffsets.clear()
|
||||
if (dayWidth == 0f) {
|
||||
dayWidth = canvas.width / 7f
|
||||
}
|
||||
|
||||
if (dayHeight == 0f) {
|
||||
dayHeight = (canvas.height - weekDaysLetterHeight) / 6f
|
||||
dayHeight = (canvas.height - weekDaysLetterHeight) / ROW_COUNT.toFloat()
|
||||
}
|
||||
|
||||
// week day letters
|
||||
for (i in 0..6) {
|
||||
val xPos = (i + 1) * dayWidth - dayWidth / 2
|
||||
var weekDayLetterPaint = paint
|
||||
|
@ -91,22 +98,33 @@ class MonthView(context: Context, attrs: AttributeSet, defStyle: Int) : View(con
|
|||
}
|
||||
|
||||
var curId = 0
|
||||
for (y in 0..5) {
|
||||
for (y in 0 until ROW_COUNT) {
|
||||
for (x in 0..6) {
|
||||
val day = days.getOrNull(curId)
|
||||
if (day != null) {
|
||||
dayVerticalOffsets.put(day.indexOnMonthView, dayVerticalOffsets[day.indexOnMonthView] + weekDaysLetterHeight)
|
||||
val xPos = x * dayWidth
|
||||
val yPos = y * dayHeight + weekDaysLetterHeight
|
||||
val yPos = y * dayHeight + dayVerticalOffsets[day.indexOnMonthView]
|
||||
val xPosCenter = xPos + dayWidth / 2
|
||||
if (day.isToday) {
|
||||
canvas.drawCircle(xPosCenter, yPos + paint.textSize * 0.7f, paint.textSize * 0.75f, getCirclePaint(day))
|
||||
}
|
||||
canvas.drawText(day.value.toString(), xPosCenter, yPos + paint.textSize, getTextPaint(day))
|
||||
dayVerticalOffsets.put(day.indexOnMonthView, weekDaysLetterHeight)
|
||||
|
||||
day.dayEvents.forEach {
|
||||
drawEventTitle(it.title, canvas, xPos, yPos + dayVerticalOffsets[day.indexOnMonthView])
|
||||
dayVerticalOffsets.put(day.indexOnMonthView, dayVerticalOffsets[day.indexOnMonthView] + eventTitleHeight)
|
||||
val verticalOffset = dayVerticalOffsets[day.indexOnMonthView]
|
||||
|
||||
// background rectangle
|
||||
val backgroundY = yPos + verticalOffset
|
||||
val bgLeft = xPos + smallPadding
|
||||
val bgTop = backgroundY + smallPadding - eventTitleHeight
|
||||
val bgRight = xPos + dayWidth - smallPadding
|
||||
val bgBottom = backgroundY + smallPadding * 2
|
||||
bgRectF.set(bgLeft, bgTop, bgRight, bgBottom)
|
||||
canvas.drawRoundRect(bgRectF, BG_CORNER_RADIUS, BG_CORNER_RADIUS, getColoredPaint(it.color))
|
||||
|
||||
drawEventTitle(it.title, canvas, xPos, yPos + verticalOffset, it.color)
|
||||
dayVerticalOffsets.put(day.indexOnMonthView, verticalOffset + eventTitleHeight + smallPadding * 2)
|
||||
}
|
||||
}
|
||||
curId++
|
||||
|
@ -114,9 +132,9 @@ class MonthView(context: Context, attrs: AttributeSet, defStyle: Int) : View(con
|
|||
}
|
||||
}
|
||||
|
||||
private fun drawEventTitle(title: String, canvas: Canvas, x: Float, y: Float) {
|
||||
val ellipsized = TextUtils.ellipsize(title, eventTitlePaint, dayWidth - 2 * eventTitlePadding, TextUtils.TruncateAt.END)
|
||||
canvas.drawText(title, 0, ellipsized.length, x + eventTitlePadding, y, eventTitlePaint)
|
||||
private fun drawEventTitle(title: String, canvas: Canvas, x: Float, y: Float, eventColor: Int) {
|
||||
val ellipsized = TextUtils.ellipsize(title, eventTitlePaint, dayWidth - smallPadding * 4, TextUtils.TruncateAt.END)
|
||||
canvas.drawText(title, 0, ellipsized.length, x + smallPadding * 2, y, getEventTitlePaint(eventColor))
|
||||
}
|
||||
|
||||
private fun getTextPaint(day: DayMonthly): Paint {
|
||||
|
@ -138,6 +156,12 @@ class MonthView(context: Context, attrs: AttributeSet, defStyle: Int) : View(con
|
|||
return curPaint
|
||||
}
|
||||
|
||||
private fun getEventTitlePaint(color: Int): Paint {
|
||||
val curPaint = Paint(eventTitlePaint)
|
||||
curPaint.color = color.getContrastColor()
|
||||
return curPaint
|
||||
}
|
||||
|
||||
private fun getCirclePaint(day: DayMonthly): Paint {
|
||||
val curPaint = Paint(paint)
|
||||
var paintColor = primaryColor
|
||||
|
|
Loading…
Reference in a new issue