Como criar sua interface de usuário de aplicativo ios no storyboard ipad

Storyboard é uma grande ferramenta para a criação de sua interface de usuário de aplicativo iOS. No navegador de projeto, selecione o Main_iPad.storyboard

arquivo e você verá vários controladores de vista em Document Outline (Split View Controller, Mestre View Controller, e Detail View Controller). Cada controlador de exibição em um arquivo de storyboard administra um único cena (A cena, nesse sentido, é realmente apenas um controlador de vista).

No iPad, cortesia do View Controller Dividir ou um controlador popover, você pode ter várias cenas em uma tela. (No iPhone, você pode geralmente ver apenas uma cena em uma tela de cada vez.) No esboço do documento, selecione o triângulo próximo ao Mestre View Controller no Master View Controller - Scene Mestre para expandir o controlador de vista e você verá seu ponto de vista.

Se você não pode ver o Document Outline, você pode usar o Hide / Show controle Document Outline. Você também pode zoom in e out de um storyboard com um duplo clique em lona do storyboard, ou usando o controle de zoom. O sinal = retorna o storyboard para o tamanho máximo, que é a única maneira vistas são editáveis.

Para adicionar elementos de interface de usuário, selecione a exibição que deseja trabalhar com sob o controlador de vista rubrica listado no Document Outline.

É sobre o controlador de vista

Selecionando um arquivo de storyboard no navegador Projeto lança Interface Builder, que é o editor que você usa para editar os arquivos de storyboard para sua aplicação. A maioria dos aplicativos só precisa de um arquivo de storyboard, mas porque você está criando um universal aplicativo, você terá dois storyboards, um para a interface do usuário do iPad (Main_iPad.storyboard) E um para a interface de usuário do iPhone (Main_iPhone.storyboard).

Cada arquivo de storyboard você cria tem a sua própria controlador de visualização inicial, que serve como o ponto de entrada para o guião. No arquivo principal de storyboard da sua aplicação, o controlador de vista inicial seria o primeiro controlador de vista apresentado pelo seu aplicativo.

O controlador de vista é o grande kahuna aqui, e cada controlador de exibição em um arquivo de storyboard administra uma única cena. Para aplicações para o iPhone, uma cena administra o equivalente a um ecrã de conteúdo, mas para aplicações iPad, o conteúdo de várias cenas podem ser na tela simultaneamente.

Para adicionar novas cenas para seu arquivo de storyboard, tudo que você tem a fazer é arrastar um controlador de exibição da Biblioteca para a tela storyboard. Você pode então adicionar controles e outros pontos de vista (como imagem, web, ou mesmo vistas tabela) para a visão do controlador de vista.

Video: Pro Video Editing on your iPad?? An awesome NEW app!

Além da capacidade de definir o seu aplicativo como um todo, storyboards também reduzir a quantidade de código que você tem que escrever. Digamos que você queira criar uma transição de um controlador de vista a outro- tudo que você precisa fazer é Control-clique em uma exibição botão célula ou tabela em um controlador de vista e arraste para o outro.



Arrastando entre controladores de vista cria um segue, que aparece na Interface Builder como um objeto configurável. Segues apoiar todos os mesmos tipos de transições disponíveis na UIKit, tais como navegação e modais transições. Um segue também permite definir transições personalizadas.

Usando Interface Builder para adicionar os elementos de usuários

do Xcode Interface Builder permite criar um storyboard, permitindo que você colocar para fora sua interface de utilizador graficamente em cada controlador de vista. Você usar Interface Builder para projetar interface de utilizador da sua aplicação e, em seguida, salvar o que você fez como um arquivo de recurso, que está incluído em seu aplicativo e carregados em seu aplicativo em tempo de execução.

Este arquivo de recurso é então utilizado para criar automaticamente a janela e ver os controladores da sua aplicação, bem como todos os seus pontos de vista e controles.

Se você não quiser usar Interface Builder, você também pode criar seus objetos de programação - a criação de pontos de vista e ver os controladores e até mesmo coisas como botões e etiquetas utilizando o seu próprio código do aplicativo.

Video: How to Make an App | Part 1 | Design UI, Storyboard in Xcode, Programming wt Swift

Assim como você realmente obter esses pequenos controles para a visão de que vive em cena controlador do ponto de vista? Para isso, você usar uma outra área do espaço de trabalho - a área de Utility.

Você usar o seletor de exibição na barra de ferramentas para exibir ou ocultar a área de Utility. A área Utility é uma área opcional no lado direito da janela do espaço de trabalho. Para ocultar ou mostrar a área de utilitário, clique no botão Utility no Ver selector à direita na barra de ferramentas Workspace.

Quando você passa o ponteiro do mouse sobre um botão da barra de ferramentas, uma dica de ferramenta descreve a sua função.

Confira área de utilidade em toda sua glória. O painel Biblioteca foi redimensionada.

Como você pode ver, esta área inclui dois painéis, a de cima para Ajuda Rápida e outros inspectores (o inspetor de atributos é selecionado aqui), e inferior para as bibliotecas de recursos.


Publicações relacionadas