SlideShare una empresa de Scribd logo
GuerreroSerrano,PosadasPérez&’Olvera
Olmos
4°AmPG
Comoponerunaimagenen
Eclipse(AplicaciónAndroid)
Importar imágenes a un proyecto Android desde Eclipse
Para incorporar imágenes a un proyecto de aplicación Android que se desarrolla con
Eclipse se deben realizar los siguientes pasos:
1. Determinar la carpeta /res/drawable… donde queremos almacenar el
fichero de imagen.
2. Con el botón derecho sobre la carpeta destino, seleccionar Importar. A
continuación, aparece una ventana donde hay que seleccionar la carpeta
General>File Systemy pulsar Next. Entonces, se debe elegir la carpeta donde se
encuentran las imágenes a importar.
3. Seleccionar los gráficos que se quieren importar y pulsar Finish.
4. Entonces podemos ver que los ficheros has sido incluidos en la carpeta
correspondiente.
Una vez creado nuestro proyecto y teniendo la imagen que queremos que sea
el background de nuestra aplicación en formato PNG haremos lo siguiente:
Arrastramos ésta imagen al eclipse y la colocaremos en la carpeta drawable-mdpi que se
encuentra en la direcciónNombreDeTuProyecto/res/drawable-mdpi una ves hecho esto
haremos uso de la propiedad android:background y hacemos referencia a la imagen que
copiamos en la carpeta drawable-mdpi de la siguiente
maneraandroid:background="@drawable/aa". Luego de haber hecho esto nos vamos a la
pestaña Graphical Layout y podremos ver el resultado.
activity_main.xml
<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:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
android:background="@drawable/aa"
tools:context=".MainActivity" >
</RelativeLayout>
Control TextView.
Muy bien ahora veremos como poner los 3 que meciona el titulo, asi que, en Android
El control TextView es otro de los clásicos en la programación de GUIs, las etiquetas de
texto, y se utiliza para mostrar un determinado texto al usuario. Al igual que en el caso de los botones, el
texto del control se establece mediante la propiedad android:text. A parte de esta propiedad, la naturaleza
del control hace que las más interesantes sean las que
establecen el formato del texto mostrado, que al igual que en el caso de los botones son las siguientes:
android:background (color de fondo), android:textColor (color del
texto), android:textSize (tamaño de la fuente) y android:typeface (estilo del
texto: negrita, cursiva, …).
: las imágenes (ImageView), las etiquetas (TextView) y por último los cuadros de texto (EditText).
Control ImageView
El control ImageView permite mostrar imágenes en la aplicación. La propiedad más
interesante es android:src, que permite indicar la imagen a mostrar. Nuevamente, lo
normal será indicar como origen de la imagen el identificador de un recurso de nuestra
carpeta /res/drawable, por ejemploandroid:src=”@drawable/unaimagen”.
<ImageView android:id=”@+id/ImgFoto”
android:layout_width=”wrap_content”
android:layout_height=”wrap_content”
android:src=”@drawable/icon” />
En la lógica de la aplicación, podríamos establecer la imagen mediante el método
setImageResorce(…), pasándole el ID del recurso a utilizar como contenido de la imagen.
ImageView img = (ImageView)findViewById(R.id.ImgFoto);
img.setImageResource(R.drawable.icon);
Control TextView.
El control TextView es otro de los clásicos en la programación de GUIs, las etiquetas de
texto, y se utiliza para mostrar un determinado texto al usuario. Al igual que en el caso de los botones, el
texto del control se establece mediante la propiedad android:text. A parte de esta propiedad, la naturaleza
del control hace que las más interesantes sean las que
establecen el formato del texto mostrado, que al igual que en el caso de los botones son las siguientes:
android:background (color de fondo), android:textColor (color del
texto), android:textSize (tamaño de la fuente) y android:typeface (estilo del
texto: negrita, cursiva, …).
<TextView android:id=”@+id/LblEtiqueta”
android:layout_width=”fill_parent”
android:layout_height=”wrap_content”
android:text=”Escribe algo:”
android:background=”#AA44FF”
android:typeface=”monospace” />
De igual forma, también podemos manipular estas propiedades desde nuestro código. Como
ejemplo, en el siguiente fragmento recuperamos eltexto de una etiqueta con getText(), y
posteriormente le concatenamos unos números, actualizamos su contenido mediante
setText() y le cambiamos su color de fondo con setBackgroundColor().
final TextView lblEtiqueta = (TextView)findViewById(R.id.LblEtiqueta);
String texto = lblEtiqueta.getText().toString();
texto += “123″;
lblEtiqueta.setText(texto);
Control EditText.
El control EditText es el componente de edición de texto que proporciona la plataforma
Android. Permite la introducción y edición de texto por parte del usuario, por lo que en tiempo de diseño
la propiedad más interesante a establecer, además de su posición/tamaño y formato, es el texto a mostrar,
atributo android:text.
<EditText android:id=”@+id/TxtTexto”
android:layout_width=”fill_parent”
android:layout_height=”wrap_content”
android:layout_below=”@id/LblEtiqueta” />
De igual forma, desde nuestro código podremos recuperar y establecer este texto mediante
los métodos getText() y setText(nuevoTexto) respectivamente:
final EditText txtTexto = (EditText)findViewById(R.id.TxtTexto);
String texto = txtTexto.getText().toString();
txtTexto.setText(“Hola mundo!”);
hacer un toString() sobre el resultado de getText()? La explicación para esto es que
el método getText() no devuelve un String sino un objeto de tipo Editable, que a su
vez implementa la interfaz Spannable. Y esto nos lleva a la característica más interesante
del control EditText, y es que no sólo nos permite editar texto plano sino también texto
enriquecido o con formato.
Interfaz Spanned
Un objeto de tipo Spanned es algo así como una cadena de caracteres (deriva de la interfaz
CharSequence) en la que podemos insertar otros objetos a modo de marcas o etiquetas
(spans) asociados a rangos de caracteres. De esta interfaz deriva la interfaz Spannable, que
permite la modificación de estas marcas, y a su vez de ésta última deriva la interfaz Editable,
que permite además la modificación del texto.
Aunque en el apartado en el que nos encontramos nos interesaremos principalmente por las
marcas de formato de texto, en principio podríamos insertar cualquier tipo de objeto.
Existen muchos tipos de spans predefinidos en la plataforma que podemos utilizar para dar
formato al texto, entre ellos:
TypefaceSpan. Modifica el tipo de fuente.
StyleSpan. Modifica el estilo del texto (negrita, cursiva, …).
ForegroudColorSpan. Modifica el color del texto.
AbsoluteSizeSpan. Modifica el tamaño de fuente.
De esta forma, para crear un nuevo objeto Editable e insertar una marca de formato
podríamos hacer lo siguiente:
//Creamos un nuevo objeto de tipo Editable
Editable str = Editable.Factory.getInstance().newEditable(“Esto es un
simulacro.”);
//Marcamos cono fuente negrita la palabra “simulacro”
str.setSpan(new StyleSpan(android.graphics.Typeface.BOLD), 11, 19,
Spannable.SPAN_EXCLUSIVE_EXCLUSIVE);
Texto con formato en controles TextViewy EditText
Hemos visto cómo crear un objeto Editable y añadir marcas de formato al texto que
contiene, pero todo esto no tendría ningún sentido sino pudiéramos visualizarlo. Como ya
podéis imaginar, los controles TextView y EditText nos van a permitir hacer esto.Vemosqué ocurre si
asignamos al nuestro control EditText el objeto Editable que hemoscreado antes:
txtTexto.setText(str);

