Browse Source

Extending tutorial with Tray-only application (#1063)

* Extending tutorial with Tray-only application

* Update README.md

* Update README.md

* Update README.md

* Update README.md

Co-authored-by: Igor Demin <igordmn@users.noreply.github.com>
pull/1066/head v1.0.0-alpha4-build315
akurasov 3 years ago committed by GitHub
parent
commit
8df79e50b0
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
  1. 48
      tutorials/Tray_Notifications_MenuBar_new/README.md

48
tutorials/Tray_Notifications_MenuBar_new/README.md

@ -27,10 +27,10 @@ import androidx.compose.ui.geometry.Size
import androidx.compose.ui.graphics.Color
import androidx.compose.ui.graphics.drawscope.DrawScope
import androidx.compose.ui.graphics.painter.Painter
import androidx.compose.ui.window.Notification
import androidx.compose.ui.window.Tray
import androidx.compose.ui.window.Window
import androidx.compose.ui.window.application
import androidx.compose.ui.window.rememberNotification
import androidx.compose.ui.window.rememberTrayState
fun main() = application {
@ -38,12 +38,9 @@ fun main() = application {
var isOpen by remember { mutableStateOf(true) }
if (isOpen) {
Window(
onCloseRequest = ::exitApplication,
icon = MyAppIcon
) {
val trayState = rememberTrayState()
val notification = Notification("Notification", "Message from MyApp!")
val notification = rememberNotification("Notification", "Message from MyApp!")
Tray(
state = trayState,
icon = TrayIcon,
@ -69,6 +66,12 @@ fun main() = application {
}
)
Window(
onCloseRequest = {
isOpen = false
},
icon = MyAppIcon
) {
// content
Box(
modifier = Modifier.fillMaxSize(),
@ -101,6 +104,39 @@ object TrayIcon : Painter() {
<img alt="Tray" src="tray.gif" height="266" />
Please note, that it is possible to create a Tray application without Window:
```kotlin
import androidx.compose.ui.ExperimentalComposeUiApi
import androidx.compose.ui.geometry.Size
import androidx.compose.ui.graphics.Color
import androidx.compose.ui.graphics.drawscope.DrawScope
import androidx.compose.ui.graphics.painter.Painter
import androidx.compose.ui.window.Tray
import androidx.compose.ui.window.application
@OptIn(ExperimentalComposeUiApi::class, androidx.compose.foundation.ExperimentalFoundationApi::class)
fun main() = application {
Tray(
icon = TrayIcon,
menu = {
Item(
"Exit",
onClick = ::exitApplication
)
}
)
}
object TrayIcon : Painter() {
override val intrinsicSize = Size(256f, 256f)
override fun DrawScope.onDraw() {
drawOval(Color(0xFFFFA500))
}
}
```
## MenuBar
MenuBar is used to create and customize the menu bar for a particular window.

Loading…
Cancel
Save