Questa è solo un'estensione su come utilizzare rapidamente "Vary Traits" nel tuo progetto per aggiungere diversi layout per iPad e iPhone.
Si prega di leggere questo per saperne di più sulle classi di taglia.
https://developer.apple.com/reference/uikit/uitraitcollection
Se stai saltando l'esempio che segue, leggi il Riepilogo alla fine.
Hai bisogno di un pulsante con larghezze diverse su iPhone e iPad. Il primo ha una larghezza di 80 e il secondo ha una larghezza di 300.
Varia per tratti con vincoli multipli come installato.
PASSI:
- Aggiungi prima i vincoli comuni come Centra il pulsante orizzontalmente e verticalmente.
- Scegli VaryForTraits e per gli schermi iPhone secondo le linee guida della classe di dimensioni, una classe di taglia C * R si adatta al modello e questo controlliamo i segni di spunta di Larghezza e Altezza in PopUp. Chiudi il popup facendo clic in un punto qualsiasi dello schermo.
- Aggiungi la costante di larghezza e controlla se il vincolo è stato aggiunto per la classe di dimensioni C * R. Dopo aver aggiunto i vincoli, selezionare il pulsante Variazione completata.
- Per gli schermi dell'iPad, seleziona nuovamente qualsiasi dispositivo iPad e scegli VaryForTraits e questa volta facendo clic su altezza-larghezza, dovrebbe mostrare la variazione R * R.
- Aggiungi di nuovo un vincolo di larghezza, l'ultimo vincolo di larghezza dell'iPhone aggiunto deve essere disattivato come nello screenshot. Questa volta il valore aggiunto sarà per la classe di taglia R * R.
- Torna al layout dell'iPhone e richiede 80 come larghezza e iPad 300.
CONCLUSIONE :
Si noti che ci sono in totale due vincoli aggiunti e in entrambi i vincoli i valori differiscono a seconda della classe dimensionale scelta.
Varia per tratti con vincolo singolo, più classi di dimensioni installate
- PASSI:
- Aggiungi il vincolo di larghezza normale. Quindi seleziona quel vincolo e scegli il pulsante + oltre al valore Costante.
- Aggiungi una variazione del tratto e per iPhone scegliamo C * R e impostiamo il valore costante su 100.
- Sempre per iPad che segue una variazione di tratto come R * R, aggiungiamo un'altra variazione facendo nuovamente clic sul pulsante + e impostiamo il valore su 300.
- Seleziona un iPad e la larghezza verrà automaticamente presa come 300 e tornando su iPhone ci vuole 100 come valore.
CONCLUSIONE :
Questa sembra essere un'opzione migliore piuttosto che aggiungere due vincoli quando è richiesto un solo vincolo e il valore della costante è diverso.
QUANDO USARE, COSA USARE:
Entrambi gli approcci stanno fondamentalmente facendo la stessa cosa, impostando i valori su Size-classes.
Ma, # Method1 viene utilizzato quando si desidera aggiungere un vincolo specifico per un dispositivo o dire size-class. Ad esempio, in iPhone il pulsante dovrebbe essere tra i primi 50 punti e in iPad dovrebbe essere centrato orizzontalmente e verticalmente. In tali situazioni, è necessario utilizzare VaryForTraits poiché apre le porte per aggiungere vincoli per una classe di dimensioni specifica.
# Method2 viene utilizzato quando si desiderano valori costanti diversi per uno stesso tipo di vincolo.
PS: A TUTTI QUELLI CHE NON SONO IN GRADO DI FAR FUNZIONARE L'ESEMPIO
Assicurati di aggiungere solo i vincoli richiesti come Installato. La casella di controllo su Installato dovrebbe apparire solo per il vincolo necessario per una classe di dimensioni. Questa è la chiave!
Basta aggiungere un vincolo superiore e un'indicazione a un uiButton in una vista. Seleziona il vincolo superiore e deseleziona l'opzione di base Installato con segno più. Ora, facendo clic sul segno più, aggiungi una variazione a C R e seleziona quell'opzione. Ora cambia il dispositivo da iPhone a iPad con varie combinazioni di orientamento. Questo vincolo verrà applicato solo per la classe di taglia C R che è iPhone con orientamento verticale. Se è stata selezionata la casella di spunta rispetto all'Installato di base (quella con il simbolo Più) significa che il vincolo deve essere applicato a tutte le classi di dimensioni.
SOMMARIO :
La variazione delle caratteristiche è una modifica alla presentazione dell'interfaccia utente basata su una configurazione del dispositivo. Le variazioni dei tratti dell'interfaccia utente non sono limitate solo ai vincoli, ma possono essere applicate a molto di più. Come cambiare il colore dello sfondo e altri elementi quando il dispositivo è impostato su uno stile scuro. Una variazione può essere applicata a un elemento dell'interfaccia utente, ad esempio la rimozione di un vincolo, oppure a una proprietà di una classe di visualizzazione o di un vincolo, come il carattere di un'etichetta. Puoi variare:
Dimensioni o posizione di una vista
Installazione di una vista
Installazione di un vincolo
Costante di vincolo
Font
Colore per il carattere, la tinta o lo sfondo
Margini del layout
File immagine
Il set specifico di proprietà che puoi variare dipende dalla classe dell'elemento. Nell'esempio, abbiamo dimostrato l'uso di - Installazione di un vincolo e - Costante di vincolo. Altri sono abbastanza semplici e possono essere facilmente dedotti.
