Arquivos Mobile - LuizTools

Como criar um aplicativo Android que envia emails

aplicacoes_email_android
Hoje vou ensinar como você pode enviar emails através de um app Android.

Diversos apps Android que desenvolvi para empresas como LG, Embelleze e Renault necessitavam que, após o usuário usar o app, que a interação fosse enviada por email para o próprio usuário e/ou para a empresa dona do app. Essa interação podia ser o preenchimento de um formulário, uma foto tirada com o app, as respostas de um quiz, etc.

Para exemplificar vamos criar uma tela que pede o nome e email de uma pessoa, e quando ela clicar em um botão no final do formulário, vamos enviar um email para ela. Se você nunca fez um app Android antes, recomendo a leitura deste ebook bem curtinho.

O layout XML da tela, chamada aqui de activity_main.xml, segue abaixo:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingLeft="16dp"
    android:paddingRight="16dp"
    android:paddingTop="16dp"
    android:paddingBottom="16dp"
    android:background="#981a43"
    tools:context=".MainActivity">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="10dp"
        android:textAppearance="?android:attr/textAppearanceLarge"
        android:text="Nome:"
        android:textColor="@android:color/white"
        android:textStyle="bold"
        android:id="@+id/lblNome" />

    <EditText
        android:layout_width="match_parent"
        android:layout_height="60dp"
        android:inputType="textPersonName"
        android:layout_marginTop="10dp"
        android:textColor="@android:color/white"
        android:ems="10"
        android:id="@+id/txtNome"
        android:layout_below="@+id/lblNome" />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:textColor="@android:color/white"
        android:textStyle="bold"
        android:textAppearance="?android:attr/textAppearanceLarge"
        android:text="E-mail:"
        android:layout_marginTop="20dp"
        android:layout_below="@+id/txtNome"
        android:id="@+id/lblEmail" />

    <EditText
        android:layout_width="match_parent"
        android:layout_height="60dp"
        android:inputType="textEmailAddress"
        android:layout_marginTop="10dp"
        android:layout_below="@+id/lblEmail"
        android:textColor="@android:color/white"
        android:ems="10"
        android:id="@+id/txtEmail" />

    <Button
        android:layout_width="120dp"
        android:layout_height="60dp"
        android:text="Enviar email"
        android:layout_below="@+id/txtEmail"
        android:id="@+id/btnEmail" />
</RelativeLayout>

<?xml version="1.0" encoding="utf-8"?>

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"

xmlns:tools="http://schemas.android.com/tools"

android:layout_width="match_parent"

android:layout_height="match_parent"

android:paddingLeft="16dp"

android:paddingRight="16dp"

android:paddingTop="16dp"

android:paddingBottom="16dp"

android:background="#981a43"

tools:context=".MainActivity">

<TextView

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_marginTop="10dp"

android:textAppearance="?android:attr/textAppearanceLarge"

android:text="Nome:"

android:textColor="@android:color/white"

android:textStyle="bold"

android:id="@+id/lblNome" />

<EditText

android:layout_width="match_parent"

android:layout_height="60dp"

android:inputType="textPersonName"

android:layout_marginTop="10dp"

android:textColor="@android:color/white"

android:ems="10"

android:id="@+id/txtNome"

android:layout_below="@+id/lblNome" />

<TextView

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:textColor="@android:color/white"

android:textStyle="bold"

android:textAppearance="?android:attr/textAppearanceLarge"

android:text="E-mail:"

android:layout_marginTop="20dp"

android:layout_below="@+id/txtNome"

android:id="@+id/lblEmail" />

<EditText

android:layout_width="match_parent"

android:layout_height="60dp"

android:inputType="textEmailAddress"

android:layout_marginTop="10dp"

android:layout_below="@+id/lblEmail"

android:textColor="@android:color/white"

android:ems="10"

android:id="@+id/txtEmail" />

<Button

android:layout_width="120dp"

android:layout_height="60dp"

android:text="Enviar email"

android:layout_below="@+id/txtEmail"

android:id="@+id/btnEmail" />

</RelativeLayout>

Isso deve gerar uma interface como abaixo:

Agora, na activity por trás dessa tela, chamada de MainActivity, temos de adicionar o código do evento de clique desse botão, que chama um método de envio de email.

import android.content.Context;
import android.net.ConnectivityManager;
import android.net.NetworkInfo;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.EditText;
import android.widget.Toast;

public class MainActivity extends AppCompatActivity {

    EditText txtNome, txtEmail;
    Button btnEmail;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        txtNome = (EditText)findViewById(R.id.txtNome);
        txtEmail = (EditText)findViewById(R.id.txtEmail);

        btnEmail = (Button)findViewById(R.id.btnEmail);
        btnEmail.setOnClickListener(new Button.OnClickListener(){
            @Override
            public void onClick(View v) {
                enviarEmail();
            }
        });
    }
}

import android.content.Context;

import android.net.ConnectivityManager;

import android.net.NetworkInfo;

import android.support.v7.app.AppCompatActivity;

import android.os.Bundle;

import android.view.View;

import android.widget.Button;

import android.widget.EditText;

import android.widget.Toast;

public class MainActivity extends AppCompatActivity {

EditText txtNome, txtEmail;

Button btnEmail;

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

txtNome = (EditText)findViewById(R.id.txtNome);

txtEmail = (EditText)findViewById(R.id.txtEmail);

btnEmail = (Button)findViewById(R.id.btnEmail);

btnEmail.setOnClickListener(new Button.OnClickListener(){

@Override

public void onClick(View v) {

enviarEmail();

}

});

}

