Mobits - Blog

Conheça o Mobits Plaza: solução mobile para shoppings centers

2012-02-08T16:33:00Z

A Mobits acaba de lançar um novo produto voltado ao crescente mercado de shoppings: o Mobits Plaza.

O Mobits Plaza permite que qualquer shopping possa ter seu próprio aplicativo para smartphones, personalizado de acordo com sua identidade visual. Dentre as funcionalidades oferecidas no app, destacam-se: consulta de lojas, promoções, notícias, mapas, estacionamento, alertas de promoções, vitrine de lojas, cardápio dos restaurantes e lista de desejos.

Para gerenciar esse conteúdo, a solução oferece ainda uma ferramenta online. Desta forma, o shopping e os lojistas podem manter as informações sempre atualizadas em tempo real.

O shopping carioca Botafogo Praia Shopping já está utilizando o Mobits Plaza. O aplicativo está disponível gratuitamente na App Store. Para conhecer, acesse aqui.

Quer saber mais sobre o Mobits Plaza, acesse: http://www.mobitsplaza.com.br/.

POSTS RELACIONADOS:

Usando JSON no iOS 5

2012-02-03T23:27:00Z

Se você precisar fazer parsing de JSON em aplicativos para versões inferiores à 5.0 do iOS, então nós já demos a dica. Agora, se o seu aplicativo depender apenas do iOS 5 ou superior, então sua vida ficou mais simples.

Com a chegada do iOS 5, foi liberada para nós a classe NSJSONSerialization. Não precisa fazer nenhum import especial, pois ela vem no Foundation framework.

O funcionamento é muito semelhante a da solução antiga, ou seja, a partir de um conteúdo JSON, o NSJSONSerialization cria NSArrays, NSDictionaries, NSStrings, NSNumbers e NSNulls.

Supondo que você tenha o JSON abaixo em um NSData (de um arquivo ou baixado de algum site):

[
    {
        "nome": "Cine Mobits",
        "ano_lancamento": 2008,
        "ipad": false,
        "link": "http://www.cinemobits.com.br"
    },
    {
        "nome": "Mobits Button Soccer",
        "ano_lancamento": 2009,
        "ipad": false,
        "link": "http://www.mobitsbuttonsoccer.com"
    },
    {
        "nome": "The Lost Puzzles",
        "ano_lancamento": 2010,
        "ipad": false,
        "link": "http://www.thelostpuzzles.com"
    },
    {
        "nome": "The Hungry Pets",
        "ano_lancamento": 2011,
        "ipad": true,
        "link": "http://www.thehungrypets.com"
    }
]

Fazer o seu parsing é simples:

NSArray *projetosMobits = [NSJSONSerialization JSONObjectWithData:json options:0 error:&erro];  

NSDictionary *cineMobits = [projetosMobits objectAtIndex:0];
NSString *nome = [cineMobits objectForKey:@"nome"];
NSInteger *ano_lancamento = [[cineMobits objectForKey:@"ano_lancamento"] intValue];
BOOL *ipad = [[cineMobits objectForKey:@"ipad"] boolValue];

Se você tiver o JSON como um Stream:

NSArray *projetosMobits = [NSJSONSerialization JSONObjectWithStream:jsonStream options:0 error:&erro];

Em ambos os métodos acima, esse parâmetro options aceita uma bitmask com as opções:

NSJSONReadingMutableContainers: NSArrays e NSDictionaries são recuperados como mutable;
NSJSONReadingMutableLeaves: Valores NSString são recuperados como mutable;
NSJSONReadingAllowFragments: Permite que o json não seja apenas um dictionary ou array.

Essa última opção é importante caso o seu JSON possa ser apenas uma string, um número, um booleano, ou até um nulo. Ex:

null

Se NSJSONReadingAllowFragments não for fornecido, o parser reportará um erro e não fará o parsing corretamente.

Até a próxima!

POSTS RELACIONADOS:

VC Globo.com: aplicativo de colaboração para Android

2012-02-03T21:11:00Z

Desenvolvido pela Mobits, a Globo.com lançou no dia 31/01 o seu aplicativo de colaboração para smartphones Android.

O aplicativo VC Globo.com é uma ferramenta para enviar fotos, vídeos e textos, que poderão ser utilizados na cobertura da Globo.com pela internet.