Más contenido relacionado

La actualidad más candente

Pantalla principal-de-eclipse
Pantalla principal-de-eclipsePantalla principal-de-eclipse
Pantalla principal-de-eclipse
jafedvega
 
Qué es visual basic
Qué es visual basicQué es visual basic
Qué es visual basic
Dulmar Torrado
 
Documento1
Documento1Documento1
Documento1
Alejandro856619
 
Manual De Word
Manual De WordManual De Word
Manual De Word
SoledadAguirre
 
Comandos html
Comandos htmlComandos html
Comandos html
darwincoronelramirez
 
Formularios html
Formularios htmlFormularios html
Formularios html
Nury Farelo V
 
Visual Basic 6.0
Visual Basic 6.0Visual Basic 6.0
Visual Basic 6.0
Elixa Sheppard Flores
 
Semana 2 Etiquetas semánticas y HTML 5
Semana 2   Etiquetas semánticas y HTML 5Semana 2   Etiquetas semánticas y HTML 5
Semana 2 Etiquetas semánticas y HTML 5
Richard Eliseo Mendoza Gafaro
 
Manual de microsoft_word
Manual de microsoft_wordManual de microsoft_word
Manual de microsoft_word
Elizabeth Jimenez
 
Programando en-serio-con-visual-basic
Programando en-serio-con-visual-basicProgramando en-serio-con-visual-basic
Programando en-serio-con-visual-basic
usuario230
 
Formularios html
Formularios htmlFormularios html
Formularios html
BB
 
Guia de cmaptools
Guia de cmaptoolsGuia de cmaptools
Guia de cmaptools
oscar elias palomino hermoza
 
Tabla de trabajo de power point
Tabla de trabajo de power point Tabla de trabajo de power point
Tabla de trabajo de power point
Julian Lopez
 
Manual
ManualManual
Tutorial visual basic 6
Tutorial visual basic 6Tutorial visual basic 6
Tutorial visual basic 6
leymar286
 
Herramientas de word y sus funciones
Herramientas de word y sus funcionesHerramientas de word y sus funciones
Herramientas de word y sus funciones
MariaAngelicagarcia11
 
HTML
HTMLHTML
Marcadores,referencias cruzadas notas al pie
Marcadores,referencias cruzadas notas al pieMarcadores,referencias cruzadas notas al pie
Marcadores,referencias cruzadas notas al pie
linapaolaespitia
 
Visual Basic 6.0
Visual Basic 6.0Visual Basic 6.0
Visual Basic 6.0
Laura Velazquez
 

