Implementing Material Design

<com.google.android.material.button.MaterialButton
    android:id="@+id/material_button"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="Click Me"
    app:backgroundTint="@color/colorPrimary"
    app:cornerRadius="8dp" />

<com.google.android.material.textfield.TextInputLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:hint="Enter your name"
    app:boxStrokeColor="@color/colorPrimary">

    <com.google.android.material.textfield.TextInputEditText
        android:layout_width="match_parent"
        android:layout_height="wrap_content" />

</com.google.android.material.textfield.TextInputLayout>

<com.google.android.material.appbar.AppBarLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content">

    <com.google.android.material.appbar.MaterialToolbar
        android:layout_width="match_parent"
        android:layout_height="?attr/actionBarSize"
        app:title="My App"
        app:subtitle="Welcome" />

</com.google.android.material.appbar.AppBarLayout>

<com.google.android.material.appbar.MaterialToolbar
    android:layout_width="match_parent"
    android:layout_height="?attr/actionBarSize"
    app:title="Home"
    app:navigationIcon="@drawable/ic_menu"
    app:menu="@menu/top_app_bar" />

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

        val bottomNav = findViewById<BottomNavigationView>(R.id.bottom_navigation)
        bottomNav.setOnItemSelectedListener { item ->
            when (item.itemId) {
                R.id.nav_home -> {
                    // Handle home navigation
                    true
                }
                R.id.nav_profile -> {
                    // Handle profile navigation
                    true
                }
                else -> false
            }
        }
    }
}

<?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android">
    <item
        android:id="@+id/nav_home"
        android:icon="@drawable/ic_home"
        android:title="Home" />
    <item
        android:id="@+id/nav_profile"
        android:icon="@drawable/ic_profile"
        android:title="Profile" />
</menu>

class MainActivity : AppCompatActivity() {
    private lateinit var drawerLayout: DrawerLayout
    private lateinit var navView: NavigationView

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

        drawerLayout = findViewById(R.id.drawer_layout)
        navView = findViewById(R.id.nav_view)

        val toggle = ActionBarDrawerToggle(
            this, drawerLayout, R.string.open_drawer, R.string.close_drawer
        )
        drawerLayout.addDrawerListener(toggle)
        toggle.syncState()

        navView.setNavigationItemSelectedListener { item ->
            when (item.itemId) {
                R.id.nav_home -> {
                    // Handle home action
                    true
                }
                else -> false
            }
        }
    }
}

<com.google.android.material.floatingactionbutton.FloatingActionButton
    android:id="@+id/fab"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_gravity="bottom|end"
    android:layout_margin="16dp"
    android:src="@drawable/ic_add"
    app:tint="?attr/colorOnPrimary"
    app:fabSize="normal"
    app:elevation="6dp" />

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

        val fab = findViewById<FloatingActionButton>(R.id.fab)
        fab.setOnClickListener {
            // Handle FAB click
            Toast.makeText(this, "FAB clicked", Toast.LENGTH_SHORT).show()
        }
    }
}

val builder = AlertDialog.Builder(this)
builder.setTitle("Alert")
builder.setMessage("This is a Material Dialog")
builder.setPositiveButton("OK") { dialog, _ ->
    // Handle positive button click
}
builder.setNegativeButton("Cancel") { dialog, _ ->
    // Handle negative button click
}
val dialog = builder.create()
dialog.show()

val items = arrayOf("Item 1", "Item 2", "Item 3")
val builder = AlertDialog.Builder(this)
builder.setTitle("Choose an item")
builder.setItems(items) { dialog, which ->
    // Handle item selection
    val selectedItem = items[which]
}
val dialog = builder.create()
dialog.show()

val snackbar = Snackbar.make(
    findViewById(R.id.coordinator_layout),
    "This is a Snackbar",
    Snackbar.LENGTH_SHORT
)
snackbar.show()

val snackbar = Snackbar.make(
    findViewById(R.id.coordinator_layout),
    "Item deleted",
    Snackbar.LENGTH_LONG
)
snackbar.setAction("Undo") { 
    // Handle undo action
}
snackbar.show()

val snackbar = Snackbar.make(
    findViewById(R.id.coordinator_layout),
    "Custom Snackbar",
    Snackbar.LENGTH_SHORT
)
snackbar.setBackgroundTint(Color.RED)
snackbar.setTextColor(Color.WHITE)
snackbar.show()

val chip = Chip(this)
chip.text = "Example Chip"
chip.setChipBackgroundColorResource(R.color.chip_background)

val chip = Chip(this)
chip.text = "Chip with Icon"
chip.chipIcon = ContextCompat.getDrawable(this, R.drawable.ic_star)
chip.chipIconTint = ColorStateList.valueOf(Color.YELLOW)

val bottomSheetBehavior = BottomSheetBehavior.from(bottomSheetView)
bottomSheetBehavior.state = BottomSheetBehavior.STATE_EXPANDED

<androidx.coordinatorlayout.widget.CoordinatorLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <androidx.recyclerview.widget.RecyclerView
        android:layout_width="match_parent"
        android:layout_height="match_parent" />

    <com.google.android.material.bottomsheet.BottomSheetLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:behavior_peekHeight="100dp"
        app:behavior_hideable="true"
        app:layout_behavior="@string/bottom_sheet_behavior" />

</androidx.coordinatorlayout.widget.CoordinatorLayout>

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <color name="primary">#6200EE</color>
    <color name="onPrimary">#FFFFFF</color>
    <color name="secondary">#03DAC5</color>
    <color name="onSecondary">#000000</color>
    <color name="surface">#FFFFFF</color>
    <color name="onSurface">#000000</color>
</resources>

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <style name="AppTheme" parent="Theme.MaterialComponents.DayNight">
        <item name="colorPrimary">@color/primary</item>
        <item name="colorOnPrimary">@color/onPrimary</item>
        <item name="colorSecondary">@color/secondary</item>
        <item name="colorOnSecondary">@color/onSecondary</item>
        <item name="colorSurface">@color/surface</item>
        <item name="colorOnSurface">@color/onSurface</item>
    </style>
</resources>

<style name="Theme.MyApp" parent="Theme.Material3.DayNight">
    <item name="colorPrimary">?attr/colorPrimary</item>
    <item name="colorOnPrimary">?attr/colorOnPrimary</item>
    <item name="colorSecondary">?attr/colorSecondary</item>
    <item name="colorOnSecondary">?attr/colorOnSecondary</item>
</style>