E ele é bem simples, basta selecionar o canal desejado, escolher as fotos e/ou vídeos que quer enviar, cadastrar um título e uma descrição sobre a sua colaboração e pronto! Você terá contribuído para a equipe da Globo.com. Para envio de colaborações em alguns canais é necessário o cadastro Globo.com.

As suas colaborações são salvas no aplicativo. É só conferir na aba Meus Envios.

VC Globo.com já está disponível no Android Market, é gratuito e necessita do Android 2.0 ou superior. Contribuam!

POSTS RELACIONADOS:

Zurbb: descubra o que está acontecendo em sua cidade!

Blocos de código em Objective-C

2012-02-02T15:18:00Z

Na versão 4 do iOS foi introduzido o conceito de bloco de código na linguagem. Para aqueles que não estão habituados com o conceito, um bloco de código é um conjunto de instruções que podem ser passadas adiante para serem executadas em um momento oportuno. Para uma leitura mais detalhada, basta ler a página da Wikipédia (em inglês), que fala mais a respeito.

Nesse post vamos entender os casos mais básicos de bloco e saber como utilizá-los em nossos códigos

Introdução

Para contextualizar, veja os dois exemplos de utilização de bloco de código. No primeiro exemplo, vamos chamar o método do animateWithDuration:animations: da classe UIView:

CGRect novoFrame = CGRectMake(176.0, 258.0, 72.0, 96.0);
[UIView animateWithDuration:2.0
     animations:^ {
          self.view.alpha = 1.0;
          self.view.frame = novoFrame;
          self.view.transform = CGAffineTransformMakeRotation(M_PI);
     }
];

Nesse caso, quando a animação for chamada, três transformações serão efetuadas: o alpha, o frame e a rotação de 180 graus na view. Perceba que não há nenhum parâmetro sendo passado para o bloco, e que é possível utilizar variáveis criadas fora do bloco, desde que o escopo permita isso. Além disso, é possível utilizar propriedades da instância da classe onde está o código.

Já no segundo, vamos chamar o método enumerateObjectsUsingBlock: da classe NSArray:

NSArray *nomes = 
     [NSArray arrayWithObjects:
            @"Afonso", @"Felipe", 
            @"Hildi", @"Karin", 
            @"Quintana" nil];

[nomes enumerateObjectsUsingBlock:^(id object, NSUInteger index, BOOL *stop) {
     NSLog(@"%@ nome na posição %d", object, index);
}];

Já explico melhor como esse bloco funciona. Por hora, perceba que ele recebe três parâmetros. Olhando a documentação, sabemos que o bloco de código é executado para cada um dos elementos do NSArray. O primeiro parâmetro, object, é um dos elementos da coleção. A segunda variável (index) armazena o índice de object no array. E o terceiro parâmetro (um ponteiro para uma variável boolean) serve para ser utilizado dentro do bloco caso você queira parar a enumeração dos itens.

Uma vez explicado (bem por alto, reconheço) o modo como utilizar os blocos, vamos mostrar como funciona a sintaxe deles.

Sintaxe básica

Como explicado anteriormente, um bloco é simplesmente um conjunto de código executável. Neste exemplo mais simples,

^ {
     NSDate *data = [NSDate date];
     NSLog(@"A data e a hora agora é %@", data);
};

o acento circunflexo inicia o bloco, enquanto as chaves delimitam o corpo do bloco. Nesse caso, temos um bloco se comportando como um método anônimo.

Mas, sendo anônimo, como utilizar esse bloco? A maneira mais comum é a do primeiro exemplo (animação da view), em que eu passo o bloco como parâmetro, que, obviamente, é um bloco anônimo. Outra maneira de utilizar o bloco é associá-lo a uma variável e então chamar a variável. Veja como ficaria o código anterior:

void (^agora)(void) = ^ {
     NSDate *data = [NSDate date];
     NSLog(@"A data e a hora agora é %@", data);
};

Agora sim a sintaxe ficou um pouco mais complexa. Veja a imagem abaixo para entender como o bloco deve ser declarado:

Como você pode perceber, o nome do bloco é sempre declarado entre parêntesis. No nosso exemplo, a variável agora pode ser atribuída a blocos que não tenham retorno (o primeiro void) e que não tenham parâmetro (o segundo void). Para executar o código dentro do bloco, basta chamar:

