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
- Selecione table view na document outline no master view controller - scene mestre.
- 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.
- 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.
- 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.
- Abra o primeiro table view.
- Ainda no inspetor de atributos, escolha básico no menu estilo.
- Selecione o rótulo no esboço de documento.
- Por fim, selecione branco cor a partir do menu drop-down cor da secção label.
- 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.
- Arraste um rótulo do painel biblioteca para o celular.
- 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.
- Arraste um campo de texto a partir do painel biblioteca para o celular e posicioná-lo.
- No inspetor de atributos, selecione o primeiro border style (no border) na seção campo de texto.
- Usando os menus drop-down apropriadas, definir o plano de fundo para clear color eo texto a cor branca.
- 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.
- 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.
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:
Selecione Table View na Document Outline no Master View Controller - Scene Mestre.
O destaque do documento pode ser muito útil.
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.
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.
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.
Abra o primeiro Table View.
Selecione a primeira Table View celular.
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ê.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.