O método enviarEmail chamado no clique do botão anterior deve ler os campos informados pelo usuário (nome e email), verificar se o smartphone está conectado na Internet (afinal, se não estiver vai dar erro no envio do email) e depois envia o dito cujo usando uma outra classe Java.

    private void enviarEmail(){

        final String nome = txtNome.getText().toString();
        final String email = txtEmail.getText().toString();
        final String subject = "assunto do email";
        final String body = "corpo do email do " + nome;

        if(!isOnline()) {
            Toast.makeText(getApplicationContext(), "Não estava online para enviar e-mail!", Toast.LENGTH_SHORT).show();
            System.exit(0);
        }

        new Thread(new Runnable(){
            @Override
            public void run() {
                Mail m = new Mail();

                String[] toArr = {email};
                m.setTo(toArr);

                //m.setFrom("seunome@seuemail.com.br"); //caso queira enviar em nome de outro
                m.setSubject(subject);
                m.setBody(body);

                try {
                    //m.addAttachment("pathDoAnexo");//anexo opcional
                    m.send();
                }
                catch(RuntimeException rex){ }//erro ignorado
                catch(Exception e) {
                    e.printStackTrace();
                    System.exit(0);
                }

                Toast.makeText(getApplicationContext(), "Email enviado!", Toast.LENGTH_SHORT).show();
            }
        }).start();
    }

private void enviarEmail(){

final String nome = txtNome.getText().toString();

final String email = txtEmail.getText().toString();

final String subject = "assunto do email";

final String body = "corpo do email do " + nome;

if(!isOnline()) {

Toast.makeText(getApplicationContext(), "Não estava online para enviar e-mail!", Toast.LENGTH_SHORT).show();

System.exit(0);

}

new Thread(new Runnable(){

@Override

public void run() {

Mail m = new Mail();

String[] toArr = {email};

m.setTo(toArr);

//m.setFrom("[email protected]"); //caso queira enviar em nome de outro

m.setSubject(subject);

m.setBody(body);

try {

//m.addAttachment("pathDoAnexo");//anexo opcional

m.send();

}

catch(RuntimeException rex){ }//erro ignorado

catch(Exception e) {

e.printStackTrace();

System.exit(0);

}

Toast.makeText(getApplicationContext(), "Email enviado!", Toast.LENGTH_SHORT).show();

}

}).start();

}

Note que me preocupei em realizar o envio do email em uma thread separada, como manda as guidelines do Android, evitando que a tela fique travada durante o envio, o que pode demorar alguns segundos dependendo da sua conexão com a Internet e do seu provedor de email.

Também incluí um comentário contendo o código para adicionar um anexo, que apenas precisa da URI de um arquivo armazenado no seu dispositivo.

A classe Mail utilizada no exemplo anterior foi encontrada na Internet há vários anos atrás e se mostrou bem confiável. Não lembro o quanto já customizei ela, mas de qualquer forma segue abaixo a versão mais atual que possuo, na íntegra (crie ela em outro arquivo de classe Java).

package br.com.luiztools.envioemail;

import java.util.Date;
import java.util.Properties;
import javax.activation.CommandMap;
import javax.activation.DataHandler;
import javax.activation.DataSource;
import javax.activation.FileDataSource;
import javax.activation.MailcapCommandMap;
import javax.mail.BodyPart;
import javax.mail.Message;
import javax.mail.Multipart;
import javax.mail.PasswordAuthentication;
import javax.mail.Session;
import javax.mail.Transport;
import javax.mail.internet.InternetAddress;
import javax.mail.internet.MimeBodyPart;
import javax.mail.internet.MimeMessage;
import javax.mail.internet.MimeMultipart;


public class Mail extends javax.mail.Authenticator {
    private String _user;
    private String _pass;

    private String[] _to;
    private String[] _cco;
    private String _from;

    private String _port;
    private String _sport;

    private String _host;

    private String _subject;
    private String _body;

    private boolean _auth;
    private boolean _useSsl;
    private boolean _isHtmlBody;
    private boolean _debuggable;

    private Multipart _multipart;


    public Mail() {
        _host = "smtp.umbler.com";
        _port = "587"; // porta de envio, geralmente 587, 465 ou em último caso a 25
        _sport = "587"; // porta socket padrão, mesmas instruções anteriores

        _from = _user = "contato@luiztools.com.br"; // usuário e email do remetente
        _pass = ""; // senha
        _subject = ""; // assunto
        _body = ""; // mensagem html

        _debuggable = false;
        _auth = true;
        _useSsl = false;//gmail usa true
        _isHtmlBody = true;//diz se a mensagem é HTML ou texto puro

        _multipart = new MimeMultipart();

        MailcapCommandMap mc = (MailcapCommandMap) CommandMap.getDefaultCommandMap();
        mc.addMailcap("text/html;; x-java-content-handler=com.sun.mail.handlers.text_html");
        mc.addMailcap("text/xml;; x-java-content-handler=com.sun.mail.handlers.text_xml");
        mc.addMailcap("text/plain;; x-java-content-handler=com.sun.mail.handlers.text_plain");
        mc.addMailcap("multipart/*;; x-java-content-handler=com.sun.mail.handlers.multipart_mixed");
        mc.addMailcap("message/rfc822;; x-java-content-handler=com.sun.mail.handlers.message_rfc822");
        CommandMap.setDefaultCommandMap(mc);
    }

    public boolean send() throws Exception {
        Properties props = _setProperties();

        if(!_user.equals("") && !_pass.equals("") && _to.length > 0 && !_from.equals("") && !_subject.equals("") && !_body.equals("")) {
            Session session = Session.getInstance(props, this);

            MimeMessage msg = new MimeMessage(session);
            msg.setFrom(new InternetAddress(_from));

            InternetAddress[] addressTo = new InternetAddress[_to.length];
            for (int i = 0; i < _to.length; i++) {
                addressTo[i] = new InternetAddress(_to[i]);
            }
            msg.setRecipients(MimeMessage.RecipientType.TO, addressTo);

            //se tem de enviar cópia oculta para alguém
            if(_cco != null && _cco.length > 0) {
                InternetAddress[] addressCco = new InternetAddress[_cco.length];
                for(int i=0; i < _cco.length; i++){
                    addressCco[i] = new InternetAddress(_cco[i]);
                }
                msg.addRecipients(Message.RecipientType.BCC, addressCco);
            }

            msg.setSubject(_subject);
            msg.setSentDate(new Date());

            // corpo da mensagem
            BodyPart messageBodyPart = new MimeBodyPart();
            messageBodyPart.setText(_body);
            if(_isHtmlBody) {
                messageBodyPart.setHeader("charset", "utf-8");
                messageBodyPart.setHeader("content-type", "text/html");
            }
            _multipart.addBodyPart(messageBodyPart);
            msg.setContent(_multipart);

            // envia o email
            Transport.send(msg);

            return true;
        } else {
            return false;
        }
    }

