I need to draw text onto Canvas in Compose, for this purpose I need a TextPaint with android.graphics.Typeface.
Is there a way to easily convert Compose TextStyle to a android.graphics.Typeface?
Currently the only workaround that i found is to provide with resources:
val textTypeface: android.graphics.Typeface? =
if (Build.VERSION.SDK_INT > Build.VERSION_CODES.O) LocalContext.current.resources.getFont(R.font.quicksand_light) else null
However if android version < android oreo, idk how to provide the font, so i fallback to default fount.
To draw text to canvas, you can do like this
@Composable
fun DrawText() {
val paint = Paint().asFrameworkPaint()
Canvas(modifier = Modifier.fillMaxSize()) {
paint.apply {
isAntiAlias = true
textSize = 24f
typeface = Typeface.create(Typeface.DEFAULT, Typeface.BOLD) // your typeface
//other methods like color, dither, fontMetrics, shadow etc...are also available
}
drawIntoCanvas {
it.nativeCanvas.drawText("Hello World", size.width/2, size.height/2, paint)
}
}
}
I think to convert TextStyle(compose library) to typeface will be a pain since no support from android, If you want to draw text to canvas I think this will be enough
try this
val textPaint = TextPaint()
val context = LocalContext.current
Canvas(modifier = Modifier.fillMaxWidth()) {
textPaint.apply {
typeface = Typeface.createFromAsset(context.assets, "fonts/yourfont.ttf")
...
}
drawContext.canvas.nativeCanvas.drawText("test", yourStart, yourEnd, X, Y, textPaint)
}