Trabajo con Textos

Como primer paso, si no está en ejecución, inicia “eclipse”, posteriormente crea un nuevo proyecto Android. El nombre sugerido para este proyecto “imágenes”.

1.pngSe definen los parámetros sugeridos para este curso. Si no los recuerdas, observa la secuencia de imágenes siguientes:

2.png3.png4.png5.png6.png

Para este proyecto uso el nombre de “textos”.

Para trabajar con textos se usan las etiquetas “TextView”.

Al momento que creamos nuestro proyecto, automáticamente nos genera el código necesario para poder iniciar a desarrollar aplicaciones.

7.png

Como puedes observar en la imagen anterior, en la sección “activity_main.xml” ya incluye código, incluso ya está siendo utilizada la etiqueta “TextView”.

Para empezar a trabajar con textos, puedes utilizar la etiqueta “TextView” modificando el código prediseñado o borrar todo el contenido de la etiqueta “TextView” para empezar desde cero con esta, etiqueta. Para este ejemplo iniciaremos desde cero borrando la etiqueta.

  1. 8.pngComo primer punto y para poder incorporar algunas propiedades del “TextView”, es necesario cambiar la etiqueta “RelativeLayout” por la de “LinearLayout”. Ahora Escribo la etiqueta “TextView”

<TextView />.

Como puedes observar en la imagen, el asistente te muestra la ayuda para esta etiqueta.

  1. Continuamos definiendo los atributos para este elemento:
  2. a) <TextView
  3. b) android:id="@+id/tvTitulo"
  4. c) android:layout_width="wrap_content"
  5. d) android:layout_height="wrap_content"
  6. e) android:layout_gravity="center_horizontal"
  7. f) android:text="Trabajo con Textos"
  8. g) />

De acuerdo a las propiedades definidas, se define el identificador o “id”, así como los parámetros referentes al ancho, altura y el ajuste horizontal que va a tomar, así como el texto que va a mostrar.

  1. 9.pngHasta aquí se ha definido lo correspondiente al diseño. Ahora para manipular los datos, se debe  trabajar en la parte del código “java”. Para ello activo el archivo “MainActiviy.java” el cual puedo ubicar en la siguiente ruta de mi aplicación “textos”:

/src/com/example/textos/MainActivity.java

  1. Ahora en la clase “public class MainActivity extends Activity {“  agregamos algunas líneas de código para poder manipularlas:
  2. a) 10.pngNecesito declarar una variable para poder trabajarla o manipularla.

TextView tv1;

  1. b) Ahora importamos la clase. Para ello solo ubicamos el puntero del mouse en la etiqueta “TextView
  2. c) Como siguiente paso indicamos que valor tomará la variable “tv1”:

tv1=(TextView)findViewById(R.id.tvTitulo);

  1. d) Definimos una variable de tipo “string”, la cual nos va a servir para tomar el valor que ya tiene definida la variable “tvTitulo”. El nombre para la variable será “recuperado”:

String recuperado=tv1.getText().toString();

tv1.setText(recuperado+" \n Tomando valor e una Insertando Linea");

En las líneas anteriores se define la variable “recuperado” y que tome el valor de “tv1”. En la siguiente línea se agrega al valor de la variable “recuperado” un salto de línea y el texto “Tomando un valor e insertando Línea”. Recuerda que el valor para la variable “recuperado” es “Trabajo con Textos” que se definió en la parte del diseño.

 

  1. e) 11.pngPara dar un diseño a la variable tomada, puedes agregar algunas propiedades, las cuales harán que la apariencia cambie, como el tamaño, color, etc. Agrega las siguientes líneas de código. Recuerda que puedes utilizar los asistentes, lo cuales te facilitarán el manejo del código para definir las propiedades que desees. Como son color, tamaño, etc.
  2. f) Finalmente podemos probar la aplicación que acabas de crear. Guarda el archivo y corre la aplicación para ver los resultados.

12.png

Código utilizado en la parte de java para manipular el texto:

 

package com.example.textos;

import android.os.Bundle;

import android.app.Activity;

import android.graphics.Color;

import android.view.Menu;

import android.widget.TextView;

public class MainActivity extends Activity {

       TextView tv1;

      

       @Override

       protected void onCreate(Bundle savedInstanceState) {

             super.onCreate(savedInstanceState);

             setContentView(R.layout.activity_main);

             tv1=(TextView)findViewById(R.id.tvTitulo);

             String recuperado=tv1.getText().toString();

             tv1.setText(recuperado+" \nTomando valor e Insertando Linea");

             tv1.setTextSize(20);

             tv1.setTextColor(Color.GREEN);

       }

       @Override

       public boolean onCreateOptionsMenu(Menu menu) {

             // Inflate the menu; this adds items to the action bar if it is present.

             getMenuInflater().inflate(R.menu.main, menu);

             return true;

       }

}