    public void addAttachment(String filename) throws Exception {
        filename = filename.replace("file:","").replace("//","/");
        BodyPart messageBodyPart = new MimeBodyPart();
        DataSource source = new FileDataSource(filename);
        messageBodyPart.setDataHandler(new DataHandler(source));
        messageBodyPart.setFileName(filename);

        _multipart.addBodyPart(messageBodyPart);
    }

    @Override
    public PasswordAuthentication getPasswordAuthentication() {
        return new PasswordAuthentication(_user, _pass);
    }

    private Properties _setProperties() {
        Properties props = new Properties();
        props.put("mail.smtp.host", _host);
        props.put("mail.smtp.port", _port);
        if(_debuggable) props.put("mail.debug", "true");
        if(_auth) props.put("mail.smtp.auth", "true");

        if(_useSsl) {
            props.put("mail.smtp.socketFactory.port", _sport);
            props.put("mail.smtp.socketFactory.class", "javax.net.ssl.SSLSocketFactory");
            props.put("mail.smtp.socketFactory.fallback", "false");
        }

        return props;
    }

    // the getters and setters
    public String getBody() {
        return _body;
    }

    public void setBody(String _body) {
        this._body = _body;
    }

    public void setTo(String[] toArr) {
        this._to=toArr;
    }

    public void setCco(String[] ccoArr){
        this._cco = ccoArr;
    }

    public void setFrom(String string) {
        this._from=string;
    }

    public void setSubject(String string) {
        this._subject=string;
    }
}

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

138

139

140

141

142

143

144

145

146

147

148

149

150

151

152

153

154

155

156

157

158

159

160

161

162

163

164

165

166

167

168

169

170

171

172

173

package br.com.luiztools.envioemail;

import java.util.Date;

import java.util.Properties;

import javax.activation.CommandMap;

import javax.activation.DataHandler;

import javax.activation.DataSource;

import javax.activation.FileDataSource;

import javax.activation.MailcapCommandMap;

import javax.mail.BodyPart;

import javax.mail.Message;

import javax.mail.Multipart;

import javax.mail.PasswordAuthentication;

import javax.mail.Session;

import javax.mail.Transport;

import javax.mail.internet.InternetAddress;

import javax.mail.internet.MimeBodyPart;

import javax.mail.internet.MimeMessage;

import javax.mail.internet.MimeMultipart;