La actualidad más candente (19)

Pantalla principal-de-eclipse
Pantalla principal-de-eclipsePantalla principal-de-eclipse
Pantalla principal-de-eclipse
 
Qué es visual basic
Qué es visual basicQué es visual basic
Qué es visual basic
 
Documento1
Documento1Documento1
Documento1
 
Manual De Word
Manual De WordManual De Word
Manual De Word
 
Comandos html
Comandos htmlComandos html
Comandos html
 
Formularios html
Formularios htmlFormularios html
Formularios html
 
Visual Basic 6.0
Visual Basic 6.0Visual Basic 6.0
Visual Basic 6.0
 
Semana 2 Etiquetas semánticas y HTML 5
Semana 2   Etiquetas semánticas y HTML 5Semana 2   Etiquetas semánticas y HTML 5
Semana 2 Etiquetas semánticas y HTML 5
 
Manual de microsoft_word
Manual de microsoft_wordManual de microsoft_word
Manual de microsoft_word
 
Programando en-serio-con-visual-basic
Programando en-serio-con-visual-basicProgramando en-serio-con-visual-basic
Programando en-serio-con-visual-basic
 
Formularios html
Formularios htmlFormularios html
Formularios html
 
Guia de cmaptools
Guia de cmaptoolsGuia de cmaptools
Guia de cmaptools
 
Tabla de trabajo de power point
Tabla de trabajo de power point Tabla de trabajo de power point
Tabla de trabajo de power point
 
Manual
ManualManual
Manual
 
Tutorial visual basic 6
Tutorial visual basic 6Tutorial visual basic 6
Tutorial visual basic 6
 
Herramientas de word y sus funciones
Herramientas de word y sus funcionesHerramientas de word y sus funciones
Herramientas de word y sus funciones
 
HTML
HTMLHTML
HTML
 
Marcadores,referencias cruzadas notas al pie
Marcadores,referencias cruzadas notas al pieMarcadores,referencias cruzadas notas al pie
Marcadores,referencias cruzadas notas al pie
 
Visual Basic 6.0
Visual Basic 6.0Visual Basic 6.0
Visual Basic 6.0
 

Destacado

destinatarios del material
destinatarios del materialdestinatarios del material
destinatarios del material
mayra lizarraga
 
SeHF 2014 | Cybermedical Community Live - Zusammenarbeit am Beispiel von Tumo...
SeHF 2014 | Cybermedical Community Live - Zusammenarbeit am Beispiel von Tumo...SeHF 2014 | Cybermedical Community Live - Zusammenarbeit am Beispiel von Tumo...
SeHF 2014 | Cybermedical Community Live - Zusammenarbeit am Beispiel von Tumo...
Swiss eHealth Forum
 
Hotel Preidlhof Katalog 2014
Hotel Preidlhof  Katalog 2014Hotel Preidlhof  Katalog 2014
Hotel Preidlhof Katalog 2014
Dolcevita Hotels
 
Megaconstruccionesenelecuador
MegaconstruccionesenelecuadorMegaconstruccionesenelecuador
Megaconstruccionesenelecuador
criollomelinton
 
Autobiografía wilson patiño
Autobiografía wilson patiñoAutobiografía wilson patiño
Autobiografía wilson patiño
Wilson Patiño
 
Criptografia
CriptografiaCriptografia
Criptografia
Brayan Becerril Perez
 
Evolució del dibuix de la figura humana
Evolució del dibuix de la figura humanaEvolució del dibuix de la figura humana
Evolució del dibuix de la figura humana
amorera3
 
Al encuentro n° 12- noviembre 2014.redes
Al encuentro n° 12- noviembre 2014.redesAl encuentro n° 12- noviembre 2014.redes
Al encuentro n° 12- noviembre 2014.redes
Mario Abate Liotti Falco
 
Institucion educativa ciudad de asis
Institucion educativa ciudad de asisInstitucion educativa ciudad de asis
Institucion educativa ciudad de asis
juancamiloceron
 
Importancia de la educacion inicial
Importancia de la educacion inicialImportancia de la educacion inicial
Importancia de la educacion inicial
olondraaa
 
Etica 4
Etica 4Etica 4
Etica 4
sistemasena
 
Taller de emprendimiento 2da parte
Taller de emprendimiento 2da parteTaller de emprendimiento 2da parte
Taller de emprendimiento 2da parte
lauraklderonruiz
 
5 averías que todo ciclista de montaña debe saber solucionar blog
5 averías que todo ciclista de montaña debe saber solucionar blog5 averías que todo ciclista de montaña debe saber solucionar blog
5 averías que todo ciclista de montaña debe saber solucionar blog
mariasegura92
 
Cc2015 programm final
Cc2015 programm finalCc2015 programm final
Cc2015 programm final
ICV_eV
 
Bases pedagógicas de la formación dual
Bases pedagógicas de la formación dualBases pedagógicas de la formación dual
Bases pedagógicas de la formación dual
Centro Universitario Villanueva
 
Strategien für eine gesicherte Unternehmenszukunft
Strategien für eine gesicherte UnternehmenszukunftStrategien für eine gesicherte Unternehmenszukunft
Strategien für eine gesicherte Unternehmenszukunft
Dr. Sven David
 
Secuencia didáctica - ADN - Historia, estructura y composición química.
Secuencia didáctica - ADN - Historia, estructura y composición química.Secuencia didáctica - ADN - Historia, estructura y composición química.
Secuencia didáctica - ADN - Historia, estructura y composición química.
Luis Alberto Ladner
 
Laminas del tiempo d paola pdf
Laminas  del tiempo d paola pdfLaminas  del tiempo d paola pdf
Laminas del tiempo d paola pdf
ps25163540
 

Destacado (20)

Bodegones hortalizas
Bodegones hortalizasBodegones hortalizas
Bodegones hortalizas
 
destinatarios del material
destinatarios del materialdestinatarios del material
destinatarios del material
 
SeHF 2014 | Cybermedical Community Live - Zusammenarbeit am Beispiel von Tumo...
SeHF 2014 | Cybermedical Community Live - Zusammenarbeit am Beispiel von Tumo...SeHF 2014 | Cybermedical Community Live - Zusammenarbeit am Beispiel von Tumo...
SeHF 2014 | Cybermedical Community Live - Zusammenarbeit am Beispiel von Tumo...
 
Hotel Preidlhof Katalog 2014
Hotel Preidlhof  Katalog 2014Hotel Preidlhof  Katalog 2014
Hotel Preidlhof Katalog 2014
 
Megaconstruccionesenelecuador
MegaconstruccionesenelecuadorMegaconstruccionesenelecuador
Megaconstruccionesenelecuador
 
Autobiografía wilson patiño
Autobiografía wilson patiñoAutobiografía wilson patiño
Autobiografía wilson patiño
 
Criptografia
CriptografiaCriptografia
Criptografia
 
Evolució del dibuix de la figura humana
Evolució del dibuix de la figura humanaEvolució del dibuix de la figura humana
Evolució del dibuix de la figura humana
 
Al encuentro n° 12- noviembre 2014.redes
Al encuentro n° 12- noviembre 2014.redesAl encuentro n° 12- noviembre 2014.redes
Al encuentro n° 12- noviembre 2014.redes
 
Institucion educativa ciudad de asis
Institucion educativa ciudad de asisInstitucion educativa ciudad de asis
Institucion educativa ciudad de asis
 
Importancia de la educacion inicial
Importancia de la educacion inicialImportancia de la educacion inicial
Importancia de la educacion inicial
 
Etica 4
Etica 4Etica 4
Etica 4
 
Taller de emprendimiento 2da parte
Taller de emprendimiento 2da parteTaller de emprendimiento 2da parte
Taller de emprendimiento 2da parte
 
5 averías que todo ciclista de montaña debe saber solucionar blog
5 averías que todo ciclista de montaña debe saber solucionar blog5 averías que todo ciclista de montaña debe saber solucionar blog
5 averías que todo ciclista de montaña debe saber solucionar blog
 
Cc2015 programm final
Cc2015 programm finalCc2015 programm final
Cc2015 programm final
 
Bases pedagógicas de la formación dual
Bases pedagógicas de la formación dualBases pedagógicas de la formación dual
Bases pedagógicas de la formación dual
 
Strategien für eine gesicherte Unternehmenszukunft
Strategien für eine gesicherte UnternehmenszukunftStrategien für eine gesicherte Unternehmenszukunft
Strategien für eine gesicherte Unternehmenszukunft
 
Verbs acabats
Verbs acabatsVerbs acabats
Verbs acabats
 
Secuencia didáctica - ADN - Historia, estructura y composición química.
Secuencia didáctica - ADN - Historia, estructura y composición química.Secuencia didáctica - ADN - Historia, estructura y composición química.
Secuencia didáctica - ADN - Historia, estructura y composición química.
 
Laminas del tiempo d paola pdf
Laminas  del tiempo d paola pdfLaminas  del tiempo d paola pdf
Laminas del tiempo d paola pdf
 

Similar a Importar imágenes a un proyecto android desde eclipse

Manual aplicaciones mobiles
Manual aplicaciones mobilesManual aplicaciones mobiles
Manual aplicaciones mobiles
Juan Strongman
 
Resumen el gran libro de andorid
Resumen el gran libro de andoridResumen el gran libro de andorid
Resumen el gran libro de andorid
Jilton Delgado
 
Mobilessss
MobilessssMobilessss
Mobilessss
Juan Strongman
 
Manual android
Manual androidManual android
Manual android
Jose Pereda
 
Estructura general de una app
Estructura general de una app Estructura general de una app
Estructura general de una app
Angel Ayala
 
Paso a paso del programa Dreamweaver
Paso a paso del programa DreamweaverPaso a paso del programa Dreamweaver
Paso a paso del programa Dreamweaver
Lulyta Reina
 
paso a paso del programa Dreamweaver
paso a paso del programa Dreamweaverpaso a paso del programa Dreamweaver
paso a paso del programa Dreamweaver
lulytato
 
