En la primera parte de nuestra base de datos SQLite, hemos visto Cómo crear y agregar datos a la base de datos SQLite en Android . En ese artículo, hemos agregado datos a nuestra base de datos SQLite . En este artículo, leeremos todos estos datos de la base de datos SQLite y los mostraremos en RecyclerView .
¿Qué vamos a construir en este artículo?
Estaremos trabajando en la aplicación existente que hemos creado en nuestro artículo anterior. En esa aplicación, simplemente estamos agregando la parte de la lista de cursos donde podemos ver nuestra lista de cursos. A continuación se muestra un video de muestra para tener una idea de lo que vamos a hacer en este artículo. Tenga en cuenta que vamos a implementar este proyecto utilizando el lenguaje Java .
Implementación paso a paso
Paso 1: trabajar con el archivo activity_main.xml
Vaya al archivo activity_main.xml y agregue un nuevo botón para abrir una nueva actividad para mostrar nuestra lista de cursos.
XML
<!--new button for opening our course list activity--> <Button android:id="@+id/idBtnReadCourse" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_margin="10dp" android:text="Read All Courses" android:textAllCaps="false" />
A continuación se muestra el código actualizado para el archivo activity_main.xml después de agregar el fragmento de código anterior.
XML
<?xml version="1.0" encoding="utf-8"?> <LinearLayout 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:orientation="vertical" tools:context=".MainActivity"> <!--Edit text to enter course name--> <EditText android:id="@+id/idEdtCourseName" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_margin="10dp" android:hint="Enter course Name" /> <!--edit text to enter course duration--> <EditText android:id="@+id/idEdtCourseDuration" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_margin="10dp" android:hint="Enter Course Duration" /> <!--edit text to display course tracks--> <EditText android:id="@+id/idEdtCourseTracks" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_margin="10dp" android:hint="Enter Course Tracks" /> <!--edit text for course description--> <EditText android:id="@+id/idEdtCourseDescription" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_margin="10dp" android:hint="Enter Course Description" /> <!--button for adding new course--> <Button android:id="@+id/idBtnAddCourse" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_margin="10dp" android:text="Add Course" android:textAllCaps="false" /> <!--new button for opening our course list activity--> <Button android:id="@+id/idBtnReadCourse" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_margin="10dp" android:text="Read All Courses" android:textAllCaps="false" /> </LinearLayout>
Paso 2: crear una clase modal para almacenar nuestros datos
Navegue a la aplicación > java > el nombre del paquete de su aplicación > haga clic con el botón derecho en él > Nuevo > clase Java y asígnele el nombre CourseModal y agréguele el siguiente código. Se agregan comentarios dentro del código para comprender el código con más detalle.
Java
public class CourseModal { // variables for our coursename, // description, tracks and duration, id. private String courseName; private String courseDuration; private String courseTracks; private String courseDescription; private int id; // creating getter and setter methods public String getCourseName() { return courseName; } public void setCourseName(String courseName) { this.courseName = courseName; } public String getCourseDuration() { return courseDuration; } public void setCourseDuration(String courseDuration) { this.courseDuration = courseDuration; } public String getCourseTracks() { return courseTracks; } public void setCourseTracks(String courseTracks) { this.courseTracks = courseTracks; } public String getCourseDescription() { return courseDescription; } public void setCourseDescription(String courseDescription) { this.courseDescription = courseDescription; } public int getId() { return id; } public void setId(int id) { this.id = id; } // constructor public CourseModal(String courseName, String courseDuration, String courseTracks, String courseDescription) { this.courseName = courseName; this.courseDuration = courseDuration; this.courseTracks = courseTracks; this.courseDescription = courseDescription; } }
Paso 5: Actualizar nuestra clase Java para realizar operaciones de SQLite.
Navegue a la aplicación > java > el nombre del paquete de su aplicación > DBHandler y agregue el siguiente código. En esto, simplemente estamos agregando un nuevo método para leer todos los cursos de la base de datos SQLite.
Java
// we have created a new method for reading all the courses. public ArrayList<CourseModal> readCourses() { // on below line we are creating a // database for reading our database. SQLiteDatabase db = this.getReadableDatabase(); // on below line we are creating a cursor with query to read data from database. Cursor cursorCourses = db.rawQuery("SELECT * FROM " + TABLE_NAME, null); // on below line we are creating a new array list. ArrayList<CourseModal> courseModalArrayList = new ArrayList<>(); // moving our cursor to first position. if (cursorCourses.moveToFirst()) { do { // on below line we are adding the data from cursor to our array list. courseModalArrayList.add(new CourseModal(cursorCourses.getString(1), cursorCourses.getString(4), cursorCourses.getString(2), cursorCourses.getString(3))); } while (cursorCourses.moveToNext()); // moving our cursor to next. } // at last closing our cursor // and returning our array list. cursorCourses.close(); return courseModalArrayList; }
A continuación se muestra el código actualizado para el archivo DBHandler.java después de agregar el fragmento de código anterior.
Java
import android.content.ContentValues; import android.content.Context; import android.database.Cursor; import android.database.sqlite.SQLiteDatabase; import android.database.sqlite.SQLiteOpenHelper; import java.util.ArrayList; public class DBHandler extends SQLiteOpenHelper { // creating a constant variables for our database. // below variable is for our database name. private static final String DB_NAME = "coursedb"; // below int is our database version private static final int DB_VERSION = 1; // below variable is for our table name. private static final String TABLE_NAME = "mycourses"; // below variable is for our id column. private static final String ID_COL = "id"; // below variable is for our course name column private static final String NAME_COL = "name"; // below variable id for our course duration column. private static final String DURATION_COL = "duration"; // below variable for our course description column. private static final String DESCRIPTION_COL = "description"; // below variable is for our course tracks column. private static final String TRACKS_COL = "tracks"; // creating a constructor for our database handler. public DBHandler(Context context) { super(context, DB_NAME, null, DB_VERSION); } // below method is for creating a database by running a sqlite query @Override public void onCreate(SQLiteDatabase db) { // on below line we are creating // an sqlite query and we are // setting our column names // along with their data types. String query = "CREATE TABLE " + TABLE_NAME + " (" + ID_COL + " INTEGER PRIMARY KEY AUTOINCREMENT, " + NAME_COL + " TEXT," + DURATION_COL + " TEXT," + DESCRIPTION_COL + " TEXT," + TRACKS_COL + " TEXT)"; // at last we are calling a exec sql // method to execute above sql query db.execSQL(query); } // this method is use to add new course to our sqlite database. public void addNewCourse(String courseName, String courseDuration, String courseDescription, String courseTracks) { // on below line we are creating a variable for // our sqlite database and calling writable method // as we are writing data in our database. SQLiteDatabase db = this.getWritableDatabase(); // on below line we are creating a // variable for content values. ContentValues values = new ContentValues(); // on below line we are passing all values // along with its key and value pair. values.put(NAME_COL, courseName); values.put(DURATION_COL, courseDuration); values.put(DESCRIPTION_COL, courseDescription); values.put(TRACKS_COL, courseTracks); // after adding all values we are passing // content values to our table. db.insert(TABLE_NAME, null, values); // at last we are closing our // database after adding database. db.close(); } // we have created a new method for reading all the courses. public ArrayList<CourseModal> readCourses() { // on below line we are creating a // database for reading our database. SQLiteDatabase db = this.getReadableDatabase(); // on below line we are creating a cursor with query to read data from database. Cursor cursorCourses = db.rawQuery("SELECT * FROM " + TABLE_NAME, null); // on below line we are creating a new array list. ArrayList<CourseModal> courseModalArrayList = new ArrayList<>(); // moving our cursor to first position. if (cursorCourses.moveToFirst()) { do { // on below line we are adding the data from cursor to our array list. courseModalArrayList.add(new CourseModal(cursorCourses.getString(1), cursorCourses.getString(4), cursorCourses.getString(2), cursorCourses.getString(3))); } while (cursorCourses.moveToNext()); // moving our cursor to next. } // at last closing our cursor // and returning our array list. cursorCourses.close(); return courseModalArrayList; } @Override public void onUpgrade(SQLiteDatabase db, int oldVersion, int newVersion) { // this method is called to check if the table exists already. db.execSQL("DROP TABLE IF EXISTS " + TABLE_NAME); onCreate(db); } }
Paso 6: Crear una nueva actividad para mostrar nuestra lista de cursos
Para crear una nueva actividad, debemos navegar a la aplicación > java > el nombre del paquete de su aplicación > hacer clic con el botón derecho en el nombre del paquete > Nuevo > Actividad vacía y nombrar su actividad como ViewCourses y crear una nueva actividad. Asegúrese de seleccionar la actividad vacía .
Paso 7: trabajar con el archivo MainActivity.java
Como hemos agregado un nuevo botón a nuestro archivo activity_main.xml , debemos agregar setOnClickListener() a ese botón en nuestro archivo MainActivity.java .
Java
readCourseBtn.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { // opening a new activity via a intent. Intent i = new Intent(MainActivity.this, ViewCourses.class); startActivity(i); } });
A continuación se muestra el código actualizado para el archivo MainActivity.java después de agregar el fragmento de código anterior.
Java
import android.content.Intent; import android.os.Bundle; import android.view.View; import android.widget.Button; import android.widget.EditText; import android.widget.Toast; import androidx.appcompat.app.AppCompatActivity; public class MainActivity extends AppCompatActivity { // creating variables for our edittext, button and dbhandler private EditText courseNameEdt, courseTracksEdt, courseDurationEdt, courseDescriptionEdt; private Button addCourseBtn, readCourseBtn; private DBHandler dbHandler; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); // initializing all our variables. courseNameEdt = findViewById(R.id.idEdtCourseName); courseTracksEdt = findViewById(R.id.idEdtCourseTracks); courseDurationEdt = findViewById(R.id.idEdtCourseDuration); courseDescriptionEdt = findViewById(R.id.idEdtCourseDescription); addCourseBtn = findViewById(R.id.idBtnAddCourse); readCourseBtn = findViewById(R.id.idBtnReadCourse); // creating a new dbhandler class // and passing our context to it. dbHandler = new DBHandler(MainActivity.this); // below line is to add on click listener for our add course button. addCourseBtn.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { // below line is to get data from all edit text fields. String courseName = courseNameEdt.getText().toString(); String courseTracks = courseTracksEdt.getText().toString(); String courseDuration = courseDurationEdt.getText().toString(); String courseDescription = courseDescriptionEdt.getText().toString(); // validating if the text fields are empty or not. if (courseName.isEmpty() && courseTracks.isEmpty() && courseDuration.isEmpty() && courseDescription.isEmpty()) { Toast.makeText(MainActivity.this, "Please enter all the data..", Toast.LENGTH_SHORT).show(); return; } // on below line we are calling a method to add new // course to sqlite data and pass all our values to it. dbHandler.addNewCourse(courseName, courseDuration, courseDescription, courseTracks); // after adding the data we are displaying a toast message. Toast.makeText(MainActivity.this, "Course has been added.", Toast.LENGTH_SHORT).show(); courseNameEdt.setText(""); courseDurationEdt.setText(""); courseTracksEdt.setText(""); courseDescriptionEdt.setText(""); } }); readCourseBtn.setOnClickListener(new View.OnClickListener() { @Override public void onClick(View v) { // opening a new activity via a intent. Intent i = new Intent(MainActivity.this, ViewCourses.class); startActivity(i); } }); } }
Paso 8: Creación de un nuevo archivo de diseño para nuestro elemento de RecyclerView
Vaya a la aplicación > res > diseño > haga clic con el botón derecho en él > Nuevo > Archivo de recursos de diseño y asígnele el nombre curso_rv_elemento y agréguele el siguiente código.
XML
<?xml version="1.0" encoding="utf-8"?> <androidx.cardview.widget.CardView xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_margin="5dp" android:elevation="8dp" app:cardCornerRadius="4dp"> <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_margin="3dp" android:orientation="vertical"> <!--text view for our course name--> <TextView android:id="@+id/idTVCourseName" android:layout_width="match_parent" android:layout_height="wrap_content" android:padding="3dp" android:text="Course Name" android:textColor="@color/black" /> <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="horizontal" android:weightSum="2"> <!--text view for our course tracks--> <TextView android:id="@+id/idTVCourseTracks" android:layout_width="0dp" android:layout_height="wrap_content" android:layout_weight="1" android:padding="3dp" android:text="Course Tracks" android:textColor="@color/black" /> <!--text view for our course duration--> <TextView android:id="@+id/idTVCourseDuration" android:layout_width="0dp" android:layout_height="wrap_content" android:layout_weight="1" android:padding="3dp" android:text="Duration" android:textColor="@color/black" /> </LinearLayout> <!--text view for our course description--> <TextView android:id="@+id/idTVCourseDescription" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_weight="1" android:padding="3dp" android:text="Description" android:textColor="@color/black" /> </LinearLayout> </androidx.cardview.widget.CardView>
Paso 9: crear una clase de adaptador para configurar datos en nuestros elementos de RecyclerView
Navegue a la aplicación > java > el nombre del paquete de su aplicación > haga clic con el botón derecho en él > Nuevo > clase Java y asígnele el nombre CourseRVAdapter y agréguele el siguiente código. Se agregan comentarios dentro del código para comprender el código con más detalle.
Java
import android.content.Context; import android.view.LayoutInflater; import android.view.View; import android.view.ViewGroup; import android.widget.TextView; import androidx.annotation.NonNull; import androidx.recyclerview.widget.RecyclerView; import java.util.ArrayList; public class CourseRVAdapter extends RecyclerView.Adapter<CourseRVAdapter.ViewHolder> { // variable for our array list and context private ArrayList<CourseModal> courseModalArrayList; private Context context; // constructor public CourseRVAdapter(ArrayList<CourseModal> courseModalArrayList, Context context) { this.courseModalArrayList = courseModalArrayList; this.context = context; } @NonNull @Override public ViewHolder onCreateViewHolder(@NonNull ViewGroup parent, int viewType) { // on below line we are inflating our layout // file for our recycler view items. View view = LayoutInflater.from(parent.getContext()).inflate(R.layout.course_rv_item, parent, false); return new ViewHolder(view); } @Override public void onBindViewHolder(@NonNull ViewHolder holder, int position) { // on below line we are setting data // to our views of recycler view item. CourseModal modal = courseModalArrayList.get(position); holder.courseNameTV.setText(modal.getCourseName()); holder.courseDescTV.setText(modal.getCourseDescription()); holder.courseDurationTV.setText(modal.getCourseDuration()); holder.courseTracksTV.setText(modal.getCourseTracks()); } @Override public int getItemCount() { // returning the size of our array list return courseModalArrayList.size(); } public class ViewHolder extends RecyclerView.ViewHolder { // creating variables for our text views. private TextView courseNameTV, courseDescTV, courseDurationTV, courseTracksTV; public ViewHolder(@NonNull View itemView) { super(itemView); // initializing our text views courseNameTV = itemView.findViewById(R.id.idTVCourseName); courseDescTV = itemView.findViewById(R.id.idTVCourseDescription); courseDurationTV = itemView.findViewById(R.id.idTVCourseDuration); courseTracksTV = itemView.findViewById(R.id.idTVCourseTracks); } } }
Paso 10: trabajar con el archivo activity_view_course.xml
Vaya a la aplicación > res > diseño > activity_view_course.xml y agregue el siguiente código a ese archivo. A continuación se muestra el código para el archivo activity_view_course.xml .
XML
<?xml version="1.0" encoding="utf-8"?> <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" tools:context=".ViewCourses"> <!--recycler view for displaying our courses--> <androidx.recyclerview.widget.RecyclerView android:id="@+id/idRVCourses" android:layout_width="match_parent" android:layout_height="match_parent" /> </RelativeLayout>
Paso 11: trabajar con el archivo ViewCourses.java
Vaya a la aplicación > java > el nombre del paquete de su aplicación > archivo ViewCourses.java y agréguele el siguiente código. Se agregan comentarios dentro del código para comprender el código con más detalle.
Java
import android.os.Bundle; import androidx.appcompat.app.AppCompatActivity; import androidx.recyclerview.widget.LinearLayoutManager; import androidx.recyclerview.widget.RecyclerView; import java.util.ArrayList; public class ViewCourses extends AppCompatActivity { // creating variables for our array list, // dbhandler, adapter and recycler view. private ArrayList<CourseModal> courseModalArrayList; private DBHandler dbHandler; private CourseRVAdapter courseRVAdapter; private RecyclerView coursesRV; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_view_courses); // initializing our all variables. courseModalArrayList = new ArrayList<>(); dbHandler = new DBHandler(ViewCourses.this); // getting our course array // list from db handler class. courseModalArrayList = dbHandler.readCourses(); // on below line passing our array lost to our adapter class. courseRVAdapter = new CourseRVAdapter(courseModalArrayList, ViewCourses.this); coursesRV = findViewById(R.id.idRVCourses); // setting layout manager for our recycler view. LinearLayoutManager linearLayoutManager = new LinearLayoutManager(ViewCourses.this, RecyclerView.VERTICAL, false); coursesRV.setLayoutManager(linearLayoutManager); // setting our adapter to recycler view. coursesRV.setAdapter(courseRVAdapter); } }
Ahora ejecute su aplicación y vea el resultado de la aplicación. Asegúrese de agregar los datos antes de leerlos.
Producción:
A continuación se muestra la estructura completa del archivo del proyecto después de realizar la operación de lectura:
Publicación traducida automáticamente
Artículo escrito por chaitanyamunje y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA