[Swift] Einführung in die Logik der Apps, die die Auswahl bestanden haben

In diesem Artikel werde ich die Benutzeroberfläche und Logik der App vorstellen, die ich durch Auswahl erstellt habe. Auf die gleiche Weise können Personen, die von nun an Apps durch Auswahl erstellen, Ich hoffe, es ist hilfreich für diejenigen, die Apps als Portfolio erstellen. ✴︎ Bitte beachten Sie, dass einige Teile nicht erreichbar sind, da sie in meiner Unreife mit explosiver Geschwindigkeit hergestellt wurden.

der obere Bildschirm

Verwendete API (nationale Version des Koronavirus-Infektionsstatus in Japan) https://covid19-japan-web-api.now.sh/api//v1/total Ich habe eine App erstellt, die den Status der Corona-Virus-Infektion anzeigt. Da der Infektionsstatus bekannt sein soll, wird auf dem oberen Bildschirm der Infektionsstatus von Decadeca und ganz Japan angezeigt.

Die Schaltfläche zum erneuten Laden oben links aktualisiert den Infektionsstatus. Oben rechts befindet sich die Chat-Schaltfläche, die zum Chat-Bildschirm übergeht. Die folgenden Schaltflächen wechseln je nach Name zum Bildschirm.

Für die Farbanordnung habe ich im Voraus eine Farbliste erstellt und versucht, die Farbanordnung einheitlich zu gestalten. Während das Corona-Virus-Symbol auch durch Animation gedreht wird Es ist so konzipiert, dass es sich von außerhalb des Bildschirms nach innen bewegt.

Chat-Bildschirm

Dies ist eine Ideenumsetzung. Es wurde unter der Annahme erstellt, dass Benutzer, die sich nicht sicher sind, ob sie infiziert sind, direkt mit dem Arzt chatten können. Ich verwende eine Bibliothek namens MessageKit. Natürlich funktioniert es mit Firestore.

Gesundheitsprüfungsbildschirm

Dies ist auch eine Ideenumsetzung. Wir nehmen typische Koronasymptome auf und unterscheiden Punkte nach ihrer Schwere. Wenn Sie die Schaltfläche zum Abschluss der Diagnose drücken, wird das Diagnoseergebnis als Warnung entsprechend den Gesamtpunkten angezeigt. Das Diagnoseergebnis des Tages wird gespeichert und im Kalender angezeigt.

Bildschirm-Diagnose-Ergebnisalarm für Gesundheitsuntersuchungen

Dies ist eine Diagnoseergebniswarnung. Da es virtuell ist, gibt es keine Basis. Es ist nur eine Ideenumsetzung.

Infektionsstatus-Balkendiagramm

Sie können den Infektionsstatus jeder Präfektur überprüfen. Sie können die Anzahl der infizierten Personen, die Anzahl der PCRs und die Anzahl der Todesfälle überprüfen, indem Sie die Segmentsteuerung bedienen. Darüber hinaus können Sie den Status einer bestimmten Präfektur im folgenden Inhalt anzeigen, indem Sie suchen.

Infektionsstatus-Kreisdiagramm

Sie können den Top-5-Infektionsstatus jeder Präfektur überprüfen. Durch Betätigen der Segmentsteuerung können Sie die Anzahl der infizierten Personen, die Anzahl der PCRs und die Anzahl der Todesfälle in den Top 5 überprüfen. Darüber hinaus können Sie den Status einer bestimmten Präfektur im folgenden Inhalt anzeigen, indem Sie suchen.

Bibliothek verwendet

  pod 'RealmSwift'
  pod 'Alamofire'
  pod 'SwiftyJSON'
  pod 'FSCalendar'
  pod 'CalculateCalendarLogic'
  pod 'Charts'
  pod 'KRProgressHUD'
  pod 'Firebase/Analytics'
  pod 'Firebase/Auth'
  pod 'Firebase/Core'
  pod 'Firebase/Firestore'
  pod 'FirebaseFirestoreSwift'
  pod 'MessageKit'
  pod 'MessageInputBar'
  pod 'Moya/RxSwift', '~> 13.0'
  pod 'RxSwift', '~> 4.0'
  pod 'RxCocoa', '~> 4.0'
  pod 'RxDataSources', '~> 3.1.0'
//Teilweise nicht verwendet

abschließend

Was haben Sie gedacht Ich hoffe, es wird eine Referenz für die Erstellung von Apps sein.