Android
AndroidAndroid
Programa 2
Programa 2Programa 2
Programa 2
valeangel123
 
Programa 2
Programa 2Programa 2
Programa 2
valeangel123
 
Programa 2
Programa 2Programa 2
Programa 2
Elizabeth Reyna
 
Programa2
Programa2Programa2
Tutorial de dreamweaver
Tutorial de dreamweaverTutorial de dreamweaver
Tutorial de dreamweaver
Geiner Guerra Cervantes
 
Como insertar una imagen en eclipse java
Como insertar una imagen en eclipse javaComo insertar una imagen en eclipse java
Como insertar una imagen en eclipse java
Josué Naquid
 
Presentación1
Presentación1Presentación1
Presentación1
Sheyla Calderoon
 
Estructura de un proyecto android
Estructura de un proyecto androidEstructura de un proyecto android
Estructura de un proyecto android
Pitudos Locos
 
Como insertar una imagen
Como insertar una imagenComo insertar una imagen
Como insertar una imagen
gisela_arriaga988
 
Programa2 eclipse
Programa2 eclipsePrograma2 eclipse
Programa 2
Programa 2Programa 2
Programa2
Programa2 Programa2

Similar a Importar imágenes a un proyecto android desde eclipse (20)

Manual aplicaciones mobiles
Manual aplicaciones mobilesManual aplicaciones mobiles
Manual aplicaciones mobiles
 
Resumen el gran libro de andorid
Resumen el gran libro de andoridResumen el gran libro de andorid
Resumen el gran libro de andorid
 
Mobilessss
MobilessssMobilessss
Mobilessss
 
Manual android
Manual androidManual android
Manual android
 
Estructura general de una app
Estructura general de una app Estructura general de una app
Estructura general de una app
 
Paso a paso del programa Dreamweaver
Paso a paso del programa DreamweaverPaso a paso del programa Dreamweaver
Paso a paso del programa Dreamweaver
 
paso a paso del programa Dreamweaver
paso a paso del programa Dreamweaverpaso a paso del programa Dreamweaver
paso a paso del programa Dreamweaver
 
Android
AndroidAndroid
Android
 
Programa 2
Programa 2Programa 2
Programa 2
 
Programa 2
Programa 2Programa 2
Programa 2
 
Programa 2
Programa 2Programa 2
Programa 2
 
Programa2
Programa2Programa2
Programa2
 
Tutorial de dreamweaver
Tutorial de dreamweaverTutorial de dreamweaver
Tutorial de dreamweaver
 
Como insertar una imagen en eclipse java
Como insertar una imagen en eclipse javaComo insertar una imagen en eclipse java
Como insertar una imagen en eclipse java
 
Presentación1
Presentación1Presentación1
Presentación1
 
Estructura de un proyecto android
Estructura de un proyecto androidEstructura de un proyecto android
Estructura de un proyecto android
 
Como insertar una imagen
Como insertar una imagenComo insertar una imagen
Como insertar una imagen
 
Programa2 eclipse
Programa2 eclipsePrograma2 eclipse
Programa2 eclipse
 
Programa 2
Programa 2Programa 2
Programa 2
 
Programa2
Programa2 Programa2
Programa2
 

Más de Yanori Perez

La vista video view
La vista video viewLa vista video view
La vista video view
Yanori Perez
 
Importar imágenes a un proyecto android desde eclipse
Importar imágenes a un proyecto android desde eclipseImportar imágenes a un proyecto android desde eclipse
Importar imágenes a un proyecto android desde eclipse
Yanori Perez
 
Imagen de fondo
Imagen de fondoImagen de fondo
Imagen de fondo
Yanori Perez
 
Icono
IconoIcono
Cómo insertar un video en eclipse
Cómo insertar un video en eclipseCómo insertar un video en eclipse
Cómo insertar un video en eclipse
Yanori Perez
 
Adrián olvera olmos
Adrián olvera olmosAdrián olvera olmos
Adrián olvera olmos
Yanori Perez
 
Adrian olvera olmosprograma 12
Adrian olvera olmosprograma 12Adrian olvera olmosprograma 12
Adrian olvera olmosprograma 12
Yanori Perez
 
Programa 10 adrianolvera
Programa 10 adrianolveraPrograma 10 adrianolvera
Programa 10 adrianolvera
Yanori Perez
 
Programa 10
Programa 10Programa 10
Programa 10
Yanori Perez
 
Programa 7
Programa 7Programa 7
Programa 7
Yanori Perez
 
La vista video view
La vista video viewLa vista video view
La vista video view
Yanori Perez
 
Icono
IconoIcono
Cómo insertar un video en eclipse
Cómo insertar un video en eclipseCómo insertar un video en eclipse
Cómo insertar un video en eclipse
Yanori Perez
 
Imagen de fondo
Imagen de fondoImagen de fondo
Imagen de fondo
Yanori Perez
 
Examen omi conversion
Examen omi conversionExamen omi conversion
Examen omi conversion
Yanori Perez
 
Examenomi3 141008182031-conversion-gate02
Examenomi3 141008182031-conversion-gate02Examenomi3 141008182031-conversion-gate02
Examenomi3 141008182031-conversion-gate02
Yanori Perez
 
Examen omi 2 conversion
Examen omi 2  conversionExamen omi 2  conversion
Examen omi 2 conversion
Yanori Perez
 
Examen omi conversion
Examen omi conversionExamen omi conversion
Examen omi conversion
Yanori Perez
 

Más de Yanori Perez (20)

La vista video view
La vista video viewLa vista video view
La vista video view
 
Importar imágenes a un proyecto android desde eclipse
Importar imágenes a un proyecto android desde eclipseImportar imágenes a un proyecto android desde eclipse
Importar imágenes a un proyecto android desde eclipse
 
Imagen de fondo
Imagen de fondoImagen de fondo
Imagen de fondo
 
Icono
IconoIcono
Icono
 
Cómo insertar un video en eclipse
Cómo insertar un video en eclipseCómo insertar un video en eclipse
Cómo insertar un video en eclipse
 
Adrián olvera olmos
Adrián olvera olmosAdrián olvera olmos
Adrián olvera olmos
 
Programa 13
Programa 13Programa 13
Programa 13
 
Adrian olvera olmosprograma 12
Adrian olvera olmosprograma 12Adrian olvera olmosprograma 12
Adrian olvera olmosprograma 12
 
Programa 10 adrianolvera
Programa 10 adrianolveraPrograma 10 adrianolvera
Programa 10 adrianolvera
 
Programa 10
Programa 10Programa 10
Programa 10
 
Programa 8
Programa 8Programa 8
Programa 8
 
Programa 7
Programa 7Programa 7
Programa 7
 
La vista video view
La vista video viewLa vista video view
La vista video view
 
Icono
IconoIcono
Icono
 
Cómo insertar un video en eclipse
Cómo insertar un video en eclipseCómo insertar un video en eclipse
Cómo insertar un video en eclipse
 
Imagen de fondo
Imagen de fondoImagen de fondo
Imagen de fondo
 
Examen omi conversion
Examen omi conversionExamen omi conversion
Examen omi conversion
 
Examenomi3 141008182031-conversion-gate02
Examenomi3 141008182031-conversion-gate02Examenomi3 141008182031-conversion-gate02
Examenomi3 141008182031-conversion-gate02
 
Examen omi 2 conversion
Examen omi 2  conversionExamen omi 2  conversion
Examen omi 2 conversion
 
Examen omi conversion
Examen omi conversionExamen omi conversion
Examen omi conversion
 

Último

Diseño de Estrategia ¿Cuáles serían los elementos que deberían considerarse ...
Diseño de Estrategia  ¿Cuáles serían los elementos que deberían considerarse ...Diseño de Estrategia  ¿Cuáles serían los elementos que deberían considerarse ...
Diseño de Estrategia ¿Cuáles serían los elementos que deberían considerarse ...
SamanthaEspinosaVarg
 
configuracionderedesinalambricaswlan.pptx
configuracionderedesinalambricaswlan.pptxconfiguracionderedesinalambricaswlan.pptx
configuracionderedesinalambricaswlan.pptx
csuarezaldana
 
INFORME TRIPTICO VIOLENCIA LABORAL.pdf 2
INFORME TRIPTICO VIOLENCIA LABORAL.pdf 2INFORME TRIPTICO VIOLENCIA LABORAL.pdf 2
INFORME TRIPTICO VIOLENCIA LABORAL.pdf 2
DiegoTrujillo207720
 
RG CONAMATA1 PISCO-22-06-24 .pdf hmhmhmh
RG CONAMATA1 PISCO-22-06-24 .pdf hmhmhmhRG CONAMATA1 PISCO-22-06-24 .pdf hmhmhmh
RG CONAMATA1 PISCO-22-06-24 .pdf hmhmhmh
jesus781817
 
PEREZ PALOMEQUE ANGEL M1S3AI6 M1C1G65102
PEREZ PALOMEQUE ANGEL M1S3AI6 M1C1G65102PEREZ PALOMEQUE ANGEL M1S3AI6 M1C1G65102
PEREZ PALOMEQUE ANGEL M1S3AI6 M1C1G65102
MARIADE90
 
558318520-140995181-Breve-Resumen-de-Los-Libros-de-Macabeos-Convertido.pptx
558318520-140995181-Breve-Resumen-de-Los-Libros-de-Macabeos-Convertido.pptx558318520-140995181-Breve-Resumen-de-Los-Libros-de-Macabeos-Convertido.pptx
558318520-140995181-Breve-Resumen-de-Los-Libros-de-Macabeos-Convertido.pptx
MIGM3
 
fundamentos fisicos de los rayos x y su historia
fundamentos fisicos de los rayos x  y su historiafundamentos fisicos de los rayos x  y su historia
fundamentos fisicos de los rayos x y su historia
sleykersparraga
 