public class Mail extends javax.mail.Authenticator {

private String _user;

private String _pass;

private String[] _to;

private String[] _cco;

private String _from;

private String _port;

private String _sport;

private String _host;

private String _subject;

private String _body;

private boolean _auth;

private boolean _useSsl;

private boolean _isHtmlBody;

private boolean _debuggable;

private Multipart _multipart;

public Mail() {

_host = "smtp.umbler.com";

_port = "587"; // porta de envio, geralmente 587, 465 ou em último caso a 25

_sport = "587"; // porta socket padrão, mesmas instruções anteriores

_from = _user = "[email protected]"; // usuário e email do remetente

_pass = ""; // senha

_subject = ""; // assunto

_body = ""; // mensagem html

_debuggable = false;

_auth = true;

_useSsl = false;//gmail usa true

_isHtmlBody = true;//diz se a mensagem é HTML ou texto puro

_multipart = new MimeMultipart();

MailcapCommandMap mc = (MailcapCommandMap) CommandMap.getDefaultCommandMap();

mc.addMailcap("text/html;; x-java-content-handler=com.sun.mail.handlers.text_html");

mc.addMailcap("text/xml;; x-java-content-handler=com.sun.mail.handlers.text_xml");

mc.addMailcap("text/plain;; x-java-content-handler=com.sun.mail.handlers.text_plain");

mc.addMailcap("multipart/*;; x-java-content-handler=com.sun.mail.handlers.multipart_mixed");

mc.addMailcap("message/rfc822;; x-java-content-handler=com.sun.mail.handlers.message_rfc822");

CommandMap.setDefaultCommandMap(mc);

}

public boolean send() throws Exception {

Properties props = _setProperties();

if(!_user.equals("") && !_pass.equals("") && _to.length > 0 && !_from.equals("") && !_subject.equals("") && !_body.equals("")) {

Session session = Session.getInstance(props, this);

MimeMessage msg = new MimeMessage(session);

msg.setFrom(new InternetAddress(_from));

InternetAddress[] addressTo = new InternetAddress[_to.length];

for (int i = 0; i < _to.length; i++) {

addressTo[i] = new InternetAddress(_to[i]);

}

msg.setRecipients(MimeMessage.RecipientType.TO, addressTo);

//se tem de enviar cópia oculta para alguém

if(_cco != null && _cco.length > 0) {

InternetAddress[] addressCco = new InternetAddress[_cco.length];

for(int i=0; i < _cco.length; i++){

addressCco[i] = new InternetAddress(_cco[i]);

}

msg.addRecipients(Message.RecipientType.BCC, addressCco);

}

msg.setSubject(_subject);

msg.setSentDate(new Date());

// corpo da mensagem

BodyPart messageBodyPart = new MimeBodyPart();

messageBodyPart.setText(_body);

if(_isHtmlBody) {

messageBodyPart.setHeader("charset", "utf-8");

messageBodyPart.setHeader("content-type", "text/html");

}

_multipart.addBodyPart(messageBodyPart);

msg.setContent(_multipart);

// envia o email

Transport.send(msg);

return true;

} else {

return false;

}

public void addAttachment(String filename) throws Exception {

filename = filename.replace("file:","").replace("//","/");

BodyPart messageBodyPart = new MimeBodyPart();

DataSource source = new FileDataSource(filename);

messageBodyPart.setDataHandler(new DataHandler(source));

messageBodyPart.setFileName(filename);

_multipart.addBodyPart(messageBodyPart);

}

@Override

public PasswordAuthentication getPasswordAuthentication() {

return new PasswordAuthentication(_user, _pass);

}

private Properties _setProperties() {

Properties props = new Properties();

props.put("mail.smtp.host", _host);

props.put("mail.smtp.port", _port);

if(_debuggable) props.put("mail.debug", "true");

if(_auth) props.put("mail.smtp.auth", "true");

if(_useSsl) {

props.put("mail.smtp.socketFactory.port", _sport);

props.put("mail.smtp.socketFactory.class", "javax.net.ssl.SSLSocketFactory");

props.put("mail.smtp.socketFactory.fallback", "false");

}

return props;

}

// the getters and setters

public String getBody() {

return _body;

}

public void setBody(String _body) {

this._body = _body;

}

public void setTo(String[] toArr) {

this._to=toArr;

}

public void setCco(String[] ccoArr){

this._cco = ccoArr;

}

public void setFrom(String string) {

this._from=string;

}

public void setSubject(String string) {

this._subject=string;

}

Aqui você deve prestar atenção no construtor vazio da classe Mail para colocar as configurações do seu servidor, como host SMTP, porta SMTP, se vai usar SSL, usuário e senha do seu email, etc.

Caso você nunca tenha enviado um email via software antes, é necessário que você se autentique em algum servidor de email com um usuário e senha válidos para poder enviar emails em seu nome. Ou seja, você vai ter de descobrir as configurações SMTP do seu provedor de email, além de saber o seu usuário (o próprio email) e senha (sua senha) para autenticação. São aquelas mesmas configurações usadas para o Outlook, sabe? Essas informações podem ser facilmente encontradas na Internet se seu email for Gmail, Hotmail, etc. Caso contrário consulte a empresa que lhe fornece emails (ex. Umbler) para obter as configurações de envio.

Para que essa classe funcione você vai precisar adicionar 3 bibliotecas Java ao seu projeto, que disponibilizo nesse zip. Basta descompactar e colocar os arquivos na pasta libs do seu projeto de app e pela IDE (normalmente o Android Studio) ir até a pasta libs e com o botão direito selecionar a opção ‘Add as library’ ou semelhante.

E para encerrar o que é necessário para que o código de envio de email funcione, falta criarmos o método isOnline() na MainActivity.java, responsável por testar a conexão com a Internet, pré-requisito para envio de email, conforme abaixo.

    public boolean isOnline() {
        try {
            ConnectivityManager cm = (ConnectivityManager) getSystemService(Context.CONNECTIVITY_SERVICE);
            NetworkInfo netInfo = cm.getActiveNetworkInfo();
            return netInfo != null && netInfo.isConnectedOrConnecting();
        }
        catch(Exception ex){
            Toast.makeText(getApplicationContext(), "Erro ao verificar se estava online! (" + ex.getMessage() + ")", Toast.LENGTH_SHORT).show();
            return false;
        }
    }

public boolean isOnline() {

try {

ConnectivityManager cm = (ConnectivityManager) getSystemService(Context.CONNECTIVITY_SERVICE);

NetworkInfo netInfo = cm.getActiveNetworkInfo();

return netInfo != null && netInfo.isConnectedOrConnecting();

}

catch(Exception ex){

Toast.makeText(getApplicationContext(), "Erro ao verificar se estava online! (" + ex.getMessage() + ")", Toast.LENGTH_SHORT).show();

return false;

}

Como estamos mexendo com recursos de hardware como Internet, conexão, etc. precisamos pedir essas permissões em nosso AndroidManifest.xml como abaixo.

    <uses-permission android:name="android.permission.INTERNET"></uses-permission>
    <uses-permission android:name="android.permission.ACCESS_WIFI_STATE"></uses-permission>
    <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE"></uses-permission>

<uses-permission android:name="android.permission.INTERNET"></uses-permission>

<uses-permission android:name="android.permission.ACCESS_WIFI_STATE"></uses-permission>

<uses-permission android:name="android.permission.ACCESS_NETWORK_STATE"></uses-permission>

E se for usar anexos, não esqueça de adicionar também a permissão de leitura de arquivos.

Isso deve ser o suficiente para que você consiga enviar emails a partir desse app bem simples para o email informado no formulário a primeira tela. Esses códigos podem ser usados em apps maiores que fazem outras coisas e onde você apenas usará essa lógica para avisar alguém ou enviar uma mensagem. Daí a parte da criatividade eu deixo com você. 😉

Dica Avançada

Se seu app for utilizado por muitos usuários e/ou tiver um volume de envio de emails muito grande, procure usar soluções profissionais de SMTP Gateway como AWS SES, SendGrid e Mandrill. Jamais confie nos serviços de contas de email fornecido por provedores de hospedagem pois elas são configuradas para pequenos envios, jamais para envios em lote e rapidamente seu provedor irá bloquear a conta de email que seu app usa se enviar muitas mensagens por hora.

O SendGrid, líder neste segmento, inclusive tem um plano gratuito em que você pode enviar 100 mensagens por dia de graça.

* OBS: curtiu o post? Então dá uma olhada no meu livro de Android clicando no banner abaixo pra aprender a criar outros tantos apps incríveis!

Tutorial app Android com Firebase – Realtime Database

Este artigo é uma continuação da série “Tutorial app Android com Firebase” onde ensino como utilizar todos os serviços oferecidos pela plataforma de Backend-as-a-service do Google. Hoje, vou falar do serviço mais famoso deles: o realtime database, que permitiu a muitos desenvolvedores de apps que não sabem criar APIs para fazer conexão com banco de dados externo, pudessem colocar seus apps em produção rapidamente.

Não apenas isso, como o próprio nome sugere, a realtime database do Firebase permite comunicação em tempo real com o banco de dados, incluindo uma arquitetura no melhor estilo dos padrões Observer e Pub-Sub. Além disso, permite salvamento offline com sincronização automática quando a conexão é reestabelecida.

Usarei como exemplo neste tutorial o app ForcaVendas que iniciamos no primeiro artigo desta série. No entanto, não se preocupe, ele apenas possui uma tela de login e uma MainActivity com um olá mundo. Sendo assim, você consegue fazer este tutorial sem ter feito os anteriores, desde que já saiba como programar para Android, é claro. Também existe a possibilidade de baixar os fontes do app através do formulário existente no final de cada post desta série.

#1 – Configurando o Realtime Database

Primeiramente, para configurar o database do Firebase para o seu app, vá no menu Tools > Firebase do Android Studio e clique na opção “Save and retrieve data” da seção Realtime Database.

Na seção seguinte que vai se abrir temos os passos de configuração propriamente ditos. O passo 1 é bem simples e exige que você se conecte ao Firebase primeiro.

O segundo passo adiciona as dependências para se trabalhar com Realtime Database no seu app e pedirá confirmação para instalar dependências e alterar alguns arquivos de configuração.

Feito isso, estamos prontos para usar nosso banco realtime!

#2 – Entendendo o Realtime Database

Como explicado no site oficial do Firebase Realtime Database:

O Firebase Realtime Database é um banco de dados hospedado na nuvem. Os dados são armazenados como JSON e sincronizados em tempo real com todos os clientes conectados.

Ou seja, você cria o seu banco na nuvem do Firebase e conecta seu app nele para enviar e receber objetos JSON em tempo real. Simples assim. As mudanças no banco são refletidas automaticamente para todos os dispositivos (e aplicações, pois você pode usar na web também) conectados, em tempo real (daí o nome). Isso lembra os documentos do MongoDB. O site oficial ainda diz que:

Todos os dados do Firebase Realtime Database são armazenados como objetos JSON. Pense no banco de dados como uma árvore JSON hospedada na nuvem. Ao contrário de um banco de dados SQL, não há tabelas nem registros. Quando você adiciona dados à árvore JSON, eles se tornam um node na estrutura JSON com uma chave associada.

Um recurso muito importante do Realtime Database é que combinando com o suporte de autenticação do Firebase você pode definir quem tem acesso a quais dados, garantindo a autorização dos mesmos. Existe uma opção de deixar o seu banco público, mas na maioria dos casos isso não é recomendado.

Como o Realtime Database é associado ao seu projeto Firebase, por padrão ele só permite o acesso aos dados por usuários autenticados, como mostra a imagem abaixo do Firebase Console.

Firebase Realtime Database Authentication

Caso não tenha feito o tutorial de autenticação em Firebase, você pode opcionalmente deixar os dados públicos na mesma tela acima. De qualquer forma recomendo dar uma olhada no respectivo tutorial para entender o básico da plataforma Firebase, pois é lá onde explico isso.

Outro recurso interessantíssimo do Realtime Database é o suporte offline. Se seu app ficar sem Internet, os dados serão salvos localmente e depois sincronizados quando a conexão voltar.

Assim como no MongoDB, a modelagem de um banco no Realtime Database deve ser feita com cuidado, sempre tendo em mente como desejará consultar estes dados depois. Algumas dicas incluem:

não aninhe muitos níveis dentro dos seus objetos JSON. Apesar do Firebase suportar até 32 níveis, isso não é uma boa prática por tornar consultas muito pesadas e escritas muito arriscadas.
evite a normalização excessiva (espalhando demais os dados) e foque na consulta rápida, mesmo que isso exija duplicação de dados. Em bancos NoSQL, tamanho não é problema, desde que o dado esteja fácil de ler e baixar.

Vale salientar que dificilmente você terá custos enquanto estiver estudando como usar o Realtime Database, mas que dificilmente não terá considerando que para seu app ir para produção você irá querer recursos mais avançados como backup do seu banco, por exemplo, disponível apenas nos planos superiores.

#3 – Criando a tela de Cadastro

Mesmo que não tenha feito os outros tutoriais de Firebase aqui do blog, não tem problema. Você apenas precisar ter uma aplicação com o template padrão do Android Studio, aquele com a MainActivity contendo um “Hello World” e um floating button no canto inferior direito.

Nos tutoriais anteriores comentei que iria fazer um app de Força de Vendas para autônomos. A ideia é apenas registrar os pedidos, compras e dívidas, de uma maneira fácil de buscar depois, ajudando na organização do vendedor, que geralmente usa caderninhos para isso. Assim, essa MainActivity (a tela inicial) futuramente será a listagem de registros principal do app. Como não temos dados para serem listados ainda, vamos apenas programar o floating button dessa tela nos levar para uma tela de cadastro.

Essa alteração é bem simples, troque o ícone do floating button para algo que faça mais sentido do que o envelope tradicional usando o XML abaixo no activity_main.xml (dentro da pasta res/layout):

    <android.support.design.widget.FloatingActionButton
        android:id="@+id/fab"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="bottom|end"
        android:layout_margin="@dimen/fab_margin"
        app:srcCompat="@android:drawable/ic_input_add" />

<android.support.design.widget.FloatingActionButton

android:id="@+id/fab"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_gravity="bottom|end"

android:layout_margin="@dimen/fab_margin"

app:srcCompat="@android:drawable/ic_input_add" />

Note que alterei somente a propriedade srcCompat que determina o ícone, onde estou usando o ícone de sistema do botão de “+”, que representa bem uma adição.

Agora vamos criar a próxima Activity, de cadastro, do tipo Empty Activity com o nome de AddActivity, aproveitando que o Android Studio criará para nós o arquivo de layout activity_add.xml automaticamente. Mas o que irá ter nesta tela?

Pensando em um fluxo de uso bem simples, os registros deverão conter uma descrição, um valor, uma data e um tipo. O tipo pode ser Venda Paga, Venda Não Paga (fiado, bem comum entre vendedores autônomos) e Venda Futura (apenas tirou um pedido). Obviamente esta é apenas uma proposta, você pode criar algo mais elaborado se quiser.

Com isso em mente, edite seu activity_add.xml para que pareça com isso:

Caso você não faça ideia de como criar este layout, recomendo fazer o tutorial de Constraint Layout primeiro ou verificar as diversas lições presentes em meu livro. Se estiver na correria, apenas copie e cole o código XML abaixo no seu activity_add.xml:

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="br.com.luiztools.forcavendas.AddActivity">

    <TextView
        android:id="@+id/textView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginStart="16dp"
        android:layout_marginLeft="16dp"
        android:layout_marginTop="16dp"
        android:text="Descrição"
        android:textAppearance="@android:style/TextAppearance.DeviceDefault.Large"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <EditText
        android:id="@+id/txtDescricao"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_marginEnd="16dp"
        android:layout_marginStart="16dp"
        android:layout_marginTop="8dp"
        android:ems="10"
        android:inputType="textMultiLine"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/textView" />

    <TextView
        android:id="@+id/textView2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginStart="16dp"
        android:layout_marginLeft="16dp"
        android:layout_marginTop="16dp"
        android:textAppearance="@android:style/TextAppearance.DeviceDefault.Large"
        android:text="Valor: R$"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/txtDescricao" />

    <EditText
        android:id="@+id/txtValor"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_marginEnd="16dp"
        android:layout_marginStart="16dp"
        android:layout_marginTop="8dp"
        android:ems="10"
        android:inputType="numberDecimal"
        android:text="0,00"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toEndOf="@+id/textView2"
        app:layout_constraintTop_toBottomOf="@+id/txtDescricao" />

    <TextView
        android:id="@+id/textView3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginStart="16dp"
        android:layout_marginLeft="16dp"
        android:layout_marginTop="16dp"
        android:text="Data: "
        android:textAppearance="@android:style/TextAppearance.DeviceDefault.Large"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/textView2" />

    <EditText
        android:id="@+id/txtData"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_marginEnd="16dp"
        android:layout_marginStart="16dp"
        android:layout_marginTop="8dp"
        android:ems="10"
        android:inputType="date"
        android:text="07/01/2018"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toEndOf="@+id/textView3"
        app:layout_constraintTop_toBottomOf="@+id/txtValor" />

    <Spinner
        android:id="@+id/spnTipo"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_marginEnd="16dp"
        android:layout_marginStart="16dp"
        android:layout_marginTop="16dp"
        android:entries="@array/tipos"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/txtData" />

    <Button
        android:id="@+id/btnSalvar"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_marginEnd="16dp"
        android:layout_marginStart="16dp"
        android:layout_marginTop="16dp"
        android:text="Salvar"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/spnTipo" />
</android.support.constraint.ConstraintLayout>

100

101

102

103

104

105

106

107

108

109

<?xml version="1.0" encoding="utf-8"?>

<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"

xmlns:app="http://schemas.android.com/apk/res-auto"

xmlns:tools="http://schemas.android.com/tools"

android:layout_width="match_parent"

android:layout_height="match_parent"

tools:context="br.com.luiztools.forcavendas.AddActivity">

<TextView

android:id="@+id/textView"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_marginStart="16dp"

android:layout_marginLeft="16dp"

android:layout_marginTop="16dp"

android:text="Descrição"

android:textAppearance="@android:style/TextAppearance.DeviceDefault.Large"

app:layout_constraintStart_toStartOf="parent"

app:layout_constraintTop_toTopOf="parent" />

<EditText

android:id="@+id/txtDescricao"

android:layout_width="0dp"

android:layout_height="wrap_content"

android:layout_marginEnd="16dp"

android:layout_marginStart="16dp"

android:layout_marginTop="8dp"

android:ems="10"

android:inputType="textMultiLine"

app:layout_constraintEnd_toEndOf="parent"

app:layout_constraintStart_toStartOf="parent"

app:layout_constraintTop_toBottomOf="@+id/textView" />

<TextView

android:id="@+id/textView2"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_marginStart="16dp"

android:layout_marginLeft="16dp"

android:layout_marginTop="16dp"

android:textAppearance="@android:style/TextAppearance.DeviceDefault.Large"

android:text="Valor: R$"

app:layout_constraintStart_toStartOf="parent"

app:layout_constraintTop_toBottomOf="@+id/txtDescricao" />

<EditText

android:id="@+id/txtValor"

android:layout_width="0dp"

android:layout_height="wrap_content"

android:layout_marginEnd="16dp"

android:layout_marginStart="16dp"

android:layout_marginTop="8dp"

android:ems="10"

android:inputType="numberDecimal"

android:text="0,00"

app:layout_constraintEnd_toEndOf="parent"

app:layout_constraintStart_toEndOf="@+id/textView2"

app:layout_constraintTop_toBottomOf="@+id/txtDescricao" />

<TextView

android:id="@+id/textView3"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_marginStart="16dp"

android:layout_marginLeft="16dp"

android:layout_marginTop="16dp"

android:text="Data: "

android:textAppearance="@android:style/TextAppearance.DeviceDefault.Large"

app:layout_constraintStart_toStartOf="parent"

app:layout_constraintTop_toBottomOf="@+id/textView2" />

<EditText

android:id="@+id/txtData"

android:layout_width="0dp"

android:layout_height="wrap_content"

android:layout_marginEnd="16dp"

android:layout_marginStart="16dp"

android:layout_marginTop="8dp"

android:ems="10"

android:inputType="date"

android:text="07/01/2018"

app:layout_constraintEnd_toEndOf="parent"

app:layout_constraintStart_toEndOf="@+id/textView3"

app:layout_constraintTop_toBottomOf="@+id/txtValor" />

<Spinner

android:id="@+id/spnTipo"

android:layout_width="0dp"

android:layout_height="wrap_content"

android:layout_marginEnd="16dp"

android:layout_marginStart="16dp"

android:layout_marginTop="16dp"

android:entries="@array/tipos"

app:layout_constraintEnd_toEndOf="parent"

app:layout_constraintStart_toStartOf="parent"

app:layout_constraintTop_toBottomOf="@+id/txtData" />

<Button

android:id="@+id/btnSalvar"

android:layout_width="0dp"

android:layout_height="wrap_content"

android:layout_marginEnd="16dp"

android:layout_marginStart="16dp"

android:layout_marginTop="16dp"

android:text="Salvar"

app:layout_constraintEnd_toEndOf="parent"

app:layout_constraintStart_toStartOf="parent"

app:layout_constraintTop_toBottomOf="@+id/spnTipo" />

</android.support.constraint.ConstraintLayout>

Note que para o Spinner exibir corretamente os tipos eu tive de criar outro arquivo XML, desta um de valores (tipos.xml), na pasta res/values. Neste arquivo XML de strings, o qual eu reproduzo abaixo, apenas listo os textos dos valores possíveis, considerando aqui que eles são fixos (caso contrário eu deveria carregar do banco).

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <string-array name="tipos">
        <item>Venda Paga</item>
        <item>Venda Não-Paga</item>
        <item>Venda Futura</item>
    </string-array>
</resources>

<?xml version="1.0" encoding="utf-8"?>

<string-array name="tipos">

<item>Venda Paga</item>

<item>Venda Não-Paga</item>

<item>Venda Futura</item>

</string-array>

</resources>

E para referenciar este XML no Spinner (o componente visual de seleção de tipo) você usa a propriedade entries, como abaixo (esse código já está contemplado no XML completo da página que mostrei antes):

    <Spinner
        android:id="@+id/spnTipo"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_marginEnd="16dp"
        android:layout_marginStart="16dp"
        android:layout_marginTop="16dp"
        android:entries="@array/tipos"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/txtData" />

<Spinner

android:id="@+id/spnTipo"

android:layout_width="0dp"

android:layout_height="wrap_content"

android:layout_marginEnd="16dp"

android:layout_marginStart="16dp"

android:layout_marginTop="16dp"

android:entries="@array/tipos"

app:layout_constraintEnd_toEndOf="parent"

app:layout_constraintStart_toStartOf="parent"

app:layout_constraintTop_toBottomOf="@+id/txtData" />

Agora para conseguirmos chegar até esta página e ver se a tela ficou ok no simulador ou no seu device android físico, devemos programar a ação do floating button existente na MainActivity. Essa ação já vem programada no evento onCreate da Actvity por padrão, para apenas exibir uma mensagem, vamos trocar para realizar a troca de tela.

FloatingActionButton fab = (FloatingActionButton) findViewById(R.id.fab);
fab.setOnClickListener(new View.OnClickListener() {
    @Override
    public void onClick(View view) {
       Intent intent = new Intent(MainActivity.this, AddActivity.class);
       startActivity(intent);
    }
});

FloatingActionButton fab = (FloatingActionButton) findViewById(R.id.fab);

fab.setOnClickListener(new View.OnClickListener() {

@Override

public void onClick(View view) {

Intent intent = new Intent(MainActivity.this, AddActivity.class);

startActivity(intent);

}

});

Com isso programado, já temos o suficiente para testar a nossa aplicação no simulador e ver se conseguimos chegar até a tela de cadastro. Se você veio fazendo este tutorial deste o início, terá de se autenticar como um usuário válido primeiro.

Após você testar e se certificar que este básico está funcionando, vamos fazer mais um ajuste pequeno, porém útil para facilitar a digitação.

Data Atual

O campo data deve vir com a data atual por padrão. Para fazer isso, no onCreate da AddActivity, adicione o seguinte código que pega a data atual e a coloca no campo com id txtData (eu defini esse id para o campo de data, talvez o seu seja diferente):

public class AddActivity extends AppCompatActivity {

    EditText txtData;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_add);

        txtData = (EditText)findViewById(R.id.txtData);
        SimpleDateFormat sdf = new SimpleDateFormat("dd/MM/yyyy");
        txtData.setText(sdf.format(new Date()));
    }
}

public class AddActivity extends AppCompatActivity {

EditText txtData;

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_add);

txtData = (EditText)findViewById(R.id.txtData);

SimpleDateFormat sdf = new SimpleDateFormat("dd/MM/yyyy");

txtData.setText(sdf.format(new Date()));

}

