{"id":6525,"date":"2016-06-07T17:50:07","date_gmt":"2016-06-07T20:50:07","guid":{"rendered":"http:\/\/www.impacta.com.br\/blog\/?p=6525"},"modified":"2016-06-07T17:50:07","modified_gmt":"2016-06-07T20:50:07","slug":"7-dicas-para-melhorar-suas-habilidades-de-programacao-para-android","status":"publish","type":"post","link":"https:\/\/www.impacta.com.br\/blog\/7-dicas-para-melhorar-suas-habilidades-de-programacao-para-android\/","title":{"rendered":"7 dicas para melhorar suas habilidades de programa\u00e7\u00e3o para Android"},"content":{"rendered":"

\u00c9 muito f\u00e1cil come\u00e7ar na programa\u00e7\u00e3o\u00a0para Android. Com uma comunidade enorme e amig\u00e1vel de desenvolvedores, c\u00f3digo fonte dispon\u00edvel por completo e uma extensa documenta\u00e7\u00e3o, seu apelo \u00e9 quase irresist\u00edvel. <\/span><\/p>\n

E a grande variedade de ferramentas para seus ambientes de desenvolvimento<\/strong> (IDEs), com muitas demos dispon\u00edveis, suaviza muito sua curva de aprendizado.<\/span><\/p>\n

Como se isso j\u00e1 n\u00e3o fosse bom o bastante, sua utiliza\u00e7\u00e3o massiva faz com que apare\u00e7am no mercado excelentes cursos e treinamentos<\/span><\/a>, para aqueles que preferem o aprendizado met\u00f3dico ao inv\u00e9s de se aventurar sozinho.\u00a0<\/span><\/p>\n

E aqui vai nossa colabora\u00e7\u00e3o para suavizar ainda mais este processo, para que voc\u00ea possa tirar um proveito ainda maior dos seus esfor\u00e7os de programa\u00e7\u00e3o\u00a0para Android.<\/span><\/p>\n

#1. ScrollViews e ListViews s\u00e3o como aspirina<\/strong><\/span><\/h2>\n

Esta \u00e9 uma das discuss\u00f5es mais comuns entre desenvolvedores Android: mais de uma d\u00fazia de combina\u00e7\u00f5es de tamanhos de tela e resolu\u00e7\u00f5es<\/span><\/a>. <\/span><\/p>\n

Como ajustar seu aplicativo para tanta variedade? Apesar do grande n\u00famero de dispositivos com diferentes tamanhos de tela, a maioria destas varia\u00e7\u00f5es (pelo menos no caso dos telefones) \u00e9 na altura da tela. E \u00e9 por isso que os componentes ScrollView e ListView v\u00e3o evitar dores de cabe\u00e7a.<\/span><\/p>\n

Mas eles n\u00e3o s\u00e3o apropriados para todas as views sem exce\u00e7\u00e3o. Por exemplo, para dashboards (apps de previs\u00e3o do tempo, de fitness, resumo financeiro, etc.), os usu\u00e1rios v\u00e3o querer visualizar o painel todo, sem rolagem. Para estat\u00edsticas mais avan\u00e7adas a rolagem j\u00e1 \u00e9 menos problem\u00e1tica.<\/span><\/p>\n

Tanto quanto poss\u00edvel, prepare seus layouts para serem exibidos em diferentes telas sem rolagem; se n\u00e3o der, os dois componentes desta dica s\u00e3o uma sa\u00edda f\u00e1cil para garantir que o conte\u00fado vai funcionar bem em muitas telas diferentes.<\/span><\/p>\n

#2. Truques de estrutura de diret\u00f3rios para aumentar a cobertura de dispositivos de sua app<\/strong><\/span><\/h2>\n

Por exemplo, nas pastas dos layouts XML<\/strong> voc\u00ea pode incluir qualificadores de configura\u00e7\u00e3o nos nomes das pastas que cont\u00eam configura\u00e7\u00f5es diferentes da sua configura\u00e7\u00e3o padr\u00e3o. <\/span><\/p>\n

Digamos que voc\u00ea est\u00e1 preparando um arquivo de layout voltado para uma largura de tela de 480dp; voc\u00ea pode criar uma pasta chamada layout-sw360dp com os layouts personalizados para esta resolu\u00e7\u00e3o. Se voc\u00ea for alternar o layout entre retrato (portrait) e paisagem (landscape), pode ir um passo adiante:<\/span><\/p>\n

layout-sw480dp-land<\/span><\/p>\n

layout-sw480dp-port<\/span><\/p>\n

Opa, metade dos seus usu\u00e1rios fala espanhol? Voc\u00ea n\u00e3o vai querer deix\u00e1-los de fora, experimente:<\/strong><\/span><\/p>\n

layout-sw480dp-land<\/span><\/p>\n

layout-sw480dp-port<\/span><\/p>\n

layout-sw480dp-land-es<\/span><\/p>\n

layout-sw480dp-port-es<\/span><\/p>\n

As duas primeiras pastas acima estar\u00e3o dispon\u00edveis para todos os outros idiomas, as duas com final -es somente para o espanhol.<\/span><\/p>\n

Saiba mais na se\u00e7\u00e3o Providing Alternative Resources<\/span><\/a> da documenta\u00e7\u00e3o Android.<\/span><\/p>\n

#3. “QuickStart” para as pastas de recursos (de carona nos Alternative Resources)<\/strong><\/span><\/h2>\n

XXX \/\/ sem qualificadores de configura\u00e7\u00e3o, valores default (layout, menu, values, etc.) \u2013 para usar com S2, LG G2, Nexus<\/span><\/p>\n

XXX-sw360dp \/\/ smartphones maiores \u2013 Galaxy Nexus, S3, S4, LG L Prime<\/span><\/p>\n

XXX-sw600dp \/\/ tablets de 7 polegadas<\/span><\/p>\n

XXX-sw720dp \/\/ tablets de 10 polegadas<\/span><\/p>\n

As coisas s\u00e3o diferentes para dispositivos Kindle, use:<\/span><\/p>\n

XXX-large-mdpi \/\/ kindle fire 7 polegadas<\/span><\/p>\n

XXX-large-hdpi \/\/ kindle fire 7 polegadas HD<\/span><\/p>\n

\"Algumas<\/a><\/h1>\n

#4. Voc\u00ea pode personalizar diferentes arquivos ‘dimens.xml’<\/strong><\/span><\/h2>\n

Assim voc\u00ea pode trabalhar com um \u00fanico conjunto de arquivos XML na pasta layout, incluindo neles configura\u00e7\u00f5es como a seguinte:<\/span><\/p>\n

<ImageView<\/span><\/p>\n

android:layout_centerHorizontal=”true”<\/span><\/p>\n

android:layout_marginTop=”@dimen\/margem_pequena”<\/span><\/p>\n

android:layout_width=”@dimen\/larguraPainel”<\/span><\/p>\n

android:layout_height=”@dimen\/alturaPainel”<\/span><\/p>\n

android:id=”@+id\/painel”\/><\/span><\/p>\n

Onde o valor de ‘margem_pequena’ est\u00e1 definido em um arquivo dimens.xml (na pasta ‘values’):<\/span><\/p>\n

<resources><\/span><\/p>\n

\u00a0<dimen name=”margem_pequena”>5dp<\/dimen><\/span><\/p>\n

<\/resources><\/span><\/p>\n

O valor de ‘5dp’ n\u00e3o vai ser o mesmo entre os diferentes arquivos ‘dimens.xml’. Teste o resultado do seu layout em diferentes resolu\u00e7\u00f5es e ajuste conforme necess\u00e1rio. Seria mais f\u00e1cil usar um \u00fanico valor e deixar o Android se virar para redimensionar os elementos da tela, mas alguns objetos ficam realmente feios quando s\u00e3o redimensionados.<\/span><\/p>\n

#5. Fa\u00e7a com que os espa\u00e7os sejam mais redimensionados do que os objetos<\/strong><\/span><\/h2>\n

E fa\u00e7a com que os elementos gr\u00e1ficos sejam mais redimensionados do que os bot\u00f5es. Bot\u00f5es, checkboxes e switches ficam muito feios quando s\u00e3o redimensionados. Um bot\u00e3o de 100dip n\u00e3o vai ficar legal com 200dip em um tablet com o dobro de largura de tela. <\/span><\/p>\n

S\u00f3 porque a tela \u00e9 maior, n\u00e3o quer dizer que ela ser\u00e1 usada por gigantes. Sempre que poss\u00edvel, deixe que o tamanho entre os bot\u00f5es aumente, junto da expans\u00e3o das imagens e dos outros elementos gr\u00e1ficos.<\/span><\/p>\n

#6. Use a ferramenta GraphicalLayout para previews de tela<\/strong><\/span><\/h2>\n

O GraphicalLayout<\/span><\/a> \u00e9 a ferramenta visual de edi\u00e7\u00e3o dos arquivos XML. Voc\u00ea pode preferir escrever seus elementos direto no XML, ao inv\u00e9s de arrastar e soltar, mas depois que o b\u00e1sico est\u00e1 montado\u00a0\u00e9 bom testar o resultado em v\u00e1rios tamanhos de tela. <\/span><\/p>\n

Para isso, basta selecionar um dispositivo diferente no menu dropdown que fica no topo da janela do GraphicalLayout.<\/span><\/p>\n

#7. Use os recursos XML Drawables<\/strong><\/span><\/h2>\n

Sempre que puder use elementos gr\u00e1ficos definidos por arquivos XML ao inv\u00e9s de bitmaps. Eles s\u00e3o especialmente \u00fateis se voc\u00ea j\u00e1 est\u00e1 aderindo ao Material Design<\/span><\/a>, mas os XML drawables n\u00e3o v\u00e3o fazer tudo para voc\u00ea. <\/span><\/p>\n

Ainda assim \u00e9 surpreendente o quanto eles s\u00e3o flex\u00edveis. A documenta\u00e7\u00e3o Android tem uma boa introdu\u00e7\u00e3o<\/span><\/a>, mas aqui vai um aperitivo:<\/span><\/p>\n

<shape xmlns:android=”https:\/\/schemas.android.com\/apk\/res\/android”<\/span><\/p>\n

android:shape=”rectangle” ><\/span><\/p>\n

<corners<\/span><\/p>\n

android:bottomRightRadius=”21dp”<\/span><\/p>\n

android:bottomLeftRadius=”21dp”<\/span><\/p>\n

android:topLeftRadius=”21dp”<\/span><\/p>\n

android:topRightRadius=”21dp”\/><\/span><\/p>\n

<gradient<\/span><\/p>\n

android:startColor=”@color\/off_white”<\/span><\/p>\n

android:endColor=”@color\/pale_yellow”<\/span><\/p>\n

android:angle=”270″<\/span><\/p>\n

android:type=”linear”\/><\/span><\/p>\n

<stroke<\/span><\/p>\n

android:width=”5dp”<\/span><\/p>\n

android:color=”@color\/osm_blue”\/><\/span><\/p>\n

<\/shape><\/span><\/p>\n

Este snippet define um ret\u00e2ngulo com cantos arredondados, uma borda (blue) e um degrad\u00ea. Nos arquivos de layout voc\u00ea pode referenci\u00e1-lo e definir sua largura para qualquer valor:\u00a0a apar\u00eancia dele permanecer\u00e1 proporcional e limpa, excelente para usar em bot\u00f5es.<\/span><\/p>\n

<\/i>Love<\/span>0<\/span><\/span><\/a> <\/i> <\/i>