5

Sou iniciante em desenvolvimento de aplicativo android; tenho a seguinte dúvida: se quero fazer um aplicativo em que as imagens utilizadas não constam dentro do projeto, mas na web, qual a melhor forma de fazer essa conexão. Seria penas acessando pela classe URL ou utilizando o WebService?

3 Respostas 3

4

Você pode criar um AsyncTask para carregar as imagens de maneira assíncrona. Veja os códigos abaixo de como fazer:

private class FetchImageTask extends AsyncTask<String, Integer, Bitmap> {
    @Override
    protected Bitmap doInBackground(String... arg0) {
        Bitmap b = null;
        try {
            b = BitmapFactory.decodeStream((InputStream) new URL(arg0[0]).getContent());
        }
        catch (MalformedURLException e) {
            e.printStackTrace();
        }
        catch (IOException e) {
            e.printStackTrace();
        }
        return b;
    }
}

E para implementar utilize este código:

new FetchImageTask() {
        @Override
        protected void onPostExecute(Bitmap result) {
            if (result != null) {
                image.setImageBitmap(result);
            }
        }
    }.execute("IMAGE_URL");

EDIT

Exemplo no GitHub

14
  • Mas isso é recomendável? Trata-se de um aplicativo de venda de acessórios de carro. O que seria melhor, assim ou utilizando a conexão cliente/servidor? Commented 17/09/2015 às 2:28
  • O que recomendaria você fazer é salvar as imagens em um servidor, seja Apache, IIS, Wildfly ou outro que você preferir. Salvar o caminho da imagem no banco de dados SQLite no Android, como, por exemplo, IP_SERVIDOR:8080/aplicacao/imagens_carros/corcel.jpg para visualizar a imagem do carro Corcel, consultando no banco SQLite essa URL e passando a URL da imagem onde está escrito IMAGE_URL do exemplo que lhe dei. Qualquer dúvida só chamar. Commented 17/09/2015 às 11:52
  • Valeu, Giancarlo... vou tentar por aí! Commented 17/09/2015 às 13:47
  • Giancarlo, você indicaria algum vídeo de alguém utilizando esse processo? Commented 17/09/2015 às 14:05
  • Pior que não tenho, posso criar uma página e fazer um tutorial assim que tiver tempo, mas não é díficil de criar. Você baixa o Apache e instala na máquina, cria um diretório da aplicacao, e dentro desse diretório a pasta imagens onde ficam as imagens dos carros. Ai no Android realiza a solicitação do caminho URL da imagem. Trouxe esse link para lhe ajudar a rodar um servidor Apache na máquina caso tenha Windows, espero que ajude: youtube.com/watch?v=1326zewpdqI, qualquer dúvida só pedir. Commented 17/09/2015 às 14:20
3

Você pode resolver isso só em uma linha utilizando a lib de imagem, pode ser tanto a Picasso, Glide, Universal Image Loader.Exemplo com a Picasso:

Picasso.with(context).load("http://i.imgur.com/DvpvklR.png").into(imageView);

Explicando. primeiro você passa o contexto de sua Class, segundo a Url da Image e por ultimo o teu ImageView. É muito simples.
Link da lib: http://square.github.io/picasso/

5
  • Valeu, Alessandro... vou estudar essa opção também. Commented 17/09/2015 às 13:48
  • Valeu, não conhecia sobre o Picasso. Commented 17/09/2015 às 13:50
  • Mas o fato de usar essa lib, não quer dizer que não precise de um servidor; não é isso? Commented 17/09/2015 às 23:19
  • você pode e tem que usar um servidor sim, porque sem o servidor suas imagens vão ficar estáticas e já com o servidor você vai ter maior controle, pesquise sobre comunicação de webservice com android e JSON. Aí sim você usuária a lib para pegar essa informação do servidor que vai ser passada em um JSON e assim jogar no load da lib. Commented 18/09/2015 às 2:10
  • Beleza, Alessandro! Commented 18/09/2015 às 2:30