agora();

Olhando o exemplo da animação da UIView, caso eu quiséssemos passar o bloco agora para o método bastaria fazer:

[UIView animateWithDuration:2.0 animations:agora];

Parâmetros para o bloco

Como toda função que se preze, um bloco pode receber parâmetros. Imagine um bloco que, dado um inteiro, retorna esse número ao quadrado. Declarando um bloco anônimo, temos o seguinte:

^(int numero) {
     return numero * numero;
};

agora, associando a uma variável, temos:

int (^quadrado)(int) = ^(int numero) {
     return numero * numero;
};

e fazendo a associação anterior:

Para utilizar a variável, nada mais simples:

int q = quadrado(8); //q tem valor 64

Nesse caso, só há um parâmetro inteiro. Para outros parâmetros, basta separar os tipos deles por vírgula. Um bloco de método que multiplica duas variáveis ficaria assim:

int (^multiplicar)(int, int) = ^(int a, int b) {
    return a * b;
};

E, obviamente, a variável pode ser chamada da seguinte forma:

int x = multiplicar(2,3); //x tem valor 6

Enfim, espero que essa breve (nem tão breve assim) introdução sobre blocos tenha ajudado. Para um maior aprofundamento, vale a pena dar uma lida na documentação da Apple sobre o assunto. Qualquer dúvida, manda aí nos comentários.

POSTS RELACIONADOS:

Customizando sua UITabBar no iOS 5

2012-01-27T21:00:00Z

O iOS 5 oferece novas APIs que permitem que elementos antes padronizados do iOS agora possam ser modificados de acordo com seu layout.

Uma dessas APIs permite que você altere o fundo da UITabBar da seguinte forma:

UIImage *tabBackground = [[UIImage imageNamed:@"tab_bg"] resizableImageWithCapInsets:UIEdgeInsetsMake(0, 0, 0, 0)];
[[UITabBar appearance] setBackgroundImage:tabBackground];

Se você tentar executar esse código no iOS 4 ou inferior receberá o erro unrecognized selector sent to class ao tentar chamar o [UITabBar appearance], isso ocorre porque esse método de classe está disponível apenas no iOS 5.

Outra coisa que pode ser alterada é a imagem sobre o item selecionado, feita da seguinte forma:

[[UITabBar appearance] setSelectionIndicatorImage:[UIImage imageNamed:@"tab_select_indicator"]];

Utilizando a API appearance é possível fazer interfaces bem mais customizadas, como essa tabBar:

Em breve daremos mais dicas de layout.

POSTS RELACIONADOS:

Como enviar arquivos via HTTP no Android

2012-01-27T17:59:00Z

Quem algum dia precisou fazer envio de arquivos mais elaborado via http no Android, já deve ter percebido que não existe um HttpEntity especial para isso. Foi ao passar por este problema que precisei buscar alternativas e é este o tema deste post.

O problema era fazer envio de arquivo como multipart/form-data-encoded e o Android não traz essa funcionalidade nativamente. Para fazer esse tipo de envio, descobri o MultipartEntity, que faz parte do HttpClient da Apache.

Antes de utilizá-lo, lembre-se de incluir os jars do HttpClient no seu projeto. Veja como o MultipartEntity funciona no exemplo abaixo:

 MultipartEntity entity = new MultipartEntity(HttpMultipartMode.BROWSER_COMPATIBLE, boundary, Charset.defaultCharset());    
 byte[] data = //seu arquivo em array de bytes
 ByteArrayBody b = new ByteArrayBody(data, "image/png", "nome_arquivo.png");
 entity.addPart("file", b);
 in.close();

Neste exemplo, vale lembrar que é preciso passar o boundary e seu arquivo em formato de array de bytes. Você pode passar seu arquivo de outras maneiras, além do ByteArrayBody, existem outros tipos como: AbstractContentBody, FileBody, InputStreamBody e StringBody. Veja a documentação aqui para saber mais detalhes.

Espero que a dica também seja útil a vocês!

POSTS RELACIONADOS:

Zurbb: descubra o que está acontecendo em sua cidade!

2012-01-24T18:15:00Z

