Prática 4: Criando a Tela de Sobre

Assista e acompanhe a prática em sala dos exercícios "Criando a Tela de Sobre". Execute as instruções conforme a apresentação.

Exercício 1: Criando a Tela de Sobre

1.1. Adicione um View Controller ao Storybaord

No arquivo Main.storyboard adicione um novo View Controller abaixo do de Configurações.

1.2. Crie um relationship segue para o novo View Controller

No arquivo Main.storyboard a partir do Tab Bar Controller crie um relationship segue.

1.3. Configure o ícone do Tab Bar

No arquivo Main.storyboard selecione o ícone da Tab Bar do View Controller criado e modifique as propriedades para:

  • Title: Sobre.
  • Image: TabBarIcon_About.

1.4. Adicione um Label para o nome do App

No arquivo Main.storyboard no View Controller recém criado, adicione um Label centralizado a tela. Adicione as constraints para mante-lo centralizado verticalmente e horizontalmente e modifique seus atributos conforme a tabela abaixo:

Propriedade Valor
Text Plain - Traqt
Font System Bold 48.0

Exercício 2: Mostrando a informação de versão

2.1. Crie a classe AboutViewController usando o template Cocoa Touch Class

A classe deve ficar dentro do grupo ViewControllers e deve herdar de UIViewController.

2.2. Associe a classe ao View Controller no Storyboard

No arquivo Main.storyboard localize o View Controller da tela Sobre e modifique sua classe para AboutViewController no Identity Inspector.

2.3. Adicione um label para o número da versão

No arquivo Main.storyboard localize o View Controller da tela Sobre e adicione mais um Label logo abaixo do de título. Acrescente as constraints para centralizar os dois Labels no eixo X e para manter o Label de versão a uma distancia vertical de 8 pontos.

2.4. Crie um Outlet para o Label de versão com o nome versionLabel

2.5. Atualize o método viewDidLoad

No arquivo AboutViewController.swift atualize o método viewDidLoad conforme o código abaixo:

let version = NSBundle.mainBundle().objectForInfoDictionaryKey("CFBundleShortVersionString") as? String
let build = NSBundle.mainBundle().objectForInfoDictionaryKey(kCFBundleVersionKey as String) as! String
self.versionLabel.text = "Versão \(version!) (Build \(build))"