Wie erstellt man ein Top Bar Menu Sektion inkls Untermenupunkte mit Swiftui

von | Dez 23, 2022 | Allgemein, Technik | 0 Kommentare

Schlagwörter: SwiftUI

Wer eine App für iOS programmieren möchte, der muss sich Gedanken machen wie er das Menu erstellt. Heute zeige ich euch wie ihr ein TopBar Menu erstellen könnt, der auch eigene Dropdown Untermenupunkte hat.

Video

Code

Zuerst müsst ihr natürlich alles wieder in die NavigationView einpacken

1
NavigationView{}

Der ganze Menu-Bereich definieret man dann mit, damit hat man ganz oben Rechts ein + stehen, wenn er da drauf klickt, kommen die Menupunkte als Submenu.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
.toolbar {
  ToolbarItem(placement: .navigationBarTrailing){
      Menu{
      // buttons
  } label: {
  Label(
      title: {Text("menu")},
      icon: {Image(systemName: "plus")
         .foregroundColor(.white)
       }
      )
   }
   }
  }

Hier ein Beispiel eines einfachen Buttons

1
2
3
4
5
Button(action:{
//aktion
  }, label: {
    Text("menu 1")
  })

Wenn ihr ein Button mit einem Icon möchtet, dann braucht ihr diesen Code. Damit habt ihr ein SF Symbol und das Wort eMail nebeneinander stehen.

1
2
3
4
5
6
7
8
Button(action: {
//aktion
}, label: {
 Label(
   title: {Text("eMail")},
   icon: {Image(systemName: "mail")}
   )
})




0 Kommentare

Einen Kommentar abschicken

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert

WordPress

Allgemein

Technik

Design

Konzept

WordPress Plugins

Interessantes

Vermarktung