SwiftUI Login View

Diese Seite verwendet Cookies. Durch die Nutzung unserer Seite erklären Sie sich damit einverstanden, dass wir Cookies setzen. Weitere Informationen

  • Moin Moin,

    sag mal, was hat dir das kleine TextEdit denn getan? UI und Logik gehören getrennt. In deinen Fall sähe das ungefär so aus...

    Quellcode

    1. struct VMain: View {
    2. @StateObject private var loginController = LoginController()
    3. var body: some View {
    4. if loginController.loggedIn {
    5. VWelcome()
    6. } else {
    7. VPassword(controller: loginController)
    8. }
    9. }
    10. }
    12. struct VPassword: View {
    13. @ObservedObject var controller: LoginController
    14. var body: some View {
    15. TextEdit("Begrüssung", $controller.password) {
    16. controller.prüfen() //kann sein, muss aber nicht
    17. }
    18. }
    19. }
    21. struct VWelcome: View {
    22. var body: some View {
    23. }
    24. }
    26. class LoginController: ObservableObject {
    27. @Published private(set) var loggedIn: Bool = false
    28. @Published public var password: String = "" {
    29. didSet {
    30. //auch hier kann man wunderbar prüfen
    31. }
    32. }
    33. public func prüfen() {
    34. //Prüfe Password nach allen regeln der Kunst und setze loggedIn
    35. }
    36. }
    Alles anzeigen

  • Wow, cool. Ist aber anscheinend doch nicht so gaaaanz trivial. Ich habe mir deinen ( @Wolf ) Code mal kopiert und in meine App implementiert. Funktioniert soweit nahezu alles gut, nur nach dem einloggen landet man nicht in der ListenView (2. Tab) sonder in der ScannerView (1. Tab) und muss dann rüber wechseln auf den 2. Tab. Das verstehe ich noch nicht.

    Hoffentlich liegt das nicht an dem Scanner, ich verwende diesen hier: github.com/twostraws/CodeScanner

  • Die VMain, ist deine HauptView. Da kommt dann deine App rein. Wo du Landest kannst mit einen Tag steuern. Wenn du das Login sistieren. möchtest, brauchst nur .disabled() an die VPasswort() anhängen. über ein neues Property im LoginController kannst du das fein steuern.

    Alternativ, kannst ach dene App in die VWelcome verpacken, ist noch schöner, da dann der gesamte Login balast nicht ht mehr sichtbar ist.

  • Quellcode

    1. import SwiftUI
    3. struct PersonsView: View {
    4. @StateObject private var loginController = LoginController()
    5. var body: some View {
    6. if loginController.loggedIn {
    7. ListView(controller: loginController)
    8. } else {
    9. PasswordView(controller: loginController)
    10. } }
    11. }
    13. struct ListView: View {
    14. @ObservedObject var controller: LoginController
    15. @Environment(\.managedObjectContext) private var viewContext
    16. @FetchRequest(entity: Person.entity(), sortDescriptors: [
    17. NSSortDescriptor(keyPath: \Person.checkInDate, ascending: false),
    18. ])
    19. var persons: FetchedResults<Person>
    20. var body: some View {
    21. List {
    22. ForEach(persons) { pers in
    23. HStack {
    24. VStack (alignment: .leading) {
    25. HStack() {
    26. Image(systemName: "square.and.arrow.down")
    27. Text(pers.checkInDate ?? Date(), formatter: dateFormatter)
    28. }
    29. Divider()
    30. HStack {
    31. Image(systemName: "square.and.arrow.up")
    32. if pers.checkOutDate == nil {
    33. Text("")
    34. } else {
    35. Text(pers.checkOutDate ?? Date(timeIntervalSince1970: 0), formatter: dateFormatter)
    36. }
    37. }
    38. }
    39. .frame(width:190)
    40. Text("\(pers.familyName ?? ""), \(pers.givenName ?? "")")
    41. }
    42. }
    43. .onDelete(perform: deleteItems)
    44. .onDisappear(perform:{
    45. })
    46. }
    47. .onDisappear {
    48. controller.password = ""
    49. }
    50. }
    51. private func deleteItems(offsets: IndexSet) {
    52. withAnimation {
    53. offsets.map { persons[$0] }.forEach(viewContext.delete)
    54. do {
    55. try viewContext.save()
    56. } catch {
    57. // Replace this implementation with code to handle the error appropriately.
    58. // fatalError() causes the application to generate a crash log and terminate. You should not use this function in a shipping application, although it may be useful during development.
    59. let nsError = error as NSError
    60. fatalError("Unresolved error \(nsError), \(nsError.userInfo)")
    61. }
    62. }
    63. }
    64. private let dateFormatter: DateFormatter = {
    65. let formatter = DateFormatter()
    66. formatter.timeZone = TimeZone.current
    67. formatter.dateFormat = "dd.MM.YYYY hh:mm:ss"
    68. formatter.locale = Locale(identifier: "de_DE")
    69. // formatter.dateStyle = .short
    70. // formatter.timeStyle = .medium
    71. return formatter
    72. }()
    73. }
    75. struct PasswordView: View {
    76. @ObservedObject var controller: LoginController
    77. var body: some View {
    78. SecureField("Sprich Freund und tritt ein", text: $controller.password)
    79. .padding(EdgeInsets(top: 20, leading: 15.0, bottom: 20, trailing: 5))
    80. .background(lightGreyColor)
    81. .cornerRadius(5.0)
    82. }
    83. }
    84. struct PersonsView_Previews: PreviewProvider {
    85. static var previews: some View {
    86. PersonsView()
    87. }
    88. }
    91. struct passwordView_Previews: PreviewProvider {
    92. static var previews: some View {
    93. PasswordView(controller: LoginController())
    94. }
    95. }
    96. class LoginController: ObservableObject {
    97. @Published private(set) var loggedIn: Bool = false
    98. @Published public var password: String = "" {
    99. didSet {
    100. if password == "mellon" {
    101. loggedIn = true
    102. } else {
    103. loggedIn = false
    104. }
    105. }
    106. }
    107. public func prüfen() {
    108. if password == "mellon" {
    109. loggedIn = true
    110. }
    111. }
    112. }
    Alles anzeigen
    Nun, ich denke das haben ich

  • Langsam wird ein Schuh draus…

    Nur weshalb übergibst in die ListView() den loginController? brauchst doch da nicht mehr, oder sollte ich mich täuschen?

    So, nach deinen ursprünglichen Coding, fehlt dir noch eine Funktion. Die Zeitverzögerung bei fehleingaben des Passworts?

    Weisst wie es geht?

    Im didSet würde ich das Passwort nicht prüfen, da der User nicht wissen muss wie lang es sein soll. Daher am besten nur im onCommit{}

  • Ich glaube ich wollte das Passwort um ListView zurücksetzen so das man sich jedes Mal einloggen muss.

    Das Problem ist ja weiterhin, das nach dem Login nicht diese ListView angezeigt wird sondern die Tabview erstmal auf den Scanner zurück springt und ich dann das Tabitem "List" auswählen muss, damit ich die ListView sehen kann.

    Wie soll man denn herausfinden wie lange das Passwort ist, nur weil es im didSet geprüft wird? Man kann ja auch im onCommit sehen wie lange das Passwort ist, wenn man das richtige Passwort dort eintippt und ein dritter Beobachter die Punkte zählt....

    das deaktivieren des SecureField würde ich mit einem @State machen das das SecureField disabled und einen Timer der es wieder einschaltet.

  • Mmhhhh,

    hattest da nichts mit fehlerhaften Versuchen drin?

    Ne State Variable brauchst Du nicht, liess mal ein paar Beiträge früher, da ist alles beschrieben

    Da musst einfach auf den richtigen Tab verzweigen, das hat mit dem Thema nix zu tun. Da gibts genügend threats wo es beschrieben ist, wie man einen Tab anspringt.

    Im Prinzip, reicht dir onCommit. das andere ist das filtern des Strings

    By the way, hast auch an das Ausloggen gedacht…