Quando você abrir a tela de cadastro, encontrará a data atual no respectivo campo. É uma coisa pequena, mas ajuda.

Como este post está ficando extenso, deixarei a parte de conexão com o banco para leitura e escrita para o próximo artigo que deve sair em breve. Aguarde!

* OBS: curtiu o post? Então dá uma olhada no meu livro de Android clicando no banner abaixo pra aprender outras dicas incríveis!

8 dicas para deixar seus apps Android mais profissionais

A ideia deste post é te dar uma série de dicas práticas que podem agregar mais profissionalismo e capricho às suas aplicações Android. Vão desde “firulas” que costumam impressionar no acabamento final do app até coisas realmente importantes como o ícone, que é a marca do seu app nas lojas e nos smartphones dos seus usuários.

Sendo assim, separei 8 dicas para deixar seus apps Android mais profissionais:

Como tocar sons no seu app
Como criar layouts landscape
Como suportar múltiplos idiomas no app
Como ter um ícone matador
Como criar datas humanizadas
Como criar layouts responsivos
Como acessar bancos de dados remotos em Android
Como criar listas personalizadas em Android

Vamos lá!

#1 – Como tocar sons no seu app

Geralmente apps são “mudos”. Ter um app que toca pequenos sons, como indicativos de que algo mudou ou terminou, é um grande diferencial, pois ajuda a prender a atenção do usuário no seu app. Não falo para sair tocando uma playlist de músicas, mas pequenos áudios. Por exemplo, em um app de cronômetro, você pode tocar um bip quando o tempo termina.

