ui:design/com.pico.spatial.ui.design.windows/Toolbar

Toolbar

@Composable

fun Toolbar(cornerSize: Dp = ToolbarDefaults.CornerRadius, followViewpoints: Set<ViewPoint> = ViewPoint.All, content: @Composable RowScope.() -> Unit)

Toolbar is floating window will be placed at center bottom of WindowContainer

Parameters

cornerSize

Control the corner radius of the Toolbar. Default is 16 dp.

followViewpoints

The ViewPoints that the toolbar will follow.

content

The content of the toolbar.

Samples

import androidx.compose.foundation.layout.Box
import androidx.compose.runtime.Composable
import androidx.compose.runtime.getValue
import androidx.compose.runtime.mutableStateOf
import androidx.compose.runtime.remember
import androidx.compose.runtime.setValue
import androidx.compose.ui.graphics.Color
import androidx.compose.ui.unit.dp
import com.pico.spatial.ui.design.IconButton
import com.pico.spatial.ui.design.IconButtonDefaults
import com.pico.spatial.ui.design.windows.Toolbar

fun main() { 
   //sampleStart 
   Toolbar(cornerSize = 200.dp) {
    repeat(5) {
        var showMenu by remember { mutableStateOf(false) }
        Box {
            IconButton(
                onClick = { showMenu = true },
                colors = IconButtonDefaults.iconButtonColors(containerColor = Color.Transparent),
            ) {
                AnyIcon(iconSize = 20.dp)
            }
            if (showMenu) {
                val onDismissRequest = {
                    // dismiss menu
                    showMenu = false
                }
                SimpleMenu(onDismissRequest)
            }
        }
    }
} 
   //sampleEnd
}