A Mobits acaba de desenvolver as versões para iPhone/iPod Touch e Blackberry do Zurbb - serviço que mostra o que está acontecendo na cidade, através de colaborações (zurbbs) feitas pelos próprios usuários e promoções feitas pelos estabelecimentos (lugares) catalogados. Veja como ele funciona para evitar furadas e a aproveitar o que há de melhor ocorrendo na cidade!

No aplicativo, é possível ter uma visão geral do que está acontecendo na cidade, através da listagem dos útlimos zurbbs, promos e lugares recentemente mencionados. Os zurbbs, promos e lugares podem ser vistos de acordo com sua categoria (para comer, bares, noite e carnaval) e localização (próximos a mim ou próximo a um endereço) ou de acordo com o radar do usuário ou um determinado lugar. O radar é um conjunto de lugares de interesse do usuário.

Os zurbbs e promos podem ser respondidos ou ganhar um Up. Responder um zurbb ou promo é o mesmo que fazer um comentário a respeito dele. E fazer um Up significa aumentar a importância daquele zurbb ou promo, fazendo com que ele pule para o topo da lista. As promos podem ser obtidas a qualquer momento e seus cupons ficam disponíveis no perfil do usuário.

No perfil, o usuário tem rápido acesso ao seu radar, seus pontos, promos e avisos gerais do Zurbb.

Para fazer parte do Zurbb é fácil, basta se cadastrar pelo aplicativo ou pelo site.

Os aplicativos já estão disponíveis gratuitamente em suas respectivas lojas. Seguem os links abaixo:

Utilizando imagens redimensionáveis no iOS

2011-12-30T17:46:00Z

O Problema

É comum desenvolvermos telas que utilizam imagens com cantos arredondados e gradientes de modo a enriquecer a aparência do produto final. Em geral, pedimos para o designer cortar essas imagens no tamanho exato para o qual ela foi planejada. Contudo, existem diversos casos onde queremos redimensioná-las ou apresentá-las em diversos formatos diferentes.

Solução trivial

Se, inocentemente, você simplesmente redimensionar a UIImageView para o formato desejado, a imagem ficará distorcida como nos exemplos abaixo.

A segunda opção, e provavelmente a escolhida pela maioria, é criar uma imagem para cada cenário onde será utilizada, chegando aos resultados abaixo.

Essa solução atinge o objetivo visual esperado, mas dificulta a gerência de diversos arquivos muito semelhantes e ainda aumenta o tamanho do aplicativo final.

Soluções com apenas uma imagem

Como vimos anteriormente, o Android SDK possui suporte nativo ao conceito de 9-patch o que resolve facilmente o problema acima a partir de um único arquivo .9.png. No iOS não existe suporte nativo ao formato, mas existem soluções menos flexíveis que podem ser empregadas para atingir o mesmo objetivo.

UIImage strechable/resizable

Se seu aplicativo precisa funcionar em iOS 4.x ou inferior:

- (UIImage *)stretchableImageWithLeftCapWidth:(NSInteger)leftCapWidth topCapHeight:(NSInteger)topCapHeight;

O método acima cria uma imagem a partir da original informando a porção desta (em pixels) que deve permanecer inalterada quando houver redimensionamento. Conceitualmente, o resultado fica assim:

O retângulo vermelho será preenchido pelo pixel na posição (leftCapWidth + 1, topCapHeight + 1), enquanto as regiões amarelas serão preenchidas pelo segmento lateral de 1px no sentido indicado pelas setas.

Ex:

UIImage *image = [[UIImage imageNamed:@"stretch.png"] 
                  stretchableImageWithLeftCapWidth:13 topCapHeight:15];

self.imageView.image = image;

O método acima está obsoleto no iOS 5. Neste caso, você poderá usar:

- (UIImage *)resizableImageWithCapInsets:(UIEdgeInsets)capInsets;

Assim, como o método antigo, este cria uma imagem a partir da original com definições de como esta deve ser redimensionada. A diferença é que utilizamos um UIEdgeInsets para definir um retângulo que servirá de referência para o processo de redimensionamento. Eis o conceito:

Agora, ao invés de expandir um único pixel, será definida uma área (em vermelho) que deverá ser replicada para preencher o espaço necessário. As áreas amarelas também serão replicadas nos sentidos indicados. Para realizar um comportamento semelhante ao método anterior, basta definir os insets com tamanho zero (ou "negativo"). Ex.

