Como personalizar o seu iOS App Table View 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 exibição de tabela é incorporada na classe exibição de 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.

Menu

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

Se você estiver usando a exibição de tabela somente como um tipo de tabela de conteúdo para a sua aplicação, a seleção de células estáticas 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:

1

Selecione Table View na Document Outline no Master View Controller - Scene Mestre.

O destaque do documento pode ser muito útil.

2

Utilização do seletor de Inspector, abra o inspetor de atributos na área do 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 na aplicação Contactos é indexado, por isso pode ser uma ferramenta muito poderosa.

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

3

Abra o triângulo próximo a Table View no esquema documento, veja a tabela de Visualização de secções debaixo dele, e selecione a primeira seção.

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

4

Altere o campo Fileiras 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 do inspector Atributos refresca, altere o campo Fileiras no Inspetor de Atributos a 2, e entrar Locomoção no campo de cabeçalho.

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

5

Abra o primeiro Table View.

Selecione a primeira Table View celular.

6

Ainda 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 contribui para a 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 no Document Outline no Master View Controller - Scene Mestre. Se você abri-lo, você verá que um único rótulo foi adicionado para você.

7

Selecione o rótulo no esboço de documento.

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 as coisas, como etiquetas padrão é geralmente uma boa idéia. Defina o texto para a etiqueta do tempo.

8

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

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

9

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

Eventos é a segunda célula ao meu destino, e Mapa é a primeira célula em se locomover. Você tem que tratar a célula Find em como se locomover um pouco diferente. Ao invés de apenas adicionar 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.

10

Arraste um rótulo 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 colocadas dentro do conteúdo de exibição automaticamente.

11

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

Deve olhar como este.

12

Arraste 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.

13

No Inspetor de Atributos, selecione o primeiro Border Style (No Border) na seção Campo de texto.

O campo de texto será parecem desaparecer, mas você sempre pode selecioná-lo novamente no esboço de documento.

14

Usando os menus drop-down apropriadas, definir o plano de fundo para Clear Color eo texto a cor branca.

Redimensionar e remodelar o campo de texto como desejado.

15

Repita 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.

16

Se 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 leva a nada ainda, mas em breve.

menu