Como dimensionamento automático uma imagem com layout de auto para o seu aplicativo ios

Porque você está certo de decidir - como todos os bons desenvolvedores de aplicativos iOS decidiram e continuará a decidir em perpetuidade - que seu aplicativo precisa para funcionar bem em ambas as orientações Retrato e Paisagem, você precisa ter certeza de que, quando você gira a vista, o carro (subexibição) permanece posicionada na parte inferior do ecrã.

Video: auto layouts in ios

Felizmente para você, a maior parte desse trabalho é feito para você - a classe UIViewConroller a partir do qual temos derivado TestDriveController. A única coisa que você tem a fazer é dizer o controlador de vista exatamente como você quer que ele se mova coisas ao redor quando o ponto de vista muda de orientação. Você pode fazer tais desejos conhecidos no storyboard usando o Inspetor de Tamanho.

Você precisa selecionar algumas das vistas para gerir a sua autosizing. Para este processo, a certeza de que o esboço do documento é mostrado à esquerda do storyboard. A razão para isto se torna claro se você olhar para o Document Outline. Dentro do controlador de vista - TestDrive, você tem uma vista.

Dentro desse ponto de vista, você tem uma visão de imagem contendo imagem SeeTheUSA do catálogo de ativos. A visualização de imagem é agora o mesmo tamanho que a sua visão que contém. Você precisa ser capaz de selecionar cada um separadamente, de modo a maneira mais fácil de fazer isso é no Document Outline.

Há quatro seções os ajustes de tamanho. De cima para baixo, eles são

• Métricas: Aqui no topo do inspetor Tamanho, você define as coordenadas de localização e o tamanho da vista. Na maioria das vezes, você vai usar as ferramentas construtor de interface, mas quando você quer tamanhos específicos e precisos, você digitá-los aqui.

• Conteúdo Prioridade abraçam e conteúdo Prioridade resistência à compressão: Essas seções são usadas principalmente para ajustar o tamanho da exibição com base em seu conteúdo. Cada uma delas tem um controle deslizante onde você pode ajustar os valores horizontais e verticais. Esta não é uma / off situação: em tempo de execução, os valores são pesados ​​e os valores mais elevados vencer onde há um conflito. Você pode definir restrições que são contraditórios.

  Por exemplo, você pode querer uma vista a ser posicionado em um determinado local com base em outro ponto de vista. A fim de fazer isso, a visão pode precisar de ser redimensionada. Em tal caso, uma prioridade mais elevada que abraça significará que irá resistir vista redimensionamento à custa de não cumprir o pedido para posicioná-la 10 pontos de distância a partir de um outro ponto de vista.

  A compressão é o outro lado da moeda. Se a resistência a compressão tem um valor mais alto, o redimensionamento que pode truncar o conteúdo da vista será resistiu.

• Intrínseca Tamanho: Isto é definido como padrão, que é onde você vai deixá-lo por layouts básicos. Este é o tamanho natural do ponto de vista que pode ser redimensionado ou remodelada.

• restrições: Estes são o coração de Auto Layout. Você fornece restrições quanto à localização do ponto de vista. Estas restrições podem ser contraditórias em alguns casos, mas você pode atribuir um peso a cada um para indicar que as restrições são mais importantes do que outros. Em tempo de execução, Layout automático figuras rapidamente para fora a coleção ideal de restrições que faz o máximo possível do que você quer.

Se você não vê a seção Restrições, Layout automático pode ser desligado para o seu storyboard. Para ativá-lo, selecione o storyboard no navegador de projeto e abra o inspetor de Arquivo. A opção Use Auto Layout é uma caixa de seleção na seção Interface Builder documento.

Para definir as restrições, selecione a visualização no Document Outline e selecione Editor → Resolver Auto layout Questões → Repor a restrições sugeridas em View Controller.

Você agora deve ter as três restrições. Todos os três têm a mesma estrutura básica. O primeiro um especifica o espaço à direita do ponto de vista seleccionado (o mais alto Ver objecto) para a visualização da imagem. O segundo especifica o espaço à esquerda, e o terceiro especifica do espaço inferior.

Você pode se perguntar o que conduzindo e arrastando são neste contexto. Em uma esquerda; para a direita script como Inglês, Espanhol, Francês, e assim por diante, o espaço à esquerda é o espaço entre a borda esquerda dos dois pontos de vista, e à direita é o espaço entre as bordas direitas.

Para um direito;-to esquerda linguagem como hebraico ou árabe, o espaço à esquerda é o espaço no lado direito e o espaço à direita é o espaço no lado esquerdo. Espaços para superior e inferior são independentes do sentido da linguagem.

Se você selecionar o primeiro, você verá que você pode clicar na roda de engrenagem no canto direito de cada restrição para abrir mais detalhes. O padrão é bastante simples: O espaçamento entre as bordas direito da vista mais alto e a visualização da imagem é zero pontos. Se você explorar ainda mais, você vai ver que o espaçamento inferior é o padrão, que também é zero.

Você ainda não está feito com o gerenciamento de Auto Layout. Selecione a visualização de imagem e fixá-lo para o fundo da sua superview. O uso do Editor → Pin → inferior Espaço para Superview. Isso significa que ele vai ser o tamanho certo quando o dispositivo é girado.

Video: App Pra Copiar Layouts (clash of clans)

Repita o processo para a imagem do carro. Os padrões de mostrar-lhe um outro aspecto de restrições. Você vai ter o espaço inferior padrão para superview novamente, mas você vai ter uma nova restrição que alinha o centro da imagem carro para o centro da visualização de imagem para o X (horizontal) de coordenadas.

Embora o aplicativo não será executado até que você digite o código. Mas, quando você digitar esse código, você vai ser capaz de rodar o aplicativo no simulador.

Este processo é típico de usar Auto Layout. Desenhar seu layout na cena storyboard. Algumas restrições serão criadas automaticamente para você, e você pode testar para ver o que acontece. Pode ser necessário ajustar as limitações (como por fixar um objecto a um superview). Você também pode escolher para limpar todas as restrições e redefinidas para os padrões. Outro ajuste pode ser necessário.