// defino os insets com o right e o bottom exagerados, para que apenas 1px seja replicado
UIImage *image = [[UIImage imageNamed:@"stretch_tile.png"] resizableImageWithCapInsets:UIEdgeInsetsMake(48, 38, 1000, 1000)]; 
self.imageView.image = image;

UIView contentStretch

As soluções anteriores agem diretamente sobre a UIImage. Existe um outro caminho que age sobre o container (UIView):

@property(nonatomic) CGRect contentStretch; //Em UIView.h

Este método causa um comportamento ligeiramente semelhante aos anteriores, mas é utilizado na UIImageView e não na UIImage.

self.imageView2.contentStretch = CGRectMake(0.1, 0.05, 0.7, 0.8);

Repare que neste caso, o retângulo de referência não é mais definido em pixels, mas em proporções (de 0.0 a 1.0). No exemplo acima, o retângulo terá a origem em (10%, 5%) do tamanho da UIImageView e seu tamanho será de (70%, 80%) da mesma.

Limitações

Gradientes

Os métodos que atuam sobre a UIImage e o contentStretch manipulam a imagem de maneiras diferentes. Essa diferença é perceptível em alguns casos como no redimensionamento de uma imagem com gradiente. Veja os exemplos:

Somente o contentStretch de fato estica a área central, permitindo que o gradiente se distribua mais uniformemente. Se for necessário que uma imagem se expanda no mesmo sentido que o gradiente, então essa técnica é a mais indicada. Se a expansão for majoritariamente no eixo perpendicular ao gradiente, então todas terão o efeito semelhante:

UIButtons

O caso mais comum de uso de imagens como as anteriores é como fundo dos UIButton. Infelizmente, o comportamento do contentStretch nos UIButton não é o esperado e não influencia a maneira como a imagem de fundo é exibida. Neste caso, precisamos usar os métodos de UIImage para resolver nosso problema:

[self.button setBackgroundImage:image forState:UIControlStateNormal];

Contudo, quando queremos que o botão realce ou esmaeça a imagem se selecionado ou desabilitado, preenchemos as propriedades adjustsImageWhenHighlighted e adjustsImageWhenDisabled. Infelizmente, ao usarmos a técnica acima, os efeitos de highlight e de desabilitado são aplicados de maneira errada.

Para contornar esse problema, precisamos criar outras duas imagens, uma para cada estado e associá-las ao UIButton.

[self.button setBackgroundImage:imageDisable forState:UIControlStateDisabled];
[self.button setBackgroundImage:imageHighligh forState:UIControlStateHighlighted];

Outras técnicas

Todas as soluções acima são nativas do iOS. Existem soluções de terceiros, que ainda não testamos, que permitem, p. ex. utilizar o 9-patch de maneira semelhante ao Android. Se alguém tiver a oportunidade de usar essa ou outra solução e quiser comentar aqui, não se acanhe.

POSTS RELACIONADOS:

Peixe Urbano e Mobits desenvolvem os aplicativos para iPhone e Android

2011-12-27T16:54:00Z

O Peixe Urbano lançou na última quarta-feira, dia 21/12, os seus aplicativos para iPhone/iPod Touch e smartphones com Android. Agora ficou mais fácil comprar uma oferta e acessar seus cupons de qualquer lugar!

Tanto no aplicativo para iOS quanto para Android, o usuário pode ver na palma da mão as ofertas do dia, comprar e conferir seus cupons. Acessar seu saldo e cadastrar uma cidade para receber as ofertas do dia por e-mail também ficou bem simples.

Além dessas funcionalidades, é possível compartilhar uma oferta e sua compra via Facebook, Twitter, e-mail e sms com os amigos.

Requisito mínimo para iPhone é o iOS4 e para smartphones Android é o 1.6. Os aplicativos Peixe Urbano já estão disponíveis na App Store e no Android Market. Confira!

POSTS RELACIONADOS:

Mobits desenvolve aplicativo do Ego para a Globo.com

Promoção de Natal Mobits - aplicativos a $0,99

2011-12-21T18:56:00Z

A Mobits está presenteando seus usuários neste Natal! Baixamos o preço dos nossos principais jogos para $0.99, não perca!

Jogos em promoção

Os jogos abaixo estão em promoção até o dia 31/12 e disponíveis tanto na App Store Brasileira quanto na internacional.

The Hungry Pets - $1,99 $0,99

Ideal para jogar com seus filhos e amigos, o The Hungry Pets é um jogo de tabuleiro que exige inteligência e estratégia. Neste jogo, cada jogador deve achar o caminho para sua comida antes dos demais. Itens especiais podem ajudá-lo a chegar mais rápido ou atrapalhar seus adversários :P.

Download na App Store Nacional | Download na App Store Americana

Mobits Button Soccer - $1,99 $0,99

Nosso famoso futebol de botão em versão de bolso, Mobits Button Soccer, permite jogos com dois jogadores no mesmo dispositivo, dois dispositivos conectados por bluetooth ou online, além de jogos contra a máquina em amistosos e campeonatos.

Download na App Store Nacional | Download na App Store Americana

Mobits Button Soccer HD - $2,99 $0,99

A versão HD do Mobits Button Soccer foi totalmente adaptada para o iPad, ideal para fazer do seu iPad um mini tabuleiro de futebol de botão.

Download na App Store Nacional | Download na App Store Americana

Promoção Cine Mobits

Também estamos realizando uma promoção no Cine Mobits, nosso aplicativo de consulta de programação de cinemas no celular: todos os usuários que curtirem a página do Cine Mobits no Facebook irão concorrer a 3 vale-ingressos da ingresso.com no valor de 50 reais cada.

Mobits desenvolve aplicativo do Ego para a Globo.com

2011-12-19T18:06:00Z

Desenvolvido pela Globo.com e pela Mobits, o aplicativo para iPad com conteúdo exclusivo do portal Ego chega à App Store.

O aplicativo traz o conteúdo do portal Ego com uma experiência diferente - visualização das matérias no formato de uma revista - e permite ao leitor ver os detalhes das notícias, as fotos, além de compartilhar nas principais redes sociais.

O aplicativo está disponível para download na App Store.

POSTS RELACIONADOS:

Mobits na AndroidConf Brasil 2011

2011-12-01T22:01:00Z

Como já havíamos comentado por aqui, no último sábado rolou a primeira edição do AndroidConf Brasil. E tenho que dizer que o evento foi um sucesso! Com todas as 250 vagas preenchidas, a conferência foi marcada por palestras muito interessantes. Veja o que rolou por lá!

O AndroidConf contou com quatro keynotes principais, dois nacionais e dois internacionais. São eles:

Bruno de Oliveira (Google Brasil) - em sua palestra de abertura, ele contou sobre as novidades do Ice Cream Sandwich, versão recém-lançada do sistema operacional Android;
Mark Allison (StylingAndroid.com) - blogueiro do site StylingAndroid.com e deu diversas dicas de como fazer diagramações no Android;
Ricardo Lecheta (Livetouch) - autor do primeiro livro em português sobre o assunto (Google Android - aprenda a criar aplicações para dispositivos móveis com o Android SDK) falou sobre como o uso de Fragments pode facilitar a vida quando se tem muitas informações em telas de tablet;
Michael Burton (Groupon) - fechou o evento, apresentando o RoboGuice: Dependency Injection for Android. O RoboGuice visa facilitar o desenvolvimento de aplicações Android.

Além dos keynotes, também teve palestras abordando os mais diversos assuntos como: a criação de jogos, uso de OpenGL, o gerenciamento de memória, persistência de dados e automação residencial. Houve também um Coding Dojo e um Lightning Talks dos participantes. No Lightning Talks, os participantes tiveram a oportunidade de realizar uma mini-palestra de 5 minutos cada.

Nós, da Mobits, ficamos muito felizes e satisfeitos com a organização e o resultado do evento. Acreditamos que é importante apoiar e incentivar iniciativas como esta, que visam o crescimento da comunidade de desenvolvedores mobile no Brasil.

POSTS RELACIONADOS:

Dicas de layout para aplicativos Android

2011-12-01T18:01:00Z

O Android SDK provê diversos recursos interessantes para a criação de layouts que se adaptam às diversas telas e resoluções dos aparelhos. Seguem algumas dicas que costumamos utilizar em nossos projetos.

Imagens .9.png

