Το SwiftUI παρέχει ένα διαισθητικό και ισχυρό πλαίσιο για το σχεδιασμό στοιχείων διεπαφής χρήστη και τα σχήματα αποτελούν θεμελιώδη πτυχή αυτού. Μεταξύ αυτών, το τετράγωνο είναι ένα βασικό αλλά ευέλικτο σχήμα που χρησιμοποιείται σε διάφορα περιβάλλοντα σχεδίασης, από κουμπιά και εικονίδια μέχρι σύμβολα θέσης και πλακίδια.
Ας δούμε πώς μπορείτε να δημιουργήσετε και να χειριστείτε τετράγωνα σχήματα στο SwiftUI.
Δημιουργήστε ένα Βασικό τετράγωνο
Ο απλούστερος τρόπος για να ξεκινήσετε με τετράγωνα στο SwiftUI είναι χρησιμοποιώντας το Rectangle σχήμα και προσδιορίζοντας ίσο πλάτος και ύψος.
import SwiftUI
struct ContentView: View {
var body: some View {
Rectangle()
.frame(width: 100, height: 100)
}
}Αυτό το απόσπασμα κώδικα θα δημιουργήσει ένα τέλειο τετράγωνο με μήκος πλευράς 100 σημείων. ο frame Ο τροποποιητής είναι κρίσιμος εδώ. υπαγορεύει τις διαστάσεις του σχήματος.
Στυλ την πλατεία
Το SwiftUI σάς επιτρέπει να διαμορφώνετε εκτενώς το στυλ σχημάτων με γεμίσματα, περιγράμματα, σκιές και πολλά άλλα.
Rectangle()
.fill(Color.blue)
.frame(width: 150, height: 150)
.border(Color.red, width: 3)
.shadow(radius: 10)Στο παραπάνω παράδειγμα, στο τετράγωνο έχει δοθεί ένα μπλε χρώμα, ένα κόκκινο περίγραμμα και μια σκιά για το βάθος. ο fill τροποποιητής αλλάζει το εσωτερικό χρώμα, ενώ border και shadow προσθέστε ένα περίγραμμα και μια σκιά, αντίστοιχα.
Στρογγυλεμένες γωνίες
Ένα τετράγωνο δεν χρειάζεται να έχει έντονες γωνίες. Με το SwiftUI, μπορείτε εύκολα να στρογγυλοποιήσετε τις γωνίες ενός τετραγώνου.
Rectangle()
.fill(.red)
.cornerRadius(20)
.frame(width: 200, height: 200)ο cornerRadius ο τροποποιητής μαλακώνει τις γωνίες, μετατρέποντας το τετράγωνο σε στρογγυλεμένο τετράγωνο.
Τετράγωνα με εικόνες
Μπορείτε επίσης να χρησιμοποιήσετε τετράγωνα ως μάσκα αποκοπής για εικόνες, δημιουργώντας εικόνες τετράγωνου σχήματος.
Image("dog")
.resizable()
.aspectRatio(contentMode: .fill)
.frame(width: 150, height: 150)
.clipShape(Rectangle())ο clipShape ο τροποποιητής κόβει την εικόνα στο σχήμα του ορθογωνίου, με αποτέλεσμα μια τετράγωνη εικόνα.
Το τετράγωνο είναι βασικό στο σχεδιασμό και το SwiftUI καθιστά εξαιρετικά εύκολη την ενσωμάτωσή του στη διεπαφή της εφαρμογής σας. Είτε δημιουργείτε ένα απλό κουμπί, είτε σχεδιάζετε μια διάταξη πλέγματος είτε χρησιμοποιείτε τετράγωνα ως μάσκες αποκοπής, τα εργαλεία του SwiftUI είναι τόσο απλά και αρκετά ισχυρά για να επιτύχετε τους σχεδιαστικούς σας στόχους.
Meta Περιγραφή:
