Esta é apenas uma extensão de como usar "Vary Traits" rapidamente em seu projeto para adicionar diferentes layouts para iPad e iPhones.
Leia isso para entender mais sobre as classes de tamanho.
https://developer.apple.com/reference/uikit/uitraitcollection
Se você estiver pulando o exemplo a seguir, leia o Resumo no final.
Você precisa de um botão com larguras diferentes no iPhone e no iPad. O primeiro tem uma largura de 80 e o último tem uma largura de 300.
Varie para características com múltiplas restrições conforme instalado.
PASSOS :
- Adicione as restrições comuns primeiro, como Centralizar o botão horizontalmente e verticalmente.
- Escolha VaryForTraits e para telas do iPhone de acordo com as diretrizes de classe de tamanho, uma classe de tamanho C * R se encaixa no modelo e verificamos as marcas de largura e altura no PopUp. Dispense o pop-up clicando em qualquer lugar da tela.
- Adicione a constante de largura e verifique se a restrição foi adicionada para a classe de tamanho C * R. Depois de adicionar restrições, escolha o botão Done Varying.
- Para telas de iPad, selecione novamente qualquer dispositivo iPad e escolha VaryForTraits e, desta vez, clicando em altura-largura, ele deve mostrar a variação R * R.
- Novamente adicione uma restrição de largura, a última restrição de largura do iPhone adicionada deve ser desmarcada como na captura de tela. O valor adicionado será para a classe de tamanho R * R neste momento.
- Volte para o layout do iPhone e a largura será de 80 e o iPad terá 300.
CONCLUSÃO:
Observe que há um total de duas restrições adicionadas e em ambas as restrições, os valores diferem de acordo com a classe de tamanho escolhida.
Varie para características com restrição única, múltiplas classes de tamanho instaladas
- PASSOS :
- Adicione a restrição de largura normal. Em seguida, selecione essa restrição e escolha o botão + ao lado do valor Constante.
- Adicione a variação do traço e, para o iPhone, escolhemos C * R e definimos o valor constante como 100.
- Novamente para iPad que segue uma variação de característica como R * R, adicionamos outra variação clicando novamente no botão + e definimos o valor como 300.
- Selecione um iPad e a largura será automaticamente considerada 300 e voltando ao iPhone leva 100 como valor.
CONCLUSÃO:
Esta parece ser uma opção melhor do que adicionar duas restrições quando uma única restrição é apenas necessária e o valor constante é diferente.
QUANDO USAR, O QUE USAR:
Ambas as abordagens estão basicamente fazendo a mesma coisa, definindo valores para classes de tamanho.
Mas, # Method1 é usado quando você deseja adicionar uma restrição especificamente para um dispositivo ou dizer classe de tamanho. Por exemplo, no iPhone o botão deve ser dos 50 pontos principais e no iPad deve ser centralizado horizontalmente e verticalmente. Em tais situações, você precisa usar VaryForTraits, pois abre portas para adicionar restrições para uma classe de tamanho específica.
# Method2 é usado quando você deseja valores constantes diferentes para um mesmo tipo de restrição.
PS: A TODOS OS QUE NÃO PODEM OBTER O EXEMPLO DE FUNCIONAMENTO
Certifique-se de que está adicionando apenas as restrições necessárias como instaladas. A caixa de seleção em Instalado deve aparecer apenas para a restrição necessária para uma classe de tamanho. Essa é a chave!
Basta adicionar uma restrição superior e um líder para um uiButton em uma visualização. Selecione a restrição superior e desmarque a opção básica Instalado com o sinal de adição. Agora, clicando no sinal de mais, adicione variação a C R e marque essa opção. Agora, mude o dispositivo de iPhone para iPad com várias combinações de orientação. Essa restrição será aplicada apenas para a classe de tamanho C R, que é o iPhone na orientação retrato. Se a caixa de seleção do Instalado básico (aquele com o símbolo de Mais) foi marcada, isso significa que a restrição deve ser aplicada a todas as classes de tamanho.
RESUMO:
A variação de traço é uma alteração na apresentação da interface do usuário com base na configuração do dispositivo. As variações de traço da interface do usuário não se limitam apenas a restrições, mas podem ser aplicadas a muito mais. Como alterar a cor do plano de fundo e outros elementos quando o dispositivo está definido para um estilo escuro. Uma variação pode ser aplicada a um elemento da interface do usuário, como remover uma restrição, ou a uma propriedade de uma classe de visão ou restrição, como a fonte de um rótulo. Você pode variar:
Tamanho ou posição de uma vista
Instalação de uma vista
Instalação de uma restrição
Constante de restrição
Fonte
Cor da fonte, matiz ou plano de fundo
Margens de layout
Arquivo de imagem
O conjunto específico de propriedades que você pode variar depende da classe do elemento. No exemplo, demonstramos o uso de - Instalação de uma restrição & - Constante de restrição. Outros são bastante simples e podem ser facilmente inferidos.