Primeiramente, para obter arquivos de áudio gratuitos, eu recomendo o site freesound.org. Segundo, para poder salvar arquivos de áudio no seu app, você deve ter uma pasta raw dentro de res. Sim a mesma pasta res onde você tem as pastas de imagens e ícones. Crie uma pasta raw lá dentro, para guardar os seus MP3. Isso vai fazer com que eles sejam tratados assim como você trata suas imagens, por ids ao invés de caminhos, como no exemplo abaixo, onde carrego e toco um arquivo chamado som.mp3 (a extensão é omitida, assim como nas imagens).

MediaPlayer.create(getContext(), R.raw.som).start();

1	MediaPlayer.create(getContext(), R.raw.som).start();

O primeiro parâmetro é o contexto (geralmente a activity atual) e o segundo é o raw resource (binário). O método create apenas carrega o mesmo para a memória, e pode ter seu resultado armazenado em uma variável, enquanto que o método start dá o play.

#2 – Como criar layouts landscape

Quando eu ainda trabalhava fazendo projetos de apps para empresas, uma das coisas que eu sempre tentava amarrar aos contratos era a variação de layout retrato-paisagem (portrait-landscape). Isso porque geralmente criamos o layout em uma posição e não damos muita bola para a posição contrária. Eu inclusive fixava a posição do app que queria através de configurações específicas, para garantir que o usuário não iria querer usar de outro jeito.