Como aplicativos Android podem ser instalados em vários smartphones que possuem telas diferentes, a gente acaba tendo que fazer várias imagens de tamanhos diferentes. Mas em alguns casos, nós podemos utilizar as imagens .9.png.

Mas o que é esse formato? Simples, ele permite que as imagens sejam esticadas, sem perder qualidade, vertical e horizontalmente (conforme determinado por você), dependendo da tela do aparelho. E como fazer? Basta utilizar um programinha disponibilizado pela Google quando você baixa o Android SDK chamado draw9patch. Para saber mais, clique aqui.

Abaixo, um exemplo de imagem .9.png:

O exemplo acima poderia gerar os seguintes resultados sem nenhum esforço:

Aqui na empresa nós utilizamos muito esse artifício para botões que possuem o mesmo background, economizando o trabalho do designer e também o tamanho do aplicativo.

Gradiente (Degradê)

Quando queremos utilizar algum tipo de gradiente nos nossos layouts, podemos criar um arquivo xml em drawable da seguinte maneira:

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle">
<gradient android:startColor="#7F9BA4" android:endColor="#59707D"
    android:angle="270" />
</shape>

O que ele faz nada mais é que determinar o formato do gradiente, no nosso caso é retangular, e as cores de início e fim. É bem simples e o resultado é igual ao de uma imagem feita do mesmo jeito. O mais legal é que você também economizará o trabalho do designer e o tamanho do aplicativo.

Borda arredondada

Abaixo, outra dica: implementar bordas arredondadas.

<?xml version="1.0" encoding="UTF-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"> 
    <solid android:color="#00FFFF" /> 
    <padding android:left="4dp" android:top="4dp" 
        android:right="4dp" android:bottom="4dp" /> 
    <corners android:radius="4dp" /> 
</shape>

Basta você colocar na pasta drawable e chamá-lo no background de um LinearLayout, por exemplo. Os cantos ficarão arredondados!

Diferentes estados de botão

Quando temos um botão em nosso layout, é importante exibir os seus diferentes estados para o usuário saber o que está acontecendo. Para isso, precisamos criar um arquivo xml em drawable com o seguinte conteúdo, por exemplo:

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_pressed="true"  android:drawable="@drawable/botao_selecionado" />    
    <item android:state_focused="true" android:drawable="@drawable/botao_com_foco" /> 
    <item android:drawable="@drawable/botao_normal" />
</selector>

Para usá-lo, basta chamá-lo no background do botão em questão.

Espero que essas dicas ajudem a vocês como me ajudaram. E se tiver outra, deixe seu comentário! Até breve :)

POSTS RELACIONADOS:

Vaga de estágio para dispositivos móveis

2011-11-28T17:11:00Z

Venha aprender e desenvolver para dispositivos móveis!

ATUALIZADO: Inscrições encerradas. Obrigado a todos que enviaram seus currículos.

Estamos em busca de um estagiário para participar de nossos projetos para dispositivos móveis. A oportunidade é para aprender e desenvolver nas seguintes plataformas:

iOS
Android
Blackberry
Outras (dependendo da demanda)

A carga horária é de 20h/semana no local (Centro) com horário flexível.

Requisitos

Estar cursando o 5o período em diante;
Bons conhecimentos em Java;
Facilidade para aprender novas linguagens.

Desejável

Contato com desenvolvimento Android;
Experiência de trabalho em equipe.

Interessados, enviem currículo para rh[arroba]mobits.com.br

Atalhos de teclado para o Xcode 4

2011-11-23T17:15:00Z

Há pouco tempo, publiquei um artigo com algumas dicas para desenvolvedores iOS, incluindo uma lista com os principais atalhos de teclado para o Xcode 3.x.

Contudo, com a migração para o Xcode 4, qualquer desenvolvedor que esteja acostumado com os atalhos antigos, poderá ficar ~~furioso~~ perdido, pois além dos novos comandos, os atalhos antigos foram em grande parte alterados.

Para ajudar a quem gosta de programar usando atalhos de teclado para tudo, seguem as listas:

Principais atalhos (http://pragmaticstudio.com/)
Lista completa (http://cocoasamurai.blogspot.com/)

Se você ~~estiver revoltado~~ sentir-se desconfortável com alguma mudança, também é possível reconfigurar facilmente os atalhos antigos em Xcode > Preferences... > Key Bindings