using compose view

[derakhshanpazhuhesh]

here is the compose view method I implemented:

kotlin
val composeViewGauge = binding.composeViewGauge
        composeViewGauge.setContent {
            HomeGauge()
        }
@Composable
    fun HomeGauge() {
        AndroidView(
            factory = { context ->
                PointerSpeedometer(context).apply {
                    // Customize the ImageSpeedometer as needed
                    setIndicator(Indicator.Indicators.KiteIndicator)
                    indicator.width = 50f
                    setPointerColor(android.graphics.Color.parseColor("#EEFF41"))
                    setSpeedometerColor(android.graphics.Color.parseColor("#07C310"))
                    indicator.color = android.graphics.Color.parseColor("#291949")
                    unit = "VOLTS"
                    speedTextColor = android.graphics.Color.parseColor("#291949")
                    unitTextColor = android.graphics.Color.parseColor("#291949")
                    textColor = android.graphics.Color.parseColor("#291949")
                    textSize = 55f
                    speedTextSize = 150f
                    unitTextSize = 55f
                    unitUnderSpeedText = true
                    centerCircleRadius = 15f
                    centerCircleColor = android.graphics.Color.parseColor("#64DA6A")
                    markColor = android.graphics.Color.parseColor("#291949")
                    tickNumber = 10
                    minSpeed = 7f
                    maxSpeed = 16f
                    backgroundCircleColor = android.graphics.Color.parseColor("#F0F4C3")
                    speedTo(12.8f, 100) // Example of setting the speed
                    setTrembleData(0.2f,2000)
                }
            },
            update = { speedometer ->
                // Add note here after the speedometer is created
//                val note = TextNote(speedometer.context, "Wait!")
//                    .setPosition(Note.Position.CenterSpeedometer) // Position of Note
//                    .setAlign(Note.Align.Left) // Note Align
//                    .setTextTypeFace(android.graphics.Typeface.create(android.graphics.Typeface.DEFAULT, android.graphics.Typeface.BOLD)) // Style, or font
//                    .setBackgroundColor(android.graphics.Color.parseColor("#EEFF41")) // Change background color
//                    .setCornersRound(20f) // Corner radius
//                    .setTextSize(20f) // Set text size directly
//
//                // Add note to speedometer
//                speedometer.addNote(note)
            },
            modifier = Modifier.fillMaxWidth()
        )

and the xml file:

<?xml version="1.0" encoding="utf-8"?>
<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context=".ui.home.HomeFragment">
    
    <androidx.compose.ui.platform.ComposeView
        android:id="@+id/composeViewGauge"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:layout_constraintTop_toBottomOf="parent"
        app:layout_constraintLeft_toLeftOf="parent"
        app:layout_constraintRight_toRightOf="parent" />
        
      </androidx.constraintlayout.widget.ConstraintLayout></html>