1

Quando preciso acessar algum conteúdo da web com o android utilizo a biblioteca Volley, ela é bem simples de usar. Aqui tem um link para um exemplo que faz o request de uma imagem:

https://developer.android.com/training/volley/request.html#request-image

Edit- Exemplo de uso:

Primeiro você adiciona o .jar da biblioteca no seu projeto. Depois você pode realizar o request de forma bem simples: basta criar uma instancia de StringRequest (para texto), no contrutor você pode explicar o método que precisa (POST ou GET), em seguida a URL (no meu exemplo a url está em RequestContract.XMLQuestionarioContract.XML_QUESITIONARIO_URL) e por ultimo só precisa implementar o listener, no onResponse o retorno estará no parâmetro do método. Por ultimo só precisa adicionar a requisição em uma fila.

 private void requestQuestionario(){
    String tag_string_req = "req_questionario"; //tag para cancelar o request

    pDialog.setMessage("Carregando Questionário...");
    showDialog();

    StringRequest stringRequest = new StringRequest(Request.Method.GET,
            RequestContract.XMLQuestionarioContract.XML_QUESITIONARIO_URL, new Response.Listener<String>() {

        @Override
        public void onResponse(String s) {
            Log.d(TAG, "Response = " + s);

            //TODO -- Tratar Response
            InputStream xml = new ByteArrayInputStream(s.getBytes());
            try {
                HashMap questionario = XmlParser.parse(xml);
                List<Questao> questoes = (List) questionario.get("questoes");
                List<Alternativa> alternativas = (List) questionario.get("alternativas");
                List<Codigo> codigos = (List) questionario.get("codigos");

                DataBaseHelper db = new DataBaseHelper(getApplicationContext());

                db.insertQuestoes(questoes);
                db.insertAlternativas(alternativas);
                db.insertCodigos(codigos);

            } catch (XmlPullParserException e) {
                e.printStackTrace();
            } catch (IOException e) {
                e.printStackTrace();
            } catch (SQLException e){
                e.printStackTrace();
            }

            hideDialog();
        }
    }, new Response.ErrorListener() {
        @Override
        public void onErrorResponse(VolleyError volleyError) {
            //TODO -- Tratar erro
            Log.e(TAG, "Erro no request");
            hideDialog();
        }
    });

    requestQueue = RequestManager.getInstance(this).getRequestQueue();

    stringRequest.setTag(tag_string_req);
    requestQueue.add(stringRequest);
}

Nesse exemplo utilizo o conteúdo da String 's' do onResponse(String s) para fazer o parsing de um XML, mas poderia ser uma String qualquer ou até mesmo um Json.

Para a RequestQueue a Documentação da Google recomenda utilizar um Singleton, mas pode ser instanciado da seguinte forma:

RequestQueue queue = Volley.newRequestQueue(this);

Para fazer a requisição de uma imagem na documentação da google utiliza esse exemplo:

ImageView mImageView;
String url = "http://i.imgur.com/7spzG.png";
mImageView = (ImageView) findViewById(R.id.myImage);
...

// Retrieves an image specified by the URL, displays it in the UI.
ImageRequest request = new ImageRequest(url,
   new Response.Listener<Bitmap>() {
       @Override
       public void onResponse(Bitmap bitmap) {
           mImageView.setImageBitmap(bitmap);
       }
   }, 0, 0, null,
   new Response.ErrorListener() {
       public void onErrorResponse(VolleyError error) {
           mImageView.setImageResource(R.drawable.image_load_error);
       }
   });
  // Access the RequestQueue through your singleton class.
  MySingleton.getInstance(this).addToRequestQueue(request);

O StringRequest foi substituido por um ImageRequest e o parâmetro do onResponse por um BitMap

1
  • 1
    Podeira dar um breve resumo de como que utiliza essa bibliboteca? Sem isso sua resposta fica muito simplória.
    – Math
    Commented 21/09/2015 às 12:58

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .