[SWIFT] Schnelle UI 100 klopft

100 Schläge, um SwiftUI (und verwandtes Wissen) zu lernen. Ich habe es für Leute gemacht, die nicht wissen, was sie neben dem Swift UI-Tutorial tun sollen. Es gibt keine 100 Fragen, daher werde ich sie einzeln hinzufügen. Wenn Sie ein besseres Beispiel für die Antwort haben, lassen Sie es mich bitte in den Kommentaren wissen. M (_ _) m

Einfach (kann mit einfacher SwiftUI-Syntax implementiert werden)

Bildgröße ändern und anzeigen (anpassen)

Bitte ändern Sie die Größe des Bildes auf 150✖︎200 und zeigen Sie es an. Wenn die Seitenverhältnisse unterschiedlich sind, werden die Ränder rot angezeigt.

画像をリサイズして表示(fit)

Antwort

Ändern Sie die Größe und zeigen Sie das Bild an (Clip)

Bitte ändern Sie die Größe des Bildes auf 150✖︎200 und zeigen Sie es an. Wenn das Seitenverhältnis unterschiedlich ist, schneiden Sie das hervorstehende Teil ab und zeigen Sie es an.

画像をリサイズして表示(clip)

Antwort

Referenz [Swift UI] Verwendung von Image

Schneiden Sie das Bild in einen Kreis und fügen Sie einen Rahmen hinzu

150✖︎Größen Sie die Größe des Bildes auf 150, schneiden Sie es in einem Kreis aus und zeigen Sie es mit einem schwarzen Rahmen an.

画像を丸く切り取り、枠を付ける

Antwort

Ordnen Sie die Ansichten in gleichen Abständen nebeneinander an

Ordnen Sie die Bilder in gleichen Abständen nebeneinander an.

等間隔でViewを等間隔で横に並べる)

Antwort

Navigationsansicht ausblenden

Navigationsansicht ausblenden

画像をリサイズして表示(fit)

Antwort

Übergeben Sie den Wert zum Zeitpunkt des Bildschirmübergangs

Bitte übergeben Sie den Wert zum Zeitpunkt des Bildschirmübergangs.

1.gif

Antwort

Show Picker

Show Picker

1.gif

Antwort

Wechseln Sie die Bildschirme mit TabView

Verwenden Sie TabView, um den Bildschirm zu wechseln

1.gif

Antwort

Ändern Sie die Zeichen, wenn Sie die Taste drücken

Bitte ändern Sie das Zeichen, wenn Sie die Taste drücken.

1.gif

Antwort

Referenz Verwendung von scaledToFill (), scaledToFit (), AspectRatio (_: contentMode :) usw. in der Swift-Benutzeroberfläche

Anzeigen von Warnungen in SwiftUI

Anzeigen von Warnungen in SwiftUI

1.gif

Antwort

Ändern Sie nicht die Farbe des Bildes oder Textes in der Schaltfläche

Ändern Sie die Farbe des Textes, wenn Sie die Taste drücken. Ändern Sie nicht die Farbe des Bildes oder Textes in der Schaltfläche.

1.gif

Antwort

Normalerweise (kann nur mit SwiftUI implementiert werden)

Trennen Sie Warnungen und Blätter mit der Swift-Benutzeroberfläche

Bitte zeigen Sie das Blatt an, wenn die Nummer eingegeben wird. Zeigen Sie eine Warnung an, wenn eine Nicht-Nummer eingegeben wird.

1.gif

Antwort

Push-Übergang von Button (NavigationLink deaktivieren)

Bitte ändern Sie den Bildschirm, wenn der Text in der Schaltfläche anstelle des Textes in NavigationLink gedrückt wird.

1.gif

Antwort

Lesen Sie mehr in Swift UI. .. .. Implementieren Sie eine Ansicht mit Schaltflächen

Lesen Sie mehr in Swift UI. .. .. Implementieren Sie eine Ansicht mit Schaltflächen.

1.gif

Antwort

Übergang des Bildschirms beim Start der App

Bitte ändern Sie den Bildschirm, wenn die Anwendung gestartet wird.

アプリ起動時に画面を遷移させる

Antwort

Ändern Sie die Dicke und Farbe der Zeichen im Text

Bitte ändern Sie die Dicke und Farbe der Zeichen im Text.

1.png

Antwort

Schattieren Sie die Ansicht mit FunctionBuilder

Verwenden Sie FunctionBuilder, um einen Schatten auf die Ansicht zu werfen.

