Filtro de búsqueda de Android XML Analizar imágenes y textos Tutorial
Última actualización: 19 de junio de 2013
En este tutorial, aprenderá cómo implementar una función de búsqueda en su analizador XML que filtra imágenes y textos en su aplicación de Android. Una vista de lista se puede filtrar por la entrada del usuario y se habilita mediante el método addTextChangedListener. La función de búsqueda filtrará la vista de lista con una cadena coincidente de la entrada del usuario. La búsqueda a través de la vista de lista proporciona a los usuarios una manera fácil de encontrar la información que necesitan. La función de búsqueda filtrará ListView con una cadena coincidente de la entrada del usuario. Crearemos una vista de lista con un texto de edición colocado en la parte superior y en la entrada de texto se filtrarán los resultados de las imágenes y los textos y al hacer clic en el elemento de la vista de lista se abrirá una nueva actividad. Analizaremos las imágenes y los textos de una URL utilizando un analizador XML. Vamos a empezar…
Cree un nuevo proyecto en Eclipse File > New > Android Application Project. Complete los detalles y nombre su proyecto SearchXMLParse .
Nombre de la aplicación: SearchXMLParse
Nombre del proyecto: SearchXMLParse
Nombre del paquete: com.androidbegin.searchxmlparse
Abra su MainActivity .java y pegue el siguiente código.
Actividad principal .java
paquete com.androidbegin.searchxmlparse; importar java.util.ArrayList; importar java.util.List; importar java.util.Locale; importar org.w3c.dom.Documento; importar org.w3c.dom.Element; importar org.w3c.dom.NodeList; importar android.os.AsyncTask; importar android.os.Bundle; importar android.app.Actividad; importar android.app.ProgressDialog; importar android.text.Editable; importar android.text.TextWatcher; importar android.util.Log; importar android.widget.EditText; importar android.widget.ListView; clase pública MainActivity extiende Actividad { // Declarar Variables vista de lista ListView; Adaptador ListViewAdapter; ProgressDialog mProgressDialog; Cadena estática RANGO = "rango"; Cadena estática PAÍS = "país"; Cadena estática POBLACIÓN = "población"; BANDERA de cadena estática = "bandera"; EditText editar búsqueda; Lista privada<Población Mundial> listapoblaciónmundial = null; @Anular public void onCreate (Paquete guardadoInstanceState) { super.onCreate(estadoDeInstanciaGuardado); // Obtener la vista de listview_main.xml setContentView(R.layout.listview_main); // Ejecutar DownloadXML AsyncTask nuevo DescargarXML().ejecutar(); } // DescargarXML AsyncTask clase privada DownloadXML extiende AsyncTask<Void, Void, Void> { @Anular vacío protegido onPreExecute() { super.onPreExecute(); // Crear un diálogo de progreso mProgressDialog = nuevo ProgressDialog(MainActivity.this); // Establecer el título del diálogo de progreso mProgressDialog.setTitle("Análisis XML del filtro de búsqueda de Android"); // Establecer mensaje de diálogo de progreso mProgressDialog.setMessage("Cargando..."); mProgressDialog.setIndeterminate(falso); // Mostrar diálogo de progreso mProgressDialog.show(); } @Anular Protegido Void doInBackground(Void... params) { // Crea la matriz listapoblacionmundial = new ArrayList<PoblacionMundo>(); analizador XMLParser = nuevo XMLParser(); // Recuperar nodos de la URL del sitio web dada en XMLParser.class Cadena xml = analizador .getXmlFromUrl("https://www.androidbegin.com/tutorial/xmlparseimgtxt.xml"); // Recuperar elemento DOM Documento doc = parser.getDomElement(xml); intentar { // Localice el nombre de la lista de nodos NodeList nl = doc.getElementsByTagName("clasificación"); for (int i = 0; i < nl.getLength(); i++) { Elemento e = (Elemento) nl.item(i); Mapa PoblaciónMundo = new PoblaciónMundial(); map.setRank(parser.getValue(e, RANK)); map.setCountry(parser.getValue(e, COUNTRY)); map.setPopulation(parser.getValue(e, POBLACION)); map.setFlag(parser.getValue(e, FLAG)); listapoblacionmundial.add(mapa); } } captura (Excepción e) { Log.e("Error", e.getMessage()); e.printStackTrace(); } devolver nulo; } @Anular vacío protegido en PostExecute (argumentos vacíos) { // Localice la vista de lista en listview_main.xml listview = (ListView) findViewById(R.id.listview); // Pasar los resultados a ListViewAdapter.java adaptador = nuevo ListViewAdapter(MainActivity.this, lista de población mundial); // Vincula el adaptador a ListView listview.setAdapter(adaptador); // Cerrar el diálogo de progreso mProgressDialog.dismiss(); // Localice EditText en listview_main.xml editsearch = (EditText) findViewById(R.id.search); // Capturar texto en EditText editsearch.addTextChangedListener(nuevo TextWatcher() { @Anular public void afterTextChanged(Editable arg0) { // TODO stub de método generado automáticamente Cadena de texto = editsearch.getText().toString() .toLowerCase(Configuración regional.getDefault()); adaptador.filtro(texto); } @Anular public void beforeTextChanged(CharSequence arg0, int arg1, int arg2, int arg3) { // TODO stub de método generado automáticamente } @Anular public void onTextChanged(CharSequence arg0, int arg1, int arg2, int arg3) { // TODO stub de método generado automáticamente } }); } } }
En esta actividad, alojamos un archivo XML en nuestro servidor y usamos el analizador XML para recuperar nodos de la dirección URL. Hemos creado una AsyncTask como tarea en segundo plano para cargar los nodos XML en una matriz de cadenas y pasarlos a ListViewAdapter.
Enlace de archivo XML: https://www.androidbegin.com/tutorial/xmlparseimgtxt.xml
Producción :
<poblaciónmundial> <clasificación> <rango>1</rango> <país>China</país> <población>1,354,040,000</población> <bandera>https://www.androidbegin.com/tutorial/flag/china.png</flag> </clasificación> <clasificación> <rango>2</rango> <país>India</país> <población>1,210,193,422</población> <bandera>https://www.androidbegin.com/tutorial/flag/india.png</flag> </clasificación> <clasificación> <rango>3</rango> <país>Estados Unidos</país> <población>315.761.000</población> <bandera>https://www.androidbegin.com/tutorial/flag/unitedstates.png</flag> </clasificación> <clasificación> <rango>4</rango> <país>Indonesia</país> <población>237.641.326</población> <bandera>https://www.androidbegin.com/tutorial/flag/indonesia.png</flag> </clasificación> <clasificación> <rango>5</rango> <país>Brasil</país> <población>193.946.886</población> <bandera>https://www.androidbegin.com/tutorial/flag/brazil.png</flag> </clasificación> <clasificación> <rango>6</rango> <país>Pakistán</país> <población>182 912 000</población> <bandera>https://www.androidbegin.com/tutorial/flag/pakistan.png</flag> </clasificación> <clasificación> <rango>7</rango> <país>Nigeria</país> <población>170.901.000</población> <bandera>https://www.androidbegin.com/tutorial/flag/nigeria.png</flag> </clasificación> <clasificación> <rango>8</rango> <país>Bangladesh</país> <población>152 518 015</población> <bandera>https://www.androidbegin.com/tutorial/flag/bangladesh.png</flag> </clasificación> <clasificación> <rango>9</rango> <país>Rusia</país> <población>143.369.806</población> <bandera>https://www.androidbegin.com/tutorial/flag/russia.png</flag> </clasificación> <clasificación> <rango>10</rango> <país>Japón</país> <población>127.360.000</población> <bandera>https://www.androidbegin.com/tutorial/flag/japan.png</flag> </clasificación> </poblaciónmundial>
Todas las imágenes de este tutorial están alojadas en nuestro servidor. Puede descargar las imágenes de muestra a continuación y alojarlas en su servidor.
Imágenes de muestra
[etiqueta wpfilebase = ID de archivo = 35 tpl = botón de descarga /]
A continuación, cree un diseño gráfico XML para su vista de lista. Vaya a res > diseño > Haga clic con el botón derecho en el diseño > Nuevo > Archivo XML de Android
Nombre su nuevo archivo XML listview_main.xml y pegue el siguiente código.
vista_de_lista_principal .xml
<?versión xml="1.0" codificación="utf-8"?> <RelativeLayout xmlns_android="http://schemas.android.com/apk/res/android" android_layout_width="fill_parent" android_layout_height="fill_parent" > <Editar Texto android_id="@+id/buscar" android_layout_width="fill_parent" android_layout_height="wrap_content" > <solicitudEnfoque /> </EditarTexto> <ListView android_id="@+id/vista de lista" android_layout_width="fill_parent" android_layout_height="fill_parent" android_layout_below="@+id/buscar" /> </RelativeLayout>
Producción:
A continuación, cree una clase de matriz. Vaya a Archivo > Nuevo > Clase y asígnele el nombre WorldPopulation .java. Seleccione su paquete llamado com.androidbegin. searchxmlparse y haga clic en Finalizar .
Abra su WorldPopulation .java y pegue el siguiente código.
PoblaciónMundo .java
paquete com.androidbegin.searchxmlparse; clase pública población mundial { rango de cadena privado; País de cadena privado; población privada de cadenas; bandera de cadena privada; cadena pública getRank() { rango de retorno; } public void setRank(Rango de la cadena) { this.rango = rango; } public String obtenerPaís() { país de retorno; } public void setPaís(String país) { este.país = país; } cadena pública getPopulation() { población de retorno; } public void setPopulation(String población) { esta.poblacion = poblacion; } Cadena pública getFlag() { bandera de retorno; } public void setFlag(bandera de cadena) { esta.bandera = bandera; } }
A continuación, cree una clase de analizador XML. Vaya a Archivo > Nuevo > Clase y asígnele el nombre XMLParser .java. Seleccione su paquete llamado com.androidbegin. searchxmlparse y haga clic en Finalizar .
Abra su XMLParser .java y pegue el siguiente código.
XMLParser .java
paquete com.androidbegin.searchxmlparse; importar java.io.IOException; importar java.io.StringReader; importar java.io.UnsupportedEncodingException; importar javax.xml.parsers.DocumentBuilder; importar javax.xml.parsers.DocumentBuilderFactory; importar javax.xml.parsers.ParserConfigurationException; importar org.apache.http.HttpEntity; importar org.apache.http.HttpResponse; importar org.apache.http.client.ClientProtocolException; importar org.apache.http.client.methods.HttpPost; importar org.apache.http.impl.client.DefaultHttpClient; importar org.apache.http.util.EntityUtils; importar org.w3c.dom.Documento; importar org.w3c.dom.Element; importar org.w3c.dom.Node; importar org.w3c.dom.NodeList; importar org.xml.sax.InputSource; importar org.xml.sax.SAXException; importar android.util.Log; XMLParser de clase pública { Analizador XML público () { } // Recuperar XML de la URL public String getXmlFromUrl(String url) { Cadena xml = nulo; intentar { DefaultHttpClient httpClient = new DefaultHttpClient(); HttpPost httpPost = nuevo HttpPost (url); HttpResponse httpResponse = httpClient.execute(httpPost); HttpEntity httpEntity = httpResponse.getEntity(); xml = EntityUtils.toString(httpEntidad); } captura (Excepción de codificación no admitida e) { e.printStackTrace(); } captura (ClientProtocolException e) { e.printStackTrace(); } captura (IOException e) { e.printStackTrace(); } devolver xml; } // Recuperar elemento DOM Documento público getDomElement(String xml) { Documento doc = nulo; DocumentBuilderFactory dbf = DocumentBuilderFactory.newInstance(); intentar { DocumentBuilder db = dbf.newDocumentBuilder(); InputSource es = new InputSource(); es.setCharacterStream(nuevo StringReader(xml)); doc = db.parse(es); } captura (Excepción de configuración del analizador e) { Log.e("Error: ", e.getMessage()); devolver nulo; } atrapar (SAXException e) { Log.e("Error: ", e.getMessage()); devolver nulo; } captura (IOException e) { Log.e("Error: ", e.getMessage()); devolver nulo; } devolver documento; } // Recuperar elemento de nodo public final String getElementValue(elemento de nodo) { Hijo del nodo; si (elemento != nulo) { if (elem.hasChildNodes()) { for (hijo = elem.getFirstChild(); hijo != nulo; hijo = hijo .getNextSibling()) { if (hijo.getNodeType() == Nodo.TEXT_NODE) { volver niño.getNodeValue(); } } } } retorno ""; } // Recuperar valor de nodo public String getValue(Elemento elemento, String str) { NodeList n = item.getElementsByTagName(str); devolver este.getElementValue(n.item(0)); } }
Esta clase descarga el archivo XML y comprueba si está construido en consecuencia.
A continuación, cree un adaptador de vista de lista personalizado. Vaya a Archivo > Nuevo > Clase y asígnele el nombre ListViewAdapter .java. Seleccione su paquete llamado com.androidbegin. searchxmlparse y haga clic en Finalizar .
Abra su ListViewAdapter .java y pegue el siguiente código.
ListViewAdapter .java
paquete com.androidbegin.searchxmlparse; importar java.util.ArrayList; importar java.util.HashMap; importar java.util.List; importar java.util.Locale; importar android.content.Context; importar android.content.Intent; importar android.view.LayoutInflater; importar android.view.View; importar android.view.View.OnClickListener; importar android.view.ViewGroup; importar android.widget.BaseAdapter; importar android.widget.ImageView; importar android.widget.TextView; clase pública ListViewAdapter extiende BaseAdapter { // Declarar Variables contexto contexto; LayoutInflater inflador; ArrayList<HashMap<String, String>> datos; cargador de imágenes cargador de imágenes; Lista privada<Población Mundial> listapoblaciónmundial = null; lista de matrices privada ArrayList<WorldPopulation>; ListViewAdapter público (contexto contextual, List<WorldPopulation> worldpopulationlist) { este.contexto = contexto; this.worldpopulationlist = listapoblacionmundial; inflador = LayoutInflater.from(context); this.arraylist = new ArrayList<WorldPopulation>(); this.arraylist.addAll(worldpopulationlist); imageLoader = nuevo ImageLoader(contexto); } clase pública ViewHolder { rango de vista de texto; TextView país; Población de TextView; indicador de vista de imagen; } @Anular public int getCount() { return listapoblacionmundial.size(); } @Anular objeto público getItem (posición int) { return listapoblacionmundial.get(posicion); } @Anular getItemId largo público (posición int) { posición de retorno; } vista pública getView (posición int final, vista de vista, padre de ViewGroup) { titular final de ViewHolder; si (ver == nulo) { titular = nuevo ViewHolder(); vista = inflador.inflar (R.layout.listview_item, null); // Localice las vistas de texto en listview_item.xml holder.rank = (TextView) view.findViewById(R.id.rank); titular.país = (TextView) view.findViewById(R.id.country); titular.población = (TextView) vista.findViewById(R.id.población); // Localice ImageView en listview_item.xml holder.flag = (ImageView) view.findViewById(R.id.flag); ver.setTag(titular); } más { titular = (ViewHolder) view.getTag(); } // Establecer los resultados en TextViews holder.rank.setText(worldpopulationlist.get(position).getRank()); holder.country.setText(worldpopulationlist.get(position).getCountry()); holder.population.setText(worldpopulationlist.get(posición) .getPopulation()); // Establecer los resultados en ImageView imageLoader.DisplayImage(worldpopulationlist.get(posición).getFlag(), titular.bandera); // Escuche el elemento ListView Haga clic ver.setOnClickListener(nuevo OnClickListener() { @Anular public void onClick (Ver arg0) { // Enviar datos de clics de un solo elemento a la clase SingleItemView Intención intención = nueva intención (contexto, SingleItemView.class); // Pasar todo el rango de datos intent.putExtra("rango", (listapoblacionmundial.get(posicion).getRank())); // Pasar todos los datos del país intent.putExtra("país", (listapoblaciónmundial.get(posición).getPaís())); // Pasar toda la población de datos intent.putExtra("población", (listapoblacionmundial.get(posicion).getPoblacion())); // Pasar todos los indicadores de datos intent.putExtra("bandera", (listapoblacionmundial.get(posicion).getFlag())); // Iniciar clase SingleItemView context.startActivity(intención); } }); volver a ver; } // Clase de filtro filtro de vacío público (String charText) { charText = charText.toLowerCase(Locale.getDefault()); listapoblacionmundial.clear(); if (textochar.longitud() == 0) { listapoblacionmundial.addAll(listaarreglo); } más { para (WorldPopulation wp: lista de arreglos) { si (wp.getCountry().toLowerCase(Locale.getDefault()) .contains(charText)) { listapoblacionmundial.add(wp); } } } notificarDataSetChanged(); } }
En esta clase de adaptador de vista de lista personalizada, las matrices de cadenas se pasan a ListViewAdapter y se configuran en TextViews e ImageViews seguidas de las posiciones. Al hacer clic en el elemento de vista de lista, se pasarán las matrices de cadenas y la posición a una nueva actividad.
A continuación, cree un diseño gráfico XML para su elemento de vista de lista. Vaya a res > diseño > Haga clic con el botón derecho en el diseño > Nuevo > Archivo XML de Android
Nombre su nuevo archivo XML listview_item.xml y pegue el siguiente código.
vista_de_lista_elemento .xml
<?versión xml="1.0" codificación="utf-8"?> <RelativeLayout xmlns_android="http://schemas.android.com/apk/res/android" android_layout_width="fill_parent" android_layout_height="fill_parent" > <Vista de texto android_id="@+id/etiqueta de clasificación" android_layout_width="wrap_content" android_layout_height="wrap_content" android_text="@cadena/etiqueta de clasificación" /> <Vista de texto android_id="@+id/rango" android_layout_width="wrap_content" android_layout_height="wrap_content" android_layout_toRightOf="@+id/ranklabel" /> <Vista de texto android_id="@+id/etiqueta del país" android_layout_width="wrap_content" android_layout_height="wrap_content" android_layout_below="@+id/ranklabel" android_text="@cadena/etiqueta del país" /> <Vista de texto android_id="@+id/país" android_layout_width="wrap_content" android_layout_height="wrap_content" android_layout_below="@+id/rango" android_layout_toRightOf="@+id/etiqueta del país" /> <Vista de texto android_id="@+id/etiqueta de población" android_layout_width="wrap_content" android_layout_height="wrap_content" android_layout_below="@+id/etiqueta del país" android_text="@cadena/etiqueta de población" /> <Vista de texto android_id="@+id/población" android_layout_width="wrap_content" android_layout_height="wrap_content" android_layout_below="@+id/país" android_layout_toRightOf="@+id/etiqueta de población" /> <ImagenVista android_id="@+id/bandera" android_layout_width="wrap_content" android_layout_height="wrap_content" android_layout_alignParentRight="verdadero" androide_fondo="#000000" Android: relleno = "1dp" /> </RelativeLayout>
Producción:
A continuación, cree una clase de cargador de imágenes. Vaya a Archivo > Nuevo > Clase y asígnele el nombre ImageLoader .java. Seleccione su paquete llamado com.androidbegin. searchxmlparse y haga clic en Finalizar .
Abra su ImageLoader .java y pegue el siguiente código.
Image Loader .java
paquete com.androidbegin.searchxmlparse; importar java.io.Archivo; importar java.io.FileInputStream; importar java.io.FileNotFoundException; importar java.io.FileOutputStream; importar java.io.IOException; importar java.io.InputStream; importar java.io.OutputStream; importar java.net.HttpURLConnection; importar java.net.URL; importar java.util.Collections; importar java.util.Map; importar java.util.WeakHashMap; importar java.util.concurrent.ExecutorService; importar java.util.concurrent.Executors; importar android.os.Handler; importar android.content.Context; importar android.graphics.Bitmap; importar android.graphics.BitmapFactory; importar android.widget.ImageView; cargador de imágenes de clase pública { MemoryCache memoryCache = new MemoryCache(); Caché de archivos Caché de archivos; mapa privado<ImageView, String> imageViews = Colecciones .synchronizedMap(new WeakHashMap<ImageView, String>()); ExecutorService ejecutorService; // Controlador para mostrar imágenes en el subproceso de la interfaz de usuario Manejador manejador = nuevo Manejador(); ImageLoader público (contexto contexto) { fileCache = new FileCache(contexto); executorService = Executors.newFixedThreadPool(5); } final int stub_id = R.drawable.temp_img; public void DisplayImage(String url, ImageView imageView) { vistas de imagen.put(vista de imagen, url); mapa de bits mapa de bits = memoryCache.get(url); si (mapa de bits! = nulo) imageView.setImageBitmap(mapa de bits); más { queuePhoto(url, imageView); imageView.setImageResource(stub_id); } } privado void queuePhoto (String url, ImageView imageView) { PhotoToLoad p = new PhotoToLoad(url, imageView); executorService.submit(nuevo PhotosLoader(p)); } bitmap privado getBitmap(String url) { Archivo f = fileCache.getFile(url); Mapa de bits b = decodeFile(f); si (b != nulo) volver b; // Descargar Imágenes de Internet intentar { mapa de bits mapa de bits = nulo; URL imageUrl = nueva URL (url); HttpURLConnection conexión = (HttpURLConnection) imageUrl .openConnection(); conn.setConnectTimeout(30000); conn.setReadTimeout(30000); conn.setInstanceFollowRedirects(true); InputStream es = conn.getInputStream(); OutputStream os = new FileOutputStream(f); Utils.CopyStream(es, sistema operativo); os.close(); conn.desconectar(); mapa de bits = decodeFile(f); devolver mapa de bits; } catch (arrojable ex) { ex.printStackTrace(); si (por ejemplo, instancia de OutOfMemoryError) memoriaCache.clear(); devolver nulo; } } // Decodifica la imagen y la escala para reducir el consumo de memoria archivo de decodificación de mapa de bits privado (archivo f) { intentar { // Decodifica el tamaño de la imagen BitmapFactory.Options o = new BitmapFactory.Options(); o.inJustDecodeBounds = verdadero; FileInputStream stream1 = nuevo FileInputStream(f); BitmapFactory.decodeStream(flujo1, nulo, o); flujo1.cerrar(); // Encuentra el valor de escala correcto. Debe ser la potencia de 2. int final REQUIRED_SIZE = 70; int ancho_tmp = o.outWidth, height_tmp = o.outHeight; escala int = 1; mientras (verdadero) { si (ancho_tmp / 2 < TAMAÑO_REQUERIDO || height_tmp / 2 < TAMAÑO_REQUERIDO) descanso; ancho_tmp /= 2; altura_tmp /= 2; escala *= 2; } // Decodificar con inSampleSize BitmapFactory.Options o2 = new BitmapFactory.Options(); o2.inSampleSize = escala; FileInputStream stream2 = nuevo FileInputStream(f); mapa de bits mapa de bits = BitmapFactory.decodeStream(stream2, null, o2); flujo2.cerrar(); devolver mapa de bits; } captura (Excepción FileNotFound e) { } captura (IOException e) { e.printStackTrace(); } devolver nulo; } // Tarea para la cola clase privada PhotoToLoad { URL de cadena pública; Vista de imagen pública Vista de imagen; PhotoToLoad público (String u, ImageView i) { URL = tu; vista de imagen = i; } } clase PhotosLoader implementa Runnable { Foto para cargar foto para cargar; PhotosLoader (PhotoToLoad photoToLoad) { this.fotoParaCargar = fotoParaCargar; } @Anular ejecución de vacío público () { intentar { si (imageViewReused(photoToLoad)) retorno; Mapa de bits bmp = getBitmap(photoToLoad.url); memoryCache.put(fotoParaCargar.url, bmp); si (imageViewReused(photoToLoad)) retorno; BitmapDisplayer bd = new BitmapDisplayer(bmp, photoToLoad); manejador.post(bd); } atrapar (Throwable th) { th.printStackTrace(); } } } booleano imageViewReused(PhotoToLoad photoToLoad) { Etiqueta de cadena = imageViews.get(photoToLoad.imageView); if (etiqueta == null || !tag.equals(photoToLoad.url)) devolver verdadero; falso retorno; } // Se usa para mostrar el mapa de bits en el subproceso de la interfaz de usuario clase BitmapDisplayer implementa Runnable { mapa de bits mapa de bits; Foto para cargar foto para cargar; Visualizador de mapa de bits público (mapa de bits b, PhotoToLoad p) { mapa de bits = b; fotoParaCargar = p; } ejecución de vacío público () { si (imageViewReused(photoToLoad)) retorno; si (mapa de bits! = nulo) photoToLoad.imageView.setImageBitmap(mapa de bits); más photoToLoad.imageView.setImageResource(stub_id); } } vacío público clearCache () { memoriaCache.clear(); archivoCache.clear(); } }
Un cargador de imágenes es una clase que lo ayuda a descargar, mostrar y almacenar imágenes en caché. Al usar un cargador de imágenes, las imágenes se descargarán automáticamente si la memoria del dispositivo es baja y se asegura de que las imágenes tengan el tamaño adecuado y se almacenen en la memoria caché. Inserte una imagen temporal para que Imageloader la muestre cuando una imagen no esté disponible o aún se esté cargando. Para este tutorial, hemos preparado una imagen temporal de muestra. Inserta tu imagen de muestra descargada en tu res > drawable-hdpi .
Imagen temporal
[wpfilebase tag=ID de archivo=85 tpl=botón de descarga/]
A continuación, cree una clase de caché de memoria. Vaya a Archivo > Nuevo > Clase y asígnele el nombre MemoryCache .java. Seleccione su paquete llamado com.androidbegin. searchxmlparse y haga clic en Finalizar .
Abra su MemoryCache .java y pegue el siguiente código.
Caché de memoria .java
paquete com.androidbegin.searchxmlparse; importar java.util.Collections; importar java.util.Iterator; importar java.util.LinkedHashMap; importar java.util.Map; importar java.util.Map.Entry; importar android.graphics.Bitmap; importar android.util.Log; caché de memoria de clase pública { ETIQUETA de cadena final estática privada = "MemoryCache"; // Último argumento verdadero para el pedido de LRU cache privado de Map<String, Bitmap> = Colecciones .synchronizedMap(nuevo LinkedHashMap<String, Bitmap>(10, 1.5f, true)); // tamaño asignado actual tamaño largo privado = 0; // Memoria máxima en bytes límite largo privado = 1000000; caché de memoria pública () { // Usar el 25 % del tamaño de almacenamiento dinámico disponible setLimit(Runtime.getRuntime().maxMemory() / 4); } public void setLimit(largo nuevo_limite) { límite = nuevo_límite; Log.i(TAG, "MemoryCache usará hasta " + límite / 1024. / 1024. + "MB"); } mapa de bits público obtener (ID de cadena) { intentar { if (!cache.containsKey(id)) devolver nulo; volver cache.get(id); } captura (Excepción NullPointerex) { ex.printStackTrace(); devolver nulo; } } put vacío público (ID de cadena, mapa de bits de mapa de bits) { intentar { if (cache.containsKey(id)) tamaño -= getSizeInBytes(cache.get(id)); cache.put(id, mapa de bits); tamaño += getSizeInBytes(mapa de bits); comprobarTamaño(); } atrapar (Throwable th) { th.printStackTrace(); } } checkSize privado vacío () { Log.i(TAG, "cache size=" + size + " length=" + cache.size()); if (tamaño > límite) { // El elemento al que se accedió menos recientemente será el primero en repetirse Iterator<Entry<String, Bitmap>> iter = cache.entrySet().iterator(); while (iter.hasNext()) { Entry<String, Bitmap> entry = iter.next(); tamaño -= getSizeInBytes(entry.getValue()); iter.remove(); si (tamaño <= límite) descanso; } Log.i(TAG, "Limpiar caché. Nuevo tamaño " + cache.size()); } } vacío público claro () { intentar { caché.clear(); tamaño = 0; } captura (Excepción NullPointerex) { ex.printStackTrace(); } } long getSizeInBytes (mapa de bits mapa de bits) { si (mapa de bits == nulo) devolver 0; volver bitmap.getRowBytes() * bitmap.getHeight(); } }
Esta clase de caché de memoria limitará el uso de la memoria al cargar imágenes. Lo que significa que las imágenes se eliminarán si no se muestran en la vista de contenido.
A continuación, cree una clase de caché de archivos. Vaya a Archivo > Nuevo > Clase y asígnele el nombre FileCache .java. Seleccione su paquete llamado com.androidbegin. searchxmlparse y haga clic en Finalizar .
Abra su FileCache .java y pegue el siguiente código.
FileCache .java
paquete com.androidbegin.searchxmlparse; importar java.io.Archivo; importar android.content.Context; clase pública FileCache { archivo privado cacheDir; FileCache público (contexto de contexto) { // Encuentra el directorio para guardar imágenes en caché si (android.os.Environment.getExternalStorageState().equals( android.os.Environment.MEDIA_MOUNTED)) cacheDir = nuevo archivo ( android.os.Environment.getExternalStorageDirectory(), "BuscarXMLParseTutorialCache"); más cacheDir = contexto.getCacheDir(); si (!cacheDir.exists()) cacheDir.mkdirs(); } archivo público getFile(String url) { Nombre de archivo de cadena = String.valueOf(url.hashCode()); // String filename = URLEncoder.encode(url); Archivo f = nuevo archivo (cacheDir, nombre de archivo); devolver f; } vacío público claro () { Archivo[] archivos = cacheDir.listFiles(); si (archivos == nulo) retorno; para (Archivo f: archivos) f.eliminar(); } }
Esta clase de caché de archivos guarda imágenes temporales en el almacenamiento interno del dispositivo para evitar que las imágenes se descarguen repetidamente.
A continuación, cree una clase de utilidad. Vaya a Archivo > Nuevo > Clase y asígnele el nombre Utils .java. Seleccione su paquete llamado com.androidbegin. searchxmlparse y haga clic en Finalizar .
Abra su Utils .java y pegue el siguiente código.
Utilidades .java
paquete com.androidbegin.searchxmlparse; importar java.io.InputStream; importar java.io.OutputStream; Utilidades de clase pública { vacío estático público CopyStream (InputStream es, OutputStream os) { final int buffer_size=1024; intentar { byte[] bytes=nuevo byte[buffer_size]; por(;;) { int count=is.read(bytes, 0, buffer_size); si (contar == -1) descanso; os.write(bytes, 0, cuenta); } } catch (excepción ex) {} } }
A continuación, cree una actividad para mostrar los resultados. Vaya a Archivo > Nuevo > Clase y asígnele el nombre SingleItemView.java. Seleccione su paquete llamado com.androidbegin. searchxmlparse y haga clic en Finalizar .
Abra su SingleItemView.java y pegue el siguiente código.
SingleItemView.java
paquete com.androidbegin.searchxmlparse; importar android.app.Actividad; importar android.content.Intent; importar android.os.Bundle; importar android.widget.ImageView; importar android.widget.TextView; La clase pública SingleItemView extiende la actividad { // Declarar Variables Rango de cadena; País de cuerdas; Población de cadenas; Bandera de cadena; Posición de la cadena; ImageLoader imageLoader = nuevo ImageLoader(esto); @Anular public void onCreate (Paquete guardadoInstanceState) { super.onCreate(estadoDeInstanciaGuardado); // Obtenga la vista de singleitemview.xml setContentView(R.layout.singleitemview); Intención i = getIntent(); // Obtener el resultado del rango rango = i.getStringExtra("rango"); // Obtener el resultado del país país = i.getStringExtra("país"); // Obtener el resultado de la población población = i.getStringExtra("población"); // Obtener el resultado de la bandera bandera = i.getStringExtra("bandera"); // Localiza las vistas de texto en singleitemview.xml TextView txtrank = (TextView) findViewById(R.id.rank); TextView txtcountry = (TextView) findViewById(R.id.country); TextView txtpopulation = (TextView) findViewById(R.id.population); // Localice ImageView en singleitemview.xml ImageView imgflag = (ImageView) findViewById(R.id.flag); // Establecer resultados en TextViews txtrank.setText(rango); txtpaís.setText(país); txtpoblacion.setText(poblacion); // Captura la posición y establece los resultados en ImageView // Pasa la URL de las imágenes de la bandera a ImageLoader.class imageLoader.DisplayImage(bandera, imgbandera); } }
En esta actividad, las cadenas se recuperan de ListViewAdapter mediante el uso de Intent y se establecen en TextViews y pasan una URL de imagen a la clase ImageLoader para cargar imágenes en ImageView.
A continuación, cree un diseño gráfico XML para su SingleItemView. Vaya a res > diseño > Haga clic con el botón derecho en el diseño > Nuevo > Archivo XML de Android
Nombre su nuevo archivo XML singleitemview.xml y pegue el siguiente código.
vista de elemento único .xml
<?versión xml="1.0" codificación="utf-8"?> <RelativeLayout xmlns_android="http://schemas.android.com/apk/res/android" xmlns_herramientas="http://esquemas.android.com/herramientas" android_layout_width="fill_parent" android_layout_height="fill_parent" > <Vista de texto android_id="@+id/etiqueta de clasificación" android_layout_width="wrap_content" android_layout_height="wrap_content" android_text="@cadena/etiqueta de clasificación" /> <Vista de texto android_id="@+id/rango" android_layout_width="wrap_content" android_layout_height="wrap_content" android_layout_toRightOf="@+id/ranklabel" /> <Vista de texto android_id="@+id/etiqueta del país" android_layout_width="wrap_content" android_layout_height="wrap_content" android_layout_below="@+id/ranklabel" android_text="@cadena/etiqueta del país" /> <Vista de texto android_id="@+id/país" android_layout_width="wrap_content" android_layout_height="wrap_content" android_layout_below="@+id/rango" android_layout_toRightOf="@+id/etiqueta del país" /> <Vista de texto android_id="@+id/etiqueta de población" android_layout_width="wrap_content" android_layout_height="wrap_content" android_layout_below="@+id/etiqueta del país" android_text="@cadena/etiqueta de población" /> <Vista de texto android_id="@+id/población" android_layout_width="wrap_content" android_layout_height="wrap_content" android_layout_below="@+id/país" android_layout_toRightOf="@+id/etiqueta de población" /> <ImagenVista android_id="@+id/bandera" android_layout_width="wrap_content" android_layout_height="wrap_content" android_layout_alignParentRight="verdadero" androide_fondo="#000000" Android: relleno = "1dp" /> </RelativeLayout>
Producción:
A continuación, cambie el nombre y los textos de la aplicación. Abra su strings.xml en su carpeta res > valores y pegue el siguiente código.
cadenas.xml
<recursos> <string name="app_name">Buscar análisis XML</string> <string name="hello_world">¡Hola mundo!</string> <string name="menu_settings">Configuración</string> <string name="title_activity_main">Buscar XML Parse</string> <string name="ranklabel">"Clasificación: "</string> <string name="countrylabel">"País: "</string> <string name="populationlabel">"Población: "</string> </recursos>
En su AndroidManifest.xml , debemos declarar permisos para permitir que la aplicación escriba un almacenamiento externo y se conecte a Internet. Abra su AndroidManifest.xml y pegue el siguiente código.
Manifiesto de Android. xml
<manifiesto xmlns_android="http://schemas.android.com/apk/res/android" paquete="com.androidbegin.searchxmlparse" android_versionCode="1" android_versionName="1.0" > <usos-sdk android_minSdkVersion="8" android_targetSdkVersion="15" /> <usos-permiso android_name="android.permiso.INTERNET" /> <usos-permiso android_name="android.permission.WRITE_EXTERNAL_STORAGE" /> <aplicación android_icono="@dibujable/ic_launcher" android_etiqueta="@cadena/nombre_aplicación" android_tema="@estilo/AppTheme" > <actividad android_nombre=".Actividad principal" android_label="@cadena/título_actividad_principal" > <intent-filter> <acción android_name="android.intent.action.MAIN" /> <categoría android_name="android.intent.category.LAUNCHER" /> </intent-filter> </actividad> <actividad android_name=".SingleItemView" > </actividad> </aplicación> </manifiesto>
Producción:
Código fuente
[purchase_link id=”7971″ text=”Comprar para descargar el código fuente” style=”button” color=”green”]