Swift UI 100 coups

100 coups pour apprendre SwiftUI (et les connaissances associées). Je l'ai fait pour les personnes qui ne savent pas quoi faire à côté du didacticiel Swift UI. Il n'y a pas 100 questions, je les ajouterai donc une par une. Si vous avez un meilleur exemple de réponse, merci de me le faire savoir dans les commentaires. M (_ _) m

Facile (peut être implémenté avec une syntaxe SwiftUI simple)

Redimensionner et afficher l'image (ajustement)

Veuillez redimensionner l'image à une taille de 150 à 200 et l'afficher. Si les proportions sont différentes, affichez les marges en rouge.

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

Réponse

Redimensionner et afficher l'image (clip)

Veuillez redimensionner l'image à une taille de 150 à 200 et l'afficher. Si le rapport hauteur / largeur est différent, coupez la partie saillante et affichez-la.

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

Réponse

référence [Swift UI] Comment utiliser l'image

Coupez l'image en cercle et ajoutez un cadre

150✖︎Redimensionnez l'image à la taille 150, découpez-la en cercle et affichez-la avec un cadre noir.

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

Réponse

Organiser les vues côte à côte à intervalles égaux

Disposez les images côte à côte à intervalles égaux.

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

Réponse

Masquer NavigationView

Masquer NavigationView

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

Réponse

Passer la valeur au moment de la transition d'écran

Veuillez passer la valeur au moment de la transition d'écran.

1.gif

Réponse

Afficher le sélecteur

Afficher le sélecteur

1.gif

Réponse

Changer d'écran à l'aide de TabView

Utilisez TabView pour changer d'écran

1.gif

Réponse

Changer les caractères lorsque Button est enfoncé

Veuillez changer le caractère lorsque Button est enfoncé.

1.gif

Réponse

référence Utilisation de scaledToFill (), scaledToFit (), aspectRatio (_: contentMode :), etc. dans l'interface utilisateur Swift

Afficher les alertes dans SwiftUI

Afficher les alertes dans SwiftUI

1.gif

Réponse

Ne changez pas la couleur de l'image ou du texte dans le bouton

Changez la couleur du texte lorsque vous appuyez sur le bouton. Ne modifiez pas la couleur de l'image ou du texte dans le bouton.

1.gif

Réponse

Habituellement (ne peut être implémenté qu'avec SwiftUI)

Alertes et feuilles séparées avec l'interface utilisateur Swift

Veuillez afficher la feuille lorsque le numéro est entré. Afficher une alerte lorsqu'un non-nombre est saisi.

1.gif

Réponse

Pousser la transition à partir du bouton (désactiver NavigationLink)

Veuillez changer l'écran lorsque vous appuyez sur le texte dans Button au lieu du texte dans NavigationLink.

1.gif

Réponse

En savoir plus dans Swift UI. .. .. Implémenter une vue avec des boutons

En savoir plus dans Swift UI. .. .. Implémentez une vue avec des boutons.

1.gif

Réponse

Transition de l'écran au démarrage de l'application

Veuillez changer l'écran au démarrage de l'application.

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

Réponse

Modifier l'épaisseur et la couleur des caractères dans le texte

Veuillez modifier l'épaisseur et la couleur des caractères dans le texte.

1.png

Réponse

Ombrez la vue avec FunctionBuilder

Utilisez FunctionBuilder pour projeter une ombre sur la vue.

1.png

Réponse

Ombrer la vue avec le modificateur de vue

Utilisez le ViewModifier pour ajouter une ombre à la vue.

1.png

Réponse

Modifier la liste

Veuillez modifier la liste.

1.gif

Réponse

Organiser les vues comme UICollectionView

Organisez les vues comme UICollectionView.

1.gif

Réponse

référence Q-Mobile/QGrid

Appelez la méthode source de transition à partir de la vue de destination de transition d'écran

Appelez la méthode de source de transition à partir de la vue de destination de transition d'écran.

1.gif

Réponse

Appuyez sur une cellule de la liste pour afficher une alerte

Appuyez sur une cellule de la liste pour afficher une alerte.

1.gif

Réponse

Difficile (nécessite UIKit et d'autres frameworks)

Créez un écran de didacticiel commun avec UIPageViewController et SwiftUI

Implémentez un écran de réveil commun comme celui de l'image.

1.gif

Réponse

Afficher les modaux qui ne peuvent pas être fermés dans Swift UI

Afficher les modaux qui ne peuvent pas être fermés dans l'interface utilisateur Swift.

1.gif

Réponse

Afficher modal en plein écran

Afficher modal en plein écran.

1.gif

Réponse

Ajouter un lien tappable dans la chaîne

Ajoutez un lien tappable dans la chaîne.

1.gif

Réponse

Appuyez sur l'API Github pour afficher les informations du référentiel dans une liste (fermeture)

Accédez à l'API Github (https://api.github.com/search/repositories?q=swift&sort=stars&page=1&per_page=30) pour afficher les informations du référentiel dans la liste. Utilisez la fermeture.

1.gif

Réponse

référence Infinite List Scroll with SwiftUI and Combine

Appuyez sur l'API Github pour afficher les informations du référentiel dans une liste (Combine)

Accédez à l'API Github (https://api.github.com/search/repositories?q=swift&sort=stars&page=1&per_page=30) pour afficher les informations du référentiel dans la liste. Veuillez utiliser Combine.

1.gif

Réponse

référence Infinite List Scroll with SwiftUI and Combine

Appuyez sur l'API Github pour afficher les informations du référentiel dans une liste. Si vous faites défiler vers le bas, veuillez en obtenir un supplémentaire.

Accédez à l'API Github (https://api.github.com/search/repositories?q=swift&sort=stars&page=1&per_page=30) pour afficher les informations du référentiel dans la liste. Si vous faites défiler vers le bas, veuillez en obtenir un supplémentaire.

1.gif

Réponse

référence Infinite List Scroll with SwiftUI and Combine

Appuyez sur l'API Github pour afficher les informations du référentiel dans une liste. Si vous faites défiler vers le bas, veuillez en obtenir un supplémentaire. Affichez également l'indicateur.

Accédez à l'API Github (https://api.github.com/search/repositories?q=swift&sort=stars&page=1&per_page=30) pour afficher les informations du référentiel dans la liste. Si vous faites défiler vers le bas, veuillez en obtenir un supplémentaire.

1.gif

Réponse

référence Infinite List Scroll with SwiftUI and Combine

Recommended Posts

Swift UI 100 coups
À partir de Swift Swift UI
Photothèque avec Swift UI
Implémentation des menus latéraux dans Swift UI
Personnaliser la vue avec le modificateur de vue dans l'interface utilisateur Swift
(Pour les débutants) Collection d'éléments de vue Swift UI
J'ai essayé d'utiliser Realm avec Swift UI
Mémo d'implémentation SKStoreReviewController dans l'interface utilisateur Swift d'iOS14
[Swift UI] Comment désactiver ScrollsToTop de ScrollView