Como personalizar o seu ios mesa aplicativo vista para o ipad

Em um modelo de aplicativo iOS, a própria exibição de tabela é atribuído a ambos a fonte de dados e as propriedades de delegado. Isto significa que toda a funcionalidade vista Tabela é incorporado na classe vista Tabela. No entanto, ter a capacidade de atribuir outras classes para o delegado ou a propriedade fonte de dados abre a oportunidade para você compartilhar a funcionalidade entre vários objetos.

Conteúdo

Você vai encontrar um número de casos nos quadros de cacau onde a funcionalidade de um objeto é fornecidos por si só, bem como por outros objetos que podem, de tempos a tempos, ser o mesmo que o objeto primário.

Se você estiver usando a exibição de tabela apenas como um tipo de tabela de conteúdo para o seu aplicativo, selecionando células estáticos permite criar o conteúdo da célula no Interface Builder e usar segues storyboard para especificar o que acontece quando um usuário seleciona uma célula.

Os passos seguintes mostram-lhe como personalizar a exibição da tabela:

1Selecione Table View em Document Outline no Master View Controller - Scene Mestre

Document Outline pode ser muito útil.

Video: 5 Apps incríveis para o iPhone e iPad

424638.medium.jpg

2Utilização do seletor de Inspector, abra o inspetor de atributos na área de Utility, selecione agrupados a partir do menu drop-down Estilo do inspector, em seguida, digite 3 no campo Seções

Note que os pontos de vista de mesa vêm em dois estilos básicos:

Avião: O estilo padrão é chamado avião e parece realmente sem adornos - plain vanilla. É uma lista: apenas um danado após o outro. Você pode posicioná-lo, embora, assim como a exibição de tabela no aplicativo Contatos é indexado, por isso pode ser uma ferramenta muito poderosa.

agrupadas: O outro estilo é o agrupados Tabela Ver- sem surpresa, que lhe permite agrupar entradas juntas em várias categorias.

3Abra o triângulo próximo a Table View no esquema documento, veja a tabela de Visualização seções sob ele e selecione a primeira seção

O inspetor de atributos é atualizada para mostrar os atributos da primeira seção Table View.

424639.medium.jpg

4Altere o campo Linhas no Inspetor de Atributos para 2 (ou excluir uma das células) e entrar no meu destino no campo de cabeçalho

Selecione a segunda parte e, depois que o inspetor Atributos refresca, altere o campo Linhas no Inspetor de atributos a 2, e entrar Locomoção no campo de cabeçalho.

Selecione a terceira seção e, depois de o inspetor Atributos refresca, altere o campo Linhas no Inspetor de atributos a 2, e entrar planejamento minha viagem no campo de cabeçalho.

5Abra a primeira Table View

Selecione o primeiro Table View celular.

424640.medium.jpg

6Ainda no inspetor de atributos, escolha Básico no menu Estilo

O menu de estilo fornece um número de opções para a forma como a célula for formatada. Cada um formata o texto na célula um pouco diferente na etiqueta (s) que acrescenta à célula para exibir o texto. (Ou você pode deixá-lo como Personalizado, arraste em uma etiqueta (s), e formatar a etiqueta da maneira que quiser.)



Ao selecionar Basic, um triângulo de abertura é adicionado ao lado do primeiro Table View celular em Document Outline no Master View Controller - Scene Mestre. Se você abri-lo, você vê que um único rótulo foi adicionado para você.

424641.medium.jpg

7Selecione o rótulo no esboço de documentos

O inspetor Atributos exibe as propriedades do rótulo - incluindo o texto, que você pode alterar o conteúdo do seu coração.

Se você quiser, você pode mudar o estilo da fonte, selecionando o ícone da fonte. No entanto, lembre-se que o conteúdo do seu aplicativo deve ser a peça central, de modo que o uso de fontes e estilos para coisas como etiquetas padrão é geralmente uma boa idéia. Defina o texto para o rótulo de tempo.

Video: Melhores apps para iPhone e iPad: julho de 2013 - Baixaki

424642.medium.jpg

8Por fim, selecione Branco Cor a partir do menu drop-down Cor da seção Label

Sim, é, de facto, o caso que você não será capaz de ver o texto muito bem.

9Repita os passos 7-10 para formatar as duas células próximas, desta vez de entrar Eventos Mapa, respectivamente, no campo de texto no Inspetor de Atributos

Eventos é a segunda célula no meu destino, e Mapa é a primeira célula em se locomover. Você tem que tratar a célula Localizar na Locomoção um pouco diferente. Ao invés de apenas adicionando um título ao Table View celular, você vai adicionar um campo de texto do rótulo e de entrada dentro a célula de exibição de tabela.

Comece deixando o tipo de célula como Personalizado no menu Estilo. Continue com os passos que se seguem.

10Arraste um rótulo a partir do painel Biblioteca para o celular

Como você trabalha, você pode perceber que Xcode coloca um objeto View conteúdo dentro da Table View Cell- seus novos objetos, como o rótulo são colocados dentro do conteúdo de exibição automaticamente.

424643.medium.jpg

11Com o rótulo selecionado, vá para o inspetor Atributos e digite Localizar: no campo de texto e definir o rótulo e Table View texto celular a cor branca, como você fez nas etapas 9-11

Deve olhar como este.

424644.medium.jpg

12Arraste um campo de texto a partir do painel Biblioteca para o celular e posicioná-lo

No topo da seção Campo de texto do Inspetor de atributos, digite Insira um endereço ou lugar no campo de espaço reservado para ajudar o usuário a entender o que este campo de texto é para.

13No Inspetor de Atributos, selecione o primeiro estilo de Fronteiras (nenhuma beira) na seção Campo de texto

O campo de texto parece que vai desaparecer, mas você sempre pode selecioná-lo novamente no esboço de documentos.

424645.medium.jpg

14Usando os menus drop-down apropriadas, definir o fundo de cor clara eo texto a cor branca

Redimensionar e remodelar o campo de texto como desejado.

424646.medium.jpg

15Repita os passos 7-10 para formatar as duas células próximas, este entrar Destino tempo e Test Drive, respectivamente, no campo de texto no Inspetor de Atributos

Preste atenção especial ao esboço do documento à esquerda para ter certeza de que você tem todas as peças no lugar.

424647.medium.jpg

16Se você remover o ponto de interrupção de código, e em seguida, clique no botão Executar para a versão iPad, você verá esta tela

Ao clicar ou tocar em uma célula não recebe nada ainda, mas em breve.


Publicações relacionadas