Working with Advanced UI

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:customAttribute="Hello World"
        app:customInt="100"
        app:customBoolean="false" />

</LinearLayout>

class CustomView @JvmOverloads constructor(
    context: Context,
    attrs: AttributeSet? = null,
    defStyleAttr: Int = 0
) : View(context, attrs, defStyleAttr) {

    init {
        val typedArray = context.obtainStyledAttributes(attrs, R.styleable.CustomView)
        val customAttribute = typedArray.getString(R.styleable.CustomView_customAttribute)
        val customInt = typedArray.getInt(R.styleable.CustomView_customInt, 0)
        val customBoolean = typedArray.getBoolean(R.styleable.CustomView_customBoolean, false)

        typedArray.recycle()
    }
}

import android.content.Context
import android.graphics.Canvas
import android.graphics.Color
import android.graphics.Paint
import android.util.AttributeSet
import android.view.View

class CustomDrawingView @JvmOverloads constructor(
    context: Context,
    attrs: AttributeSet? = null,
    defStyleAttr: Int = 0
) : View(context, attrs, defStyleAttr) {

    private val paint = Paint().apply {
        color = Color.BLUE
        style = Paint.Style.FILL
    }

    override fun onDraw(canvas: Canvas) {
        super.onDraw(canvas)
        canvas.drawCircle(100f, 100f, 50f, paint)
    }
}

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <solid android:color="#FF5722" />
    <corners android:radius="8dp" />
</shape>

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="oval">
    <gradient
        android:startColor="#00FF00"
        android:endColor="#0000FF"
        android:angle="45" />
</shape>

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="ring"
    android:innerRadius="20dp"
    android:thickness="5dp"
    android:useLevel="false">
    <solid android:color="#000000" />
</shape>

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:drawable="@drawable/button_pressed" android:state_pressed="true" />
    <item android:drawable="@drawable/button_normal" android:state_enabled="true" />
    <item android:drawable="@drawable/button_disabled" android:state_enabled="false" />
</selector>

<Button
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:background="@drawable/button_states" />

<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:drawable="@drawable/background" />
    <item
        android:drawable="@drawable/badge"
        android:gravity="bottom|end"
        android:mipMap="true" />
</layer-list>

val layerDrawable = ContextCompat.getDrawable(context, R.drawable.layered_drawable) as LayerDrawable
val badgeLayer = layerDrawable.findDrawableByLayerId(R.id.badge)
badgeLayer?.setAlpha(128)

res/drawable/button_background.9.png

<Button
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="Tap Me"
    android:background="?android:attr/selectableItemBackground" />

<View
    android:layout_width="100dp"
    android:layout_height="100dp"
    android:background="?android:attr/selectableItemBackground"
    android:clickable="true" />

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:clipChildren="false">
    <ImageView
        android:layout_width="100dp"
        android:layout_height="100dp"
        android:src="@drawable/image"
        android:layout_marginStart="50dp" />
</LinearLayout>

<ScrollView
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:clipToPadding="false">
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:padding="16dp">
        <TextView
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="Content that extends beyond padding" />
    </LinearLayout>
</ScrollView>

<Button
    android:id="@+id/elevatedButton"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:elevation="8dp"
    android:translationZ="4dp"
    android:text="Elevated Button" />

<androidx.cardview.widget.CardView
    android:layout_width="match_parent"
    android:layout_height="120dp"
    app:cardElevation="12dp"
    app:cardCornerRadius="8dp">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="Card with Elevation" />

</androidx.cardview.widget.CardView>

class MainActivity : AppCompatActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)

        val view = findViewById<View>(R.id.main_view)
        ViewCompat.setOnApplyWindowInsetsListener(view) { v, insets ->
            // Handle insets here
            insets
        }
    }
}

val insets = ViewCompat.getRootWindowInsets(view)
insets?.let {
    val systemGesturesInsets = it.getInsets(WindowInsetsCompat.Type.systemGestures())
    val imeInsets = it.getInsets(WindowInsetsCompat.Type.ime())
}

class MainActivity : ComponentActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContent {
            // Enable edge-to-edge design
            val windowInsetsController = ViewCompat.getWindowInsetsController(window.decorView)
            windowInsetsController?.hide(WindowInsetsCompat.Type.systemBars())
        }
    }
}