Tutorial Android paso a paso II: Desarrollo de la aplicación Notepad
Continuamos con la segunda parte del tutorial para el desarrollo de una aplicación para Android paso a paso. La primera parte la puedes consultar en Tutorial Android paso a paso I: Desarrollo de la aplicación Notepad.
En este segundo post, vamos a crear una segunda actividad que nos permita crear y editar notas. Además, vamos a poder tener la posibilidad de eliminar notas a través del un menú contextual.
Objetivos:
• Crear una nueva actividad.
• Realizar llamadas a la nueva actividad.
• Paso de datos entre las actividades.
• Crear un nuevo menu contextual.
Paso 1
Vamos a crear un menú contextual que nos permita eliminar las notas creadas por el usuario. Este menú se activará al seleccionar una nota:
1. Relacionamos la lista de notas (ListView) con el menu contextual:
1 | registerForContextMenu(getListView()); |
2. Creamos el menú contextual con la opción de eliminar una nota:
1 2 3 4 5 | @Override public void onCreateContextMenu(ContextMenu menu, View v, ContextMenuInfo menuInfo) { super.onCreateContextMenu(menu, v, menuInfo); menu.add(0, DELETE_ID, 0, R.string.menu_delete); } |
3. Ahora que tenemos el menú creado y relacionado con el listado, tenemos que atender a las pulsaciones en el menú contextual:
1 2 3 4 5 6 7 8 9 10 11 12 | @Override public boolean onContextItemSelected(MenuItem item) { switch(item.getItemId()) { case DELETE_ID: AdapterContextMenuInfo info = (AdapterContextMenuInfo) item.getMenuInfo(); mDbHelper.deleteNote(info.id); fillData(); return true; } return super.onContextItemSelected(item); } |
Paso 2
Como hemos visto antes, vamos a dar la posibilidad al usuario de crear y editar notas. Para ello, necesitamos una actividad que controle la interfaz de usuario.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 | public class NoteEdit extends Activity { private EditText mTitleText; private EditText mBodyText; private Long mRowId; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.note_edit); mTitleText = (EditText) findViewById(R.id.title); mBodyText = (EditText) findViewById(R.id.body); Button confirmButton = (Button) findViewById(R.id.confirm); mRowId = null; Bundle extras = getIntent().getExtras(); if (extras != null) { String title = extras.getString(NotesDbAdapter.KEY_TITLE); String body = extras.getString(NotesDbAdapter.KEY_BODY); mRowId = extras.getLong(NotesDbAdapter.KEY_ROWID); if (title != null) { mTitleText.setText(title); } if (body != null) { mBodyText.setText(body); } } confirmButton.setOnClickListener(new View.OnClickListener() { public void onClick(View view) { Bundle bundle = new Bundle(); bundle.putString(NotesDbAdapter.KEY_TITLE, mTitleText.getText().toString()); bundle.putString(NotesDbAdapter.KEY_BODY, mBodyText.getText().toString()); if (mRowId != null) { bundle.putLong(NotesDbAdapter.KEY_ROWID, mRowId); } Intent mIntent = new Intent(); mIntent.putExtras(bundle); setResult(RESULT_OK, mIntent); finish(); }}); } } |
Paso 3
Ya tenemos la interfaz de usuario, y la actividad para controlarla. Vamos a abrir la nueva actividad desde el listado, para crear una nueva nota. Modificamos el método createNote() de la siguiente manera:
1 2 3 4 | private void createNote() { Intent i = new Intent(this, NoteEdit.class); startActivityForResult(i, ACTIVITY_CREATE); } |
Paso 4
Para editar las notas ya creadas, creamos un evento para atender a las pulsaciones de los elementos de las listas. Pasamos los datos de la nota a la nueva actividad.
1 2 3 4 5 6 7 8 9 10 11 12 13 | @Override protected void onListItemClick(ListView l, View v, int position, long id) { super.onListItemClick(l, v, position, id); Cursor c = mNotesCursor; c.moveToPosition(position); Intent i = new Intent(this, NoteEdit.class); i.putExtra(NotesDbAdapter.KEY_ROWID, id); i.putExtra(NotesDbAdapter.KEY_TITLE, c.getString( c.getColumnIndexOrThrow(NotesDbAdapter.KEY_TITLE))); i.putExtra(NotesDbAdapter.KEY_BODY, c.getString( c.getColumnIndexOrThrow(NotesDbAdapter.KEY_BODY))); startActivityForResult(i, ACTIVITY_EDIT); } |
Paso 5
Los métodos creados anteriormente createNote() y onListItemClick() nos devuelven datos, por lo que necesitamos un método para manejar la respuesta. onActivityResult() es el método ejecutado cuando una actividad devuelve resultados.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 | @Override protected void onActivityResult(int requestCode, int resultCode, Intent intent) { super.onActivityResult(requestCode, resultCode, intent); Bundle extras = intent.getExtras(); switch(requestCode) { case ACTIVITY_CREATE: String title = extras.getString(NotesDbAdapter.KEY_TITLE); String body = extras.getString(NotesDbAdapter.KEY_BODY); mDbHelper.createNote(title, body); fillData(); break; case ACTIVITY_EDIT: Long rowId = extras.getLong(NotesDbAdapter.KEY_ROWID); if (rowId != null) { String editTitle = extras.getString(NotesDbAdapter.KEY_TITLE); String editBody = extras.getString(NotesDbAdapter.KEY_BODY); mDbHelper.updateNote(rowId, editTitle, editBody); } fillData(); break; } |
Paso 6
La nueva actividad que hemos definido anteriormente, hay que añadirla a AndroidManifest.xml. Esto permite al sistema conocer los componentes de la aplicación.
Eclipse include un editor para el manifiesto que facilita la edición del fichero AndroidManifest.xml. Para añadir una nueva actividad:
1. Abrir el fichero AndroidManifest.xml
2. Seleccionar la pestaña Application.
3. Pulsamos Add en la sección de Application Nodes.
4. En el cuadro de diálogo, seleccionar «Create a new element at the top level, in Application» y Activity. Pulsar OK.
5. Seleccionar la nueva actividad creada, y en el campo de texto Name, escribir .NoteEdit.
Paso 7
Ya hemos terminado esta segunda entrega del tutorial. Si ejecutamos la aplicación, editamos una nota y pulsamos el botón atrás, veremos que se produce un error. Veremos como solucionar estos problemas en el siguiente post.
Cualquier pregunta o duda (o corrección) en los comentarios.
Ya puedes consultar la tercera parte del tutorial: Tutorial Android paso a paso III: Desarrollo de la aplicación Notepad
Hola! Perdona que empiece a preguntar tan pronto pero la linea de código 1 del paso 1..¿¿donde tengo que ponerla??
Muchas gracias y un saludo.
Hola Ruben, tienes que ponerlo dentro del método onCreate.
¿Donde y como has definido DELETE_ID?
Gracias!
Hola Rafa, tienes que definirlo así:
public static final int DELETE_ID = Menu.FIRST;
y justo antes del método onCreate.
Un saludo.
Hola,
en primer lugar muchas gracias por tu trabajo.
He seguido el tutorial pero no me funciona, puesto que si selecciono una nota si me sale el context menu para elegir la opcion de borrarla, sin embargo, aunque seleccione la opción no se me borra la nota.
¿Por qué puede ser?
Mi metodo es
@Override
public void onCreateContextMenu(ContextMenu menu, View v,ContextMenuInfo menuInfo){
super.onCreateContextMenu(menu, v, menuInfo);
menu.add(0,DELETE_ID,0,R.string.menu_delete);
}
@Override
public boolean onOptionsItemSelected(MenuItem item) {
// TODO Auto-generated method stub
switch(item.getItemId()){
case DELETE_ID:
AdapterContextMenuInfo info=(AdapterContextMenuInfo) item.getMenuInfo();
mDbHelper.deleteNote(info.id);
fillData();
return true;
}
return super.onOptionsItemSelected(item);
}
Muchas gracias
Hola Diego, estaría bien saber que error te da exactamente.
Para saberlo, utiliza LogCat de Eclipse.
Un saludo.
Hola, gracias por tu contestación.
El error que muestra el logCat es
Window already focused, ignoring focus gain of: com.android.internal.view.IInputMethodClient$Stub$Proxy@43c11440
Muchas gracias
Hola,
consegui solucionar ya el error, era fallo mio, ya que el código para borrar una nota estaba en el método onOptionsItemSelected en lugar de en el onContextItemSelected, tanto métodos con nombres parecidos me liaron.
Gracias de todas formas.
Un saludo, Diego
Hola muchísimas gracias por el tutorial esta genial,
pero tengo un problema lo he copiado tal cual viene en la solución y aun así no me aparece el menu para borrar item.
Tienes idea de que puede ser?
Un Saludo y gracias.
Hola, muy buen trabajo
Hola muy buenos tutoriales, pero tengo una dudilla que me pasa siempre sobre el R.java
en el primer paso del tutorial, R.(lo que fuese) no funcionaba, tenia que poner R.com.exercise…etc xq el R.java nose porque no iba, ahora en estos nuevos no me acepta ni mi antigua ruta ni la nueva, sabes por que puede ser?
tampoco me aparecen los R.java cuando importo
gracias
Hola jon muy bueno el tutorial, ya lo estoy terminando… pero me dan los siguientes errores:
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
mDbHelper = new NotesDbAdapter(this);
mDbHelper.open();
setContentView(R.layout.note_edit);
mTitleText = (EditText) findViewById(R.id.title);
mBodyText = (EditText) findViewById(R.id.body);
Button confirmButton = (Button) findViewById(R.id.confirm);
mRowId = savedInstanceState != null ? savedInstanceState.getLong(NotesDbAdapter.KEY_ROWID) : null;
if (mRowId == null) {
Bundle extras = getIntent().getExtras();
mRowId = extras != null ? extras.getLong(NotesDbAdapter.KEY_ROWID) : null;
}
* note_edit, tittle, body, confirm , me da error en estos cuatros parametros, no los puedo declarar, es decir los declaro en el R.java pero luego cuando le doy guardar me los borra, ya los declare en el strings.xmls nose que puede ser, es lo unico que me da error
Me salvas la vida si me resolves eso..
Me pasa lo mismo que a «Noreply»: no reconoce «R.layout.note_edit», «R.id.title», «R.id.body» y «R.id.confirm», agregué el note_edit como un archivo XML en la carpeta layout pero no funciona. Probé agregándolos al archivo R pero elimina el código generado porque ese archivo no puede ser modificado manualmente. Gracias por tu respuesta Jon.
«Noreply», ya logré que me reconozca note_Edit y title. En efecto, se tiene que generar el archivo XML note_edit para hacer la interfaz gráfica para la edición de las notas. Sólo falta que me reconozca body y confirm.
Chicos ya lo hice funcionar, tiene que hacer el archivo note_edit como xml sino fijense en el notepad 3 con la solucion que descargaron esta el archivo, lo copian y lo pegan en el suyo.
Hola monstruo, antes de nada decirte que esto está de lujo. Dicho esto, un par de cosillas:
ACTIVITY_EDIT y CREATE me las da como error, donde las agrego?
y en onListItemClick, Cursor c= mNotesCursor, mNotesCursor no me lo reconoce, donde lo declaro?
Gracias.
Viendo la solucion ya se de que va gracias. Solucionado
Nuevo problema, crea una nota nueva, pero cuando le doy a confirmar no me sale la nota en la lista y, si creando la lista, le doy hacia atras, peta.
Alguna idea. Gracias