Chat GPT sus ventajas y desventajas para su uso
Chat GPT sus ventajas y desventajas para su usoChat GPT sus ventajas y desventajas para su uso
Chat GPT sus ventajas y desventajas para su uso
carpediem192805
 

Último (8)

Diseño de Estrategia ¿Cuáles serían los elementos que deberían considerarse ...
Diseño de Estrategia  ¿Cuáles serían los elementos que deberían considerarse ...Diseño de Estrategia  ¿Cuáles serían los elementos que deberían considerarse ...
Diseño de Estrategia ¿Cuáles serían los elementos que deberían considerarse ...
 
configuracionderedesinalambricaswlan.pptx
configuracionderedesinalambricaswlan.pptxconfiguracionderedesinalambricaswlan.pptx
configuracionderedesinalambricaswlan.pptx
 
INFORME TRIPTICO VIOLENCIA LABORAL.pdf 2
INFORME TRIPTICO VIOLENCIA LABORAL.pdf 2INFORME TRIPTICO VIOLENCIA LABORAL.pdf 2
INFORME TRIPTICO VIOLENCIA LABORAL.pdf 2
 
RG CONAMATA1 PISCO-22-06-24 .pdf hmhmhmh
RG CONAMATA1 PISCO-22-06-24 .pdf hmhmhmhRG CONAMATA1 PISCO-22-06-24 .pdf hmhmhmh
RG CONAMATA1 PISCO-22-06-24 .pdf hmhmhmh
 
PEREZ PALOMEQUE ANGEL M1S3AI6 M1C1G65102
PEREZ PALOMEQUE ANGEL M1S3AI6 M1C1G65102PEREZ PALOMEQUE ANGEL M1S3AI6 M1C1G65102
PEREZ PALOMEQUE ANGEL M1S3AI6 M1C1G65102
 
558318520-140995181-Breve-Resumen-de-Los-Libros-de-Macabeos-Convertido.pptx
558318520-140995181-Breve-Resumen-de-Los-Libros-de-Macabeos-Convertido.pptx558318520-140995181-Breve-Resumen-de-Los-Libros-de-Macabeos-Convertido.pptx
558318520-140995181-Breve-Resumen-de-Los-Libros-de-Macabeos-Convertido.pptx
 
fundamentos fisicos de los rayos x y su historia
fundamentos fisicos de los rayos x  y su historiafundamentos fisicos de los rayos x  y su historia
fundamentos fisicos de los rayos x y su historia
 
Chat GPT sus ventajas y desventajas para su uso
Chat GPT sus ventajas y desventajas para su usoChat GPT sus ventajas y desventajas para su uso
Chat GPT sus ventajas y desventajas para su uso
 