Nos casos em que não é possível definir isso com o cliente (ele realmente deseja que o app funcione em ambas posições) você pode fazê-lo criando landscape variations de seus layouts principais, que são arquivos de layout novos que serão carregados automaticamente pelo Android somente no caso do smartphone estar na posição landscape. Eles possuem o mesmo nome do layout original e os mesmos componentes de tela, apenas em posições e possivelmente com dimensões diferentes.

Para criar uma landscape variation é muito simples. Como o editor de layout aberto, no topo da janela de preview, junto ao botão de mudar a orientação do preview, você encontra a opção “Create Landscape Variation” que cria a variação para você, como abaixo.

Assim, basta que você trabalhe o posicionamento e dimensionamento dos mesmos elementos da versão portrait para este layout landscape e não há nada com o que se preocupar.

#3 – Como suportar múltiplos idiomas no app

Esse foi um dos primeiros detalhes profissionais que aprendi a colocar em apps, principalmente aqueles que deveriam servir a um público global. Muito mais fácil do que em outra plataformas, no Android basta definir os textos em arquivos XML, um para cada idioma, e nas suas interfaces usar as chaves destes textos no lugar dos literais que o Android troca automaticamente os textos conforme o idioma do dispositivo.

Eu explico este processo em detalhes e com ilustrações neste post.

#4 – Como ter um ícone matador

Cansado de todos seus apps Android possuírem o mesmo ícone default?

Aqui existem duas abordagens para ícones diferentes: uma delas é você usar ou compor o seu ícone a partir de ícones free já existentes na Internet, em sites como findicons.com e iconfinder.com.

Já a outra alternativa é terceirizar para estrangeiros fazerem o ícone para você, usando sites como freelancer.com e fiverr.com. Neste último, o seu ícone deve sair por cerca de U$5, oque é uma bagatela para ter um ícone feito por um profissional. É o mesmo processo que uso para as capas dos meus ebooks.

Depois que tiver seu ícone novo, use estas instruções para trocar o ícone default.

#5 – Como criar datas humanizadas

Existem diversos formatos de datas disponíveis no mercado. Enquanto que uns são bons a nível de sistema, como o ISO-8601, eles são péssimos para exibição aos usuários. Outros formatos confundem os usuários, como o americano vs brasileiro, onde o mês muda de lugar.

Para evitar estes problemas e até mesmo deixar o app mais amigável, existem as datas humanizadas relativas, como “ontem”, “há 15 minutos atrás” ou “dois dias atrás”. E quem pensa que é difícil fazer isso, está redondamente enganado uma vez que o Android possui suporte nativo (e em múltiplos idiomas) à esta feature, como mostra o exemplo abaixo.

DateUtils.getRelativeTimeSpanString(specificDate.getTime(), new Date().getTime(), DateUtils.DAY_IN_MILLIS).toString();

1	DateUtils.getRelativeTimeSpanString(specificDate.getTime(), new Date().getTime(), DateUtils.DAY_IN_MILLIS).toString();

A classe DateUtils possui diversas funções helper, sendo a getRelativeTimeSpanString a que nos interessa para criar datas relativas humanizadas em Android. O primeiro parâmetro é a data original do registro (01/12/2017, por exemplo, mas em um objeto java.util.Date). O segundo parâmetro é a data de comparação (new Date() pega a data atual, 02/12/2017, quando escrevo este post). E por fim, o terceiro parâmetro é o timespan de referência para comparação, que aqui considera milissegundos, para exibir mensagens como “1 minuto atrás”. Caso minutos não lhe interessem, você pode usar outras constantes como HOUR, WEEK, MINUTE, etc.

O resultado é transformado em uma string que, usando as datas de exemplo que sugeri, retornará “1 dia atrás”.

#6 – Como criar layouts responsivos

Assim como no caso das variações de landscape que citei na dica 2, quando fazia projetos de apps para empresas eu sempre tentava amarrar as resoluções mínimas e máximas dos dispositivos para os quais eu estava projetando o app. No caso específico de empresas, geralmente eles compravam um lote de smartphones iguais e eu projetava exatamente para a resolução daqueles smartphpones.

No entanto, quando o app é para o público das lojas, isso fica muito mais difícil. Sendo assim, você deve se preocupar com coisas como a diferença entre px e dp e em usar layout managers mais adaptáveis como o Constraint Layout. Use os posts citados para entender mais sobre ambas configurações e conseguir construir apps com layouts mais responsivos.

#7 – Como acessar bancos de dados remotos em Android

Esta é sem sombra de dúvida a dúvida mais comum e o tutorial mais buscado dentre todos os leitores do meu blog e de muitos usuários do StackOverflow. Afinal, dificilmente um app moderno é uma ilha que não se conecta há mais nada, e na maioria das vezes o alvo das conexões dos apps são bases de dados já existentes, alimentadas até mesmo por outros sistemas.

Mas como acessar bancos de dados remotos em Android? Bom, não vou entrar em detalhes aqui do porque não é possível a um app Android se conectar diretamente a um banco de dados, mas saiba que você deve fazê-lo sempre através de APIs. Aqui no blog eu ensino duas maneiras de acessar APIs: o jeito nativo e o jeito usando uma lib muito famosa, a Retrofit.

Siga os referidos links para aprender da maneira que mais lhe agradar.

#8 – Como criar listas personalizadas em android

Então você está cansado daquelas listviews caretas e sem qualquer estilo? Saiba que você pode criar listas com a aparência que você quiser, tanto usando componentes antigos quanto novos em Android e listas elaboradas são a base de apps que precisam exibir diversos itens.

Tem dois tutoriais aqui no blog que lhe ensinam a criar listas matadoras, um deles usando ListViews (jeito antigo e nativo) e outro usando RecyclerView (jeito mais moderno, como uma lib da Google). São jeitos relativamente parecidos, mas guardam suas diferenças e recomendo dar uma olhada em ambos links. Na minha opinião, se for para fazer listas simples, vou de ListView, se for listas elaboradas e personalizadas, vou de RecyclerView, principalmente por questões de performance.

E aí, o que achou da dica de hoje? Tem alguma dica para compartilhar? Deixe nos comentários!

* OBS: curtiu o post? Então dá uma olhada no meu livro de Android clicando no banner abaixo pra aprender outras dicas incríveis!