1.png

Antwort

Schattieren Sie die Ansicht mit dem Ansichtsmodifikator

Verwenden Sie den ViewModifier, um der Ansicht einen Schatten hinzuzufügen.

1.png

Antwort

Bearbeiten Sie die Liste

Bitte bearbeiten Sie die Liste.

1.gif

Antwort

Ordnen Sie Ansichten wie UICollectionView an

Ordnen Sie die Ansichten wie UICollectionView an.

1.gif

Antwort

Referenz Q-Mobile/QGrid

Rufen Sie die Übergangsquellmethode in der Bildschirmübergangszielansicht auf

Rufen Sie die Übergangsquellmethode in der Bildschirmübergangszielansicht auf.

1.gif

Antwort

Tippen Sie auf eine Zelle in der Liste, um eine Warnung anzuzeigen

Tippen Sie auf eine Zelle in der Liste, um eine Warnung anzuzeigen.

1.gif

Antwort

Schwierig (erfordert UIKit und andere Frameworks)

Erstellen Sie mit UIPageViewController und SwiftUI einen gemeinsamen Lernbildschirm

Implementieren Sie einen allgemeinen Weckbildschirm wie den im Bild.

1.gif

Antwort

Zeigen Sie Modalitäten an, die in der Swift-Benutzeroberfläche nicht geschlossen werden können

Zeigen Sie Modalitäten an, die in der Swift-Benutzeroberfläche nicht geschlossen werden können.

1.gif

Antwort

Vollbild-Modal anzeigen

Vollbild-Modal anzeigen.

1.gif

Antwort

Fügen Sie der Zeichenfolge einen tippbaren Link hinzu

Fügen Sie der Zeichenfolge einen tippbaren Link hinzu.

1.gif

Antwort

Klicken Sie auf die Github-API, um die Repository-Informationen in einer Liste anzuzeigen (Closure).

Klicken Sie auf die Github-API (https://api.github.com/search/repositories?q=swift&sort=stars&page=1&per_page=30), um die Repository-Informationen in einer Liste anzuzeigen. Verwenden Sie Closure.

1.gif

Antwort

Referenz Infinite List Scroll with SwiftUI and Combine

Klicken Sie auf die Github-API, um die Repository-Informationen in einer Liste anzuzeigen (Kombinieren).

Klicken Sie auf die Github-API (https://api.github.com/search/repositories?q=swift&sort=stars&page=1&per_page=30), um die Repository-Informationen in einer Liste anzuzeigen. Bitte verwenden Sie Kombinieren.

1.gif

Antwort

Referenz Infinite List Scroll with SwiftUI and Combine

Klicken Sie auf die Github-API, um die Repository-Informationen in einer Liste anzuzeigen. Wenn Sie nach unten scrollen, besorgen Sie sich bitte eine zusätzliche.

Klicken Sie auf die Github-API (https://api.github.com/search/repositories?q=swift&sort=stars&page=1&per_page=30), um die Repository-Informationen in einer Liste anzuzeigen. Wenn Sie nach unten scrollen, besorgen Sie sich bitte eine zusätzliche.

1.gif

Antwort

Referenz Infinite List Scroll with SwiftUI and Combine

Klicken Sie auf die Github-API, um die Repository-Informationen in einer Liste anzuzeigen. Wenn Sie nach unten scrollen, besorgen Sie sich bitte eine zusätzliche. Zeigen Sie auch die Anzeige an.

Klicken Sie auf die Github-API (https://api.github.com/search/repositories?q=swift&sort=stars&page=1&per_page=30), um die Repository-Informationen in einer Liste anzuzeigen. Wenn Sie nach unten scrollen, besorgen Sie sich bitte eine zusätzliche.

1.gif

Antwort

Referenz Infinite List Scroll with SwiftUI and Combine

Recommended Posts

Schnelle UI 100 klopft
Beginnend mit Swift Swift UI
Fotobibliothek mit Swift UI
Implementierung von Seitenmenüs in der Swift-Benutzeroberfläche
Passen Sie die Ansicht mit dem Ansichtsmodifikator in der Swift-Benutzeroberfläche an
(Für Anfänger) Swift UI View Element Collection
Ich habe versucht, Realm mit Swift UI zu verwenden
Implementierungsnotiz für SKStoreReviewController in der Swift-Benutzeroberfläche von iOS14
[Swift UI] So deaktivieren Sie ScrollsToTop von ScrollView