Importar imágenes a un proyecto android desde eclipse

  • 2. Importar imágenes a un proyecto Android desde Eclipse Para incorporar imágenes a un proyecto de aplicación Android que se desarrolla con Eclipse se deben realizar los siguientes pasos: 1. Determinar la carpeta /res/drawable… donde queremos almacenar el fichero de imagen. 2. Con el botón derecho sobre la carpeta destino, seleccionar Importar. A continuación, aparece una ventana donde hay que seleccionar la carpeta General>File Systemy pulsar Next. Entonces, se debe elegir la carpeta donde se encuentran las imágenes a importar. 3. Seleccionar los gráficos que se quieren importar y pulsar Finish. 4. Entonces podemos ver que los ficheros has sido incluidos en la carpeta correspondiente. Una vez creado nuestro proyecto y teniendo la imagen que queremos que sea el background de nuestra aplicación en formato PNG haremos lo siguiente: Arrastramos ésta imagen al eclipse y la colocaremos en la carpeta drawable-mdpi que se encuentra en la direcciónNombreDeTuProyecto/res/drawable-mdpi una ves hecho esto haremos uso de la propiedad android:background y hacemos referencia a la imagen que copiamos en la carpeta drawable-mdpi de la siguiente maneraandroid:background="@drawable/aa". Luego de haber hecho esto nos vamos a la pestaña Graphical Layout y podremos ver el resultado. activity_main.xml <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:paddingBottom="@dimen/activity_vertical_margin" android:paddingLeft="@dimen/activity_horizontal_margin" android:paddingRight="@dimen/activity_horizontal_margin" android:paddingTop="@dimen/activity_vertical_margin" android:background="@drawable/aa" tools:context=".MainActivity" > </RelativeLayout>
  • 3. Control TextView. Muy bien ahora veremos como poner los 3 que meciona el titulo, asi que, en Android El control TextView es otro de los clásicos en la programación de GUIs, las etiquetas de texto, y se utiliza para mostrar un determinado texto al usuario. Al igual que en el caso de los botones, el texto del control se establece mediante la propiedad android:text. A parte de esta propiedad, la naturaleza del control hace que las más interesantes sean las que establecen el formato del texto mostrado, que al igual que en el caso de los botones son las siguientes: android:background (color de fondo), android:textColor (color del texto), android:textSize (tamaño de la fuente) y android:typeface (estilo del texto: negrita, cursiva, …). : las imágenes (ImageView), las etiquetas (TextView) y por último los cuadros de texto (EditText). Control ImageView El control ImageView permite mostrar imágenes en la aplicación. La propiedad más interesante es android:src, que permite indicar la imagen a mostrar. Nuevamente, lo normal será indicar como origen de la imagen el identificador de un recurso de nuestra carpeta /res/drawable, por ejemploandroid:src=”@drawable/unaimagen”. <ImageView android:id=”@+id/ImgFoto” android:layout_width=”wrap_content” android:layout_height=”wrap_content” android:src=”@drawable/icon” /> En la lógica de la aplicación, podríamos establecer la imagen mediante el método setImageResorce(…), pasándole el ID del recurso a utilizar como contenido de la imagen. ImageView img = (ImageView)findViewById(R.id.ImgFoto); img.setImageResource(R.drawable.icon); Control TextView. El control TextView es otro de los clásicos en la programación de GUIs, las etiquetas de texto, y se utiliza para mostrar un determinado texto al usuario. Al igual que en el caso de los botones, el texto del control se establece mediante la propiedad android:text. A parte de esta propiedad, la naturaleza del control hace que las más interesantes sean las que
  • 4. establecen el formato del texto mostrado, que al igual que en el caso de los botones son las siguientes: android:background (color de fondo), android:textColor (color del texto), android:textSize (tamaño de la fuente) y android:typeface (estilo del texto: negrita, cursiva, …). <TextView android:id=”@+id/LblEtiqueta” android:layout_width=”fill_parent” android:layout_height=”wrap_content” android:text=”Escribe algo:” android:background=”#AA44FF” android:typeface=”monospace” /> De igual forma, también podemos manipular estas propiedades desde nuestro código. Como ejemplo, en el siguiente fragmento recuperamos eltexto de una etiqueta con getText(), y posteriormente le concatenamos unos números, actualizamos su contenido mediante setText() y le cambiamos su color de fondo con setBackgroundColor(). final TextView lblEtiqueta = (TextView)findViewById(R.id.LblEtiqueta); String texto = lblEtiqueta.getText().toString(); texto += “123″; lblEtiqueta.setText(texto); Control EditText. El control EditText es el componente de edición de texto que proporciona la plataforma Android. Permite la introducción y edición de texto por parte del usuario, por lo que en tiempo de diseño la propiedad más interesante a establecer, además de su posición/tamaño y formato, es el texto a mostrar, atributo android:text. <EditText android:id=”@+id/TxtTexto” android:layout_width=”fill_parent” android:layout_height=”wrap_content” android:layout_below=”@id/LblEtiqueta” /> De igual forma, desde nuestro código podremos recuperar y establecer este texto mediante los métodos getText() y setText(nuevoTexto) respectivamente: final EditText txtTexto = (EditText)findViewById(R.id.TxtTexto); String texto = txtTexto.getText().toString(); txtTexto.setText(“Hola mundo!”); hacer un toString() sobre el resultado de getText()? La explicación para esto es que el método getText() no devuelve un String sino un objeto de tipo Editable, que a su vez implementa la interfaz Spannable. Y esto nos lleva a la característica más interesante
  • 5. del control EditText, y es que no sólo nos permite editar texto plano sino también texto enriquecido o con formato. Interfaz Spanned Un objeto de tipo Spanned es algo así como una cadena de caracteres (deriva de la interfaz CharSequence) en la que podemos insertar otros objetos a modo de marcas o etiquetas (spans) asociados a rangos de caracteres. De esta interfaz deriva la interfaz Spannable, que permite la modificación de estas marcas, y a su vez de ésta última deriva la interfaz Editable, que permite además la modificación del texto. Aunque en el apartado en el que nos encontramos nos interesaremos principalmente por las marcas de formato de texto, en principio podríamos insertar cualquier tipo de objeto. Existen muchos tipos de spans predefinidos en la plataforma que podemos utilizar para dar formato al texto, entre ellos: TypefaceSpan. Modifica el tipo de fuente. StyleSpan. Modifica el estilo del texto (negrita, cursiva, …). ForegroudColorSpan. Modifica el color del texto. AbsoluteSizeSpan. Modifica el tamaño de fuente. De esta forma, para crear un nuevo objeto Editable e insertar una marca de formato podríamos hacer lo siguiente: //Creamos un nuevo objeto de tipo Editable Editable str = Editable.Factory.getInstance().newEditable(“Esto es un simulacro.”); //Marcamos cono fuente negrita la palabra “simulacro” str.setSpan(new StyleSpan(android.graphics.Typeface.BOLD), 11, 19, Spannable.SPAN_EXCLUSIVE_EXCLUSIVE); Texto con formato en controles TextViewy EditText Hemos visto cómo crear un objeto Editable y añadir marcas de formato al texto que contiene, pero todo esto no tendría ningún sentido sino pudiéramos visualizarlo. Como ya podéis imaginar, los controles TextView y EditText nos van a permitir hacer esto.Vemosqué ocurre si asignamos al nuestro control EditText el objeto Editable que hemoscreado antes: txtTexto.setText(str);