Como criar um aplicativo com o Xcode para Mac OS
Neste artigo vou ensinar a vocês como programar de forma fácil para a plataforma Mac OS. Antes de começar, o modelo apresentado permite criar um webapp, isto é, uma forma de transformar seu site ou blog (ou outro site qualquer) em um aplicativo de área de trabalho. Uma aplicação com WebView.
Para começar, este tutorial foi criado baseado na interface de programação Xcode, disponível na AppStore, apenas para Macs. Vamos começar:
– Uma vez no Xcode, vamos criar um novo projeto. Nomeie-o e vá em “Application”>”Cocoa Application”;
– Em seguida, dê um nome ao seu projeto e na tela seguinte escolha onde será salvo. Nesta etapa, sua tela deverá estar configurada assim:
– Depois, observe a linha onde está escrito “@property (weak) IBOutlet NSWindow *window;” e crie a variável para o webview, colando o código abaixo da linha citada:
@property (strong) IBOutlet WebView *webview;
– Agora vamos fazer uma pausa no código (mas já??!) e criar um detalhe importante: a janela do app! Seu passo agora é olhar para a árvore de arquivos na lateral da tela e clicar no arquivo “MainMenu.xib”. Depois clique em “Main View”, que é o terceiro ícone de baixo pra cima na barra esquerda de ícones dessa janela;
– Lá na lateral direita, no canto inferior, em “Source Control”, procure por Webview e arraste-o para dentro da janela no centro da tela. Não é preciso redimensionar o Webview dentro da janela. Ao final desse processo sua tela deve estar assim:
– Agora nosso projeto começa a ter uma cara. Clique com o botão direito em “Delegate”, o quarto ícone na sequência de ícones aí na esquerda da janela. Na opção “Webview”, clique no “+” e arraste ele para a janela do aplicativo. Deverá ficar assim:
– Agora vamos voltar ao código. Cole o código seguinte logo abaixo da linha “@interface AppDelegate”. Isso vai permitir fechar seu aplicativo por completo quando clicar no botão vermelho da janela:
– (BOOL)applicationShouldTerminateAfterLastWindowClosed:(NSApplication *)theApplication{
return YES; //metodo para fechar janela
}
– Ainda no arquivo “AppDelegate.m” e cole o seguinte código dentro das chaves da linha onde está escrito “(void)applicationDidFinishLaunching: (NSNotification *)aNotification”:
NSURL*url=[NSURL URLWithString:@”http://www.blogmarciocunha.com.br”];
NSURLRequest*request=[NSURLRequest requestWithURL:url];
[[_webview mainFrame] loadRequest:request];
Esta etapa é para carregar o URL dentro daquela janela que criamos.
– Agora vamos adicionar a segunda parte do código. Nesta etapa, o código abaixo deve ser colado abaixo do código que criamos acima. ela serve para redimensionar o webview dentro do design:
[self.window setContentView:self.webview]; // webview == window size
– Agora a terceira parte. Nesta etapa o objetivo é permitir o modo tela cheia para a sua aplicação. Basta colar o código abaixo logo abaixo do código que foi colocado no segundo passo:
[self.window setCollectionBehavior:
NSWindowCollectionBehaviorFullScreenPrimary]; // Allow fullscreen mode
Seu código completo deve ter ficado assim:
– Agora o último passo é ir ao arquivo “MainMenu.xib”, clicar com o botão direito e ir em “Open as” e selecionar “Source Code”. Quando visualizar o código fonte, procure a linha <rect key=”contentRect” x=”335″ y=”390″ width=”480″ height=”360″/> e mude os valores de “width” e “height” para os valores desejados de largura e altura que queira que a janela apareça.
– Uma dica opcional, mas importante, é você ir no arquivo info.plist e acrescentar o código abaixo. Esse passo é importante pois evita o bloqueio de alguns domínios .com.br;
<key>NSAppTransportSecurity</key>
<dict>
<key>NSAllowsArbitraryLoads</key><true/>
</dict>
– Posteriormente, você pode querer trocar os ícones do seu aplicativo. Isso pode ser feito em “Assets.xcassets” no menu de arquivos na esquerda;
– Para testra o app, basta clicar em “Play” e pronto! Agora você já pode exportar e distribuir seu aplicativo, isso pode ser feito na barra de menus do Xcode, em “Product” e em seguida “Archive”. Veja como ficou o app:
