ENERO del 2014

Escribir y Manipular Texto

Desarrollo Mvil Nativo





1
I
n
s
t
i
t
u
c
i

n

d
e

E
d
u
c
a
c
i

n

p
a
r
a

e
l

T
r
a
b
a
j
o

y

e
l

D
e
s
a
r
r
o
l
l
o

H
u
m
a
n
o

I
n
a
n
d
i
n
a

|

E
N
E
R
O

d
e
l

2
0
1
4

ACTIVIDAD BSICA: HOLA MUNDO
Al Eclipse generar un nuevo proyecto Android nos permite visualizar un ejemplo
bsico que consiste en escribir el mensaje Hello World en la pantalla. En este
programa bsico se define la clase Activity, que contiene el mtodo onCreate() que
se ejecuta cuando se crea la actividad.

Lo que realiza la instruccin de la lnea 11 del programa anterior
setContentView(R.layout.interfaz) es invocar la vista de la pantalla. Esta vista est
definida en el fichero interfaz.xml, al que hace referencia la variable
R.layout.interfaz.

La cadena de testo que queremos escribir en la pantalla se define en este fichero
xml mediante TextView que invoca una cadena en
android:text=@string/hello_world.



2
I
n
s
t
i
t
u
c
i

n

d
e

E
d
u
c
a
c
i

n

p
a
r
a

e
l

T
r
a
b
a
j
o

y

e
l

D
e
s
a
r
r
o
l
l
o

H
u
m
a
n
o

I
n
a
n
d
i
n
a

|

E
N
E
R
O

d
e
l

2
0
1
4

COLOR DE FONDO Y FORMATO DEL TEXTO
A partir del fichero interfaz.xml del ejemplo anterior podemos aadir otras
propiedades de formato para modificar la presentacin y el formato de texto. Por
ejemplo, podemos:
Cambiar el color de fondo a negro en lugar de blanco aadiendo el modificador
android:background=#000000 a la etiqueta RelativeLayout,
Cambiar el color del texto a blanco aadiendo a TextView el modificador
android:textColor=#ffffff,
Cambiar el tamao del texto a 50 puntos con android:textSize=50sp,
Centrar el texto mediante android:gravity=center. Ntese que para que esto surta efecto
debemos definir anchura de TextView igual a la anchura del texto que contiene mediante
android:layout_width=wrap_content, ya que con fill_parent se considera el texto igual de
ancho que el Layout, que a su vez es igual de ancho que la pantalla y no es posible el centrado.
Con los cambios en el fichero interfaz.xml quedara de la siguiente manera:






3
I
n
s
t
i
t
u
c
i

n

d
e

E
d
u
c
a
c
i

n

p
a
r
a

e
l

T
r
a
b
a
j
o

y

e
l

D
e
s
a
r
r
o
l
l
o

H
u
m
a
n
o

I
n
a
n
d
i
n
a

|

E
N
E
R
O

d
e
l

2
0
1
4

MODIFICANDO EL TEXTO DESDE JAVA
La cadena de texto que se muestra en pantalla est definida en el fichero de layout
interfaz.xml. Podemos modificarla desde java. Para ello primero aadimos una
etiqueta (o ID) al texto TextView en el archivo xml:

Aqu hemos aadido la lnea android:id y el texto quedara identificado mediante la
etiqueta tvTexto. A continuacin en la clase Activity del cdigo java escrbimos la
siguiente instruccin que define un objeto TextView asociado a la id tvTexto que
hemos indicado en main.xml.

El mtodo findViewById() aplicado a variable R.id.tvTexto se encarga de localizar el
bloque en interfaz.xml asociado a TextView. A continuacin, definimos otro texto
con el mtodo setText().

El programa java quedara asi:






En java y Android se puede forzar un dato,
variable o una expresin a convertirse o
cambiarse a un nuevo tipo de dato. El
operador cast realiza este proceso, es decir
convierte datos, variables o expresiones a un
nuevo tipo de dato, su formato es:
(nvotipo) dato , var, exp;



4
I
n
s
t
i
t
u
c
i

n

d
e

E
d
u
c
a
c
i

n

p
a
r
a

e
l

T
r
a
b
a
j
o

y

e
l

D
e
s
a
r
r
o
l
l
o

H
u
m
a
n
o

I
n
a
n
d
i
n
a

|

E
N
E
R
O

d
e
l

2
0
1
4

MODIFICANDO EL COLOR DESDE JAVA.
Tambin podemos modificar otras propiedades del texto con java. Por ejemplo,
setTextColor() para cambiar el color. As, aadiendo la siguiente instruccin
definiramos el texto rojo:0

El resultado quedara as:


El mtodo Color.argb(alpha,red,Green,blue) construye el color asociado
a las componentes de alpha(tranasparencia), rojo, verde y azul, que son
nmeros enteros entre 0 y 255.




5
I
n
s
t
i
t
u
c
i

n

d
e

E
d
u
c
a
c
i

n

p
a
r
a

e
l

T
r
a
b
a
j
o

y

e
l

D
e
s
a
r
r
o
l
l
o

H
u
m
a
n
o

I
n
a
n
d
i
n
a

|

E
N
E
R
O

d
e
l

2
0
1
4

AADIR TEXTO ADICIONAL CON ADDVIEW.
Para aadir nuevo texto a un layout usamos el mtodo LinearLayout.
addView(TextView). Para ello debemos definir un nuevo objeto de tipo TextView
mediante:

Y sus propiedades, por ejemplo, color y tamao:

Y finalmente el texto a escribir:

En la interfaz.xml aadimos su etiqueta ID.

De nuevo en el Activity aadiremos el TextView en el layout que se debi definir
previamente.

Donde findViewById(R.id.rlContnedor) se refiere a la id del layout que definimos en
el archivo xml.
El resultado quedara as:



6
I
n
s
t
i
t
u
c
i

n

d
e

E
d
u
c
a
c
i

n

p
a
r
a

e
l

T
r
a
b
a
j
o

y

e
l

D
e
s
a
r
r
o
l
l
o

H
u
m
a
n
o

I
n
a
n
d
i
n
a

|

E
N
E
R
O

d
e
l

2
0
1
4

ESCRIBIENDO RESULTADOS CON OPERACIONES.
Utilizando setText podemos escribir cualquier texto o el resultado de cualquier
operacin matemtica, por ejemplo:

Aunque setText admite solo cadenas, estas se pueden concatenar con nmeros
usando el signo +. El resultado quedara asi:




7
I
n
s
t
i
t
u
c
i

n

d
e

E
d
u
c
a
c
i

n

p
a
r
a

e
l

T
r
a
b
a
j
o

y

e
l

D
e
s
a
r
r
o
l
l
o

H
u
m
a
n
o

I
n
a
n
d
i
n
a

|

E
N
E
R
O

d
e
l

2
0
1
4

AADIR TEXTO CON APPEND()
Se puede aadir texto a un objeto TextView usando el mtodo append(). Por
ejemplo:

El resultado quedara as: