Custom UIView subclasses são ganhos de produtividade enormes. Você pode programá-las uma vez e depois usar o resultado em todo o seu projeto ou projetos. No entanto, por padrão o Xcode não permite também criar um arquivo .XIB para o design usando o editor Storyboard como faz para o custom UITableViewCell por exemplo.
Neste pequeno post, vou mostrar como criar um arquivo .XIB personalizado UIView com .XIB file.
Create Swift class
O primeiro passo é criar um arquivo .swift para você UIView. Algo como isto:
import UIKitclass CustomView: UIView {}Criar ficheiro .XIB arquivo
Então adicione um novo arquivo ao seu projeto a em “Interface do Usuário” selecione a opção “Ver”:
Use o mesmo nome da sua subclasse, neste caso CustomView.
Por padrão a pré-visualização é mostrada como dispositivo inteiro. Mas você pode alterar isso no Size Inspector. Em “Simulated Metrics” escolha o “Size” para ser “Freeform” e também na parte inferior selecione por exemplo iPhone 8 para se livrar das áreas seguras dos iPhones com um entalhe.
Agora você pode redimensionar a visualização livremente e aproximar como ela vai ficar em uso.
Para conectar o CustomView.xib com nossa classe, selecione a “View” no Esboço do Documento, mude para Inspetor de Identidade e como “Classe” entre no “CustomView”.
É tudo! Agora você pode projetar sua visualização e conectar @IBOutlets à classe.
Usando o CustomView
Para criar uma instância do CustomView usando .xib, adicione este método:
Precisa de código de inicialização personalizado, você pode criar o método setupView e chamá-lo antes de retornar o método view:
Bancos para a leitura!
Você tem suas próprias maneiras de criar vistas reutilizáveis? Deixe-me saber 🙂
—
Need para focar no seu iPhone? Obtenha gratuitamente o aplicativo WebBlock para o bloqueio programado de sites na App Store!