[Android Java] 커스텀 리스트뷰를 이용해 SQLite 데이터 띄우기

이전에 커스텀 리스뷰에 SQlite데이터를 띄우는 포스팅을 예고했었다.

 

만약 SQlite에 대해 잘 모르겠다면 이전에 포스팅한 글을 읽고 오도록 추천한다.

 

https://cajava.tistory.com/9

[Android Studio] 안드로이드에서 SQLite 매우 초 간단하게 다루기

 

이번에는 Custom Listview 에 SQLite DB를 띄워주도록 해보겠다.

 

---

작업 - 레이아웃

 

우선 우리가 원하는 모습은 이러한 뭉툭하고 귀욤 기욤 한 리스트의 모습이다

 

그리고 아래 보면 응용을 목적으로 데이터를 추가할 수 있는 뷰를 만들어둔 상태다

 

 

바로 디자인부터 시작해보자

 

매인액티비티의 레이아웃을 디자인하면

 

 

activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    >
    <ListView
        android:id="@+id/lv_list"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:layout_above="@id/linear"
        android:divider="@null"
    />

    <LinearLayout
        android:id="@+id/linear"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:weightSum="10"
        android:gravity="center_vertical"
        android:layout_alignParentBottom="true"
        >

        <EditText
            android:id="@+id/et_text"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_weight="8"
            android:hint="입력할 값을 적으세요"/>
        <Button
            android:id="@+id/btn_insert"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="입력"
            android:layout_weight="2"

            />

    </LinearLayout>
</RelativeLayout>

 

 

이번에는 리스트뷰에 사용될 아이템의 레이아웃을 정의해야 한다.

 

우선 레이아웃 파일을 2개 만들자

item_listview.xml은 리스트뷰의 아이템에 대한 디자인이고

shape_itembackground.xml은 아이템의 백그라운드 모양을 결정한다.

 

그리고 각 파일의 코드다

 

 

shape_itembackground.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle"
    >

    <corners
        android:radius="10dp"
        />

    <solid
        android:color="#EEE"
        />

</shape>

 

 

item_listview.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:elevation="7dp"
    android:padding="10dp"
    >
    <RelativeLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:padding="10dp"
        android:background="@drawable/shape_itembackground">
    <TextView
        android:id="@+id/item_tv_num"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginLeft="20dp"
        android:textSize="30dp"
        android:text="1"/>

    <TextView
        android:id="@+id/item_tv_name"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_toRightOf="@id/item_tv_num"
        android:layout_marginLeft="20dp"
        android:textSize="30dp"
        android:text="김양우"
        />
    </RelativeLayout>


</RelativeLayout>

 

item_listview.xml 파일에 보면 두 번째 RelativeLayout에 background="@drawable/shape_itembackground"로 적용되어있다. 저게 있고 없고의 모습을 보여주겠다.

 

 

background="@drawable/shape_itembackground" 적용 전

background="@drawable/shape_itembackground" 적용 후

 

 

필요 없으면 적용 안 해도 된다.

 

 

 

 

 

---

작업 - 코딩

 

이제 코딩으로 넘어가겠다.

 

클래스 파일을 3개를 미리 만들어 두자

 

 

 

우선 SQLite 사용을 하기 위한 DbHelper 클래스를 만들어 준다 그리고 SQLiteOepnHelper를 상속해줘야 한다.

 

 

DBHelper.class

import android.content.Context;
import android.database.sqlite.SQLiteDatabase;
import android.database.sqlite.SQLiteOpenHelper;

import androidx.annotation.Nullable;

public class DBHelper extends SQLiteOpenHelper {

    final static String DB_NAME = "data.db";  //DB이름
    final static int DB_VERSION = 2; //DB버전


//생성자
    public DBHelper(@Nullable Context context) {
        super(context, DB_NAME,null,DB_VERSION);
    }

    @Override
    public void onCreate(SQLiteDatabase sqLiteDatabase) {

	//테이블의 구조는 여기서 설계
        String qry = "CREATE TABLE student(num INTEGER PRIMARY KEY AUTOINCREMENT,name TEXT NOT NULL)";
        sqLiteDatabase.execSQL(qry);
        

	//없으면 썰렁하니 아무 데이터라도 넣어주기
        qry = "INSERT INTO student(name) VALUES('황수고')";
        sqLiteDatabase.execSQL(qry);
        qry = "INSERT INTO student(name) VALUES('김영우')";
        sqLiteDatabase.execSQL(qry);
        qry = "INSERT INTO student(name) VALUES('이샹슈')";
        sqLiteDatabase.execSQL(qry);

    }


    //버전 업데이트 될때마다 호출 되는데 마지막에 onCreate도 같이 실행되기 때문에 여기서 먼저 DB에 존재하는 테이블들을 지워줘야함.
    //한마디로 초기화역할
    @Override
    public void onUpgrade(SQLiteDatabase sqLiteDatabase, int i, int i1) {

        String qry = "DROP TABLE IF EXISTS student";
        sqLiteDatabase.execSQL(qry);

        onCreate(sqLiteDatabase);

    }
}

 

DB의 모양을 잡는 중요한 역할이 바로 이 DBHelper클래스이다 3가지 메소드의 역할은 꼭 기억하도록 하자

 

 

 

그다음은 리스트뷰에 목록을 띄우도록 도와주는 클래스인 adapter를 구현해야 한다.

하지만 그전에 adapter에서 각 아이템에 대한 데이터를 저장할 객체가 필요하므로

ListViewAdapterData 클래스를 먼저 구현하겠다.

 

ListViewAdapterData.class

package com.example.customlistviewwithsqlite;

public class ListViewAdapterData {

    private int num;
    private String name;

    public void setNum(int num){this.num = num;}
    public void setName(String name){this.name = name;}

    public int getNum(){return this.num;}
    public String getName(){return this.name;}

}

kotlin으로 쓰면 2줄이면 끝날 것을...

java의 getter setter 사용은 변태 같다

 

 

그다음은 adapter클래스를 구현하자

 

ListViewAdapter.class

package com.example.customlistviewwithsqlite;

import android.content.Context;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.BaseAdapter;
import android.widget.TextView;

import java.util.ArrayList;

public class ListViewAdapter extends BaseAdapter {

    ArrayList<ListViewAdapterData> list = new ArrayList<ListViewAdapterData>();

    @Override
    public int getCount() {
        return list.size(); //그냥 배열의 크기를 반환하면 됨
    }

    @Override
    public Object getItem(int i) {
        return list.get(i); //배열에 아이템을 현재 위치값을 넣어 가져옴
    }

    @Override
    public long getItemId(int i) {
        return i; //그냥 위치값을 반환해도 되지만 원한다면 아이템의 num 을 반환해도 된다.
    }


    @Override
    public View getView(int i, View view, ViewGroup viewGroup) {

        final Context context = viewGroup.getContext();

        //리스트뷰에 아이템이 인플레이트 되어있는지 확인한후
        //아이템이 없다면 아래처럼 아이템 레이아웃을 인플레이트 하고 view객체에 담는다.
        if(view == null){
            LayoutInflater inflater = (LayoutInflater) context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
            view = inflater.inflate(R.layout.item_listview,viewGroup,false);
        }

        //이제 아이템에 존재하는 텍스트뷰 객체들을 view객체에서 찾아 가져온다
        TextView tvNum = (TextView)view.findViewById(R.id.item_tv_num);
        TextView tvName = (TextView)view.findViewById(R.id.item_tv_name);

        //현재 포지션에 해당하는 아이템에 글자를 적용하기 위해 list배열에서 객체를 가져온다.
        ListViewAdapterData listdata = list.get(i);

        //가져온 객체안에 있는 글자들을 각 뷰에 적용한다
        tvNum.setText(Integer.toString(listdata.getNum())); //원래 int형이라 String으로 형 변환
        tvName.setText(listdata.getName());

        return view;
    }

    //ArrayList로 선언된 list 변수에 목록을 채워주기 위함 다른방시으로 구현해도 됨
    public void addItemToList(int num, String name){
        ListViewAdapterData listdata = new ListViewAdapterData();

        listdata.setNum(num);
        listdata.setName(name);

        //값들의 조립이 완성된 listdata객체 한개를 list배열에 추가
        list.add(listdata);

    }
}

 

 

이제 마무리는 MainActivity클래스 구현이다.

 

MainActivity.class

package com.example.customlistviewwithsqlite;

import androidx.appcompat.app.AppCompatActivity;

import android.database.Cursor;
import android.database.sqlite.SQLiteDatabase;
import android.os.Bundle;
import android.widget.Button;
import android.widget.EditText;
import android.widget.ListView;

public class MainActivity extends AppCompatActivity {

    ListView lvList;
    EditText etText;
    Button btnInsert;


    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        //여기까진 뻔하다
        lvList = (ListView)findViewById(R.id.lv_list);
        etText = (EditText)findViewById(R.id.et_text);
        btnInsert = (Button)findViewById(R.id.btn_insert);

        displayList();

    }

    void displayList(){
        //Dbhelper의 읽기모드 객체를 가져와 SQLiteDatabase에 담아 사용준비
        DBHelper helper = new DBHelper(this);
        SQLiteDatabase database = helper.getReadableDatabase();

        //Cursor라는 그릇에 목록을 담아주기
        Cursor cursor = database.rawQuery("SELECT * FROM student",null);

        //리스트뷰에 목록 채워주는 도구인 adapter준비
        ListViewAdapter adapter = new ListViewAdapter();

        //목록의 개수만큼 순회하여 adapter에 있는 list배열에 add
        while(cursor.moveToNext()){
            //num 행은 가장 첫번째에 있으니 0번이 되고, name은 1번
            adapter.addItemToList(cursor.getInt(0),cursor.getString(1));
        }

        //리스트뷰의 어댑터 대상을 여태 설계한 adapter로 설정
        lvList.setAdapter(adapter);

    }
}

 

 

여기까지 완성하고 실행을 해보면 

 

정상적으로 리스트들이 뜬다.

 

하지만 아래에 추가하는 뷰의 기능을 아직 구현하지 않았다. 그래서 MainActivity클래스의 수정이 필요하다.

 

 

MainActivity.class (Insert문 추가 , 버튼 클릭 이벤트 구현)

package com.example.customlistviewwithsqlite;

import androidx.appcompat.app.AppCompatActivity;

import android.database.Cursor;
import android.database.sqlite.SQLiteDatabase;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.EditText;
import android.widget.ListView;

public class MainActivity extends AppCompatActivity {

    ListView lvList;
    EditText etText;
    Button btnInsert;


    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        //여기까진 뻔하다
        lvList = (ListView)findViewById(R.id.lv_list);
        etText = (EditText)findViewById(R.id.et_text);
        btnInsert = (Button)findViewById(R.id.btn_insert);

        displayList();


        btnInsert.setOnClickListener(new Button.OnClickListener() {
            @Override
            public void onClick(View view) {
                insertStudent(etText.getText().toString());
            }
        });

    }

    void displayList(){
        //Dbhelper의 읽기모드 객체를 가져와 SQLiteDatabase에 담아 사용준비
        DBHelper helper = new DBHelper(this);
        SQLiteDatabase database = helper.getReadableDatabase();

        //Cursor라는 그릇에 목록을 담아주기
        Cursor cursor = database.rawQuery("SELECT * FROM student",null);

        //리스트뷰에 목록 채워주는 도구인 adapter준비
        ListViewAdapter adapter = new ListViewAdapter();

        //목록의 개수만큼 순회하여 adapter에 있는 list배열에 add
        while(cursor.moveToNext()){
            //num 행은 가장 첫번째에 있으니 0번이 되고, name은 1번
            adapter.addItemToList(cursor.getInt(0),cursor.getString(1));
        }

        //리스트뷰의 어댑터 대상을 여태 설계한 adapter로 설정
        lvList.setAdapter(adapter);

    }

    void insertStudent(String name){
        //Dbhelper의 쓰기모드 객체를 가져옴
        DBHelper helper = new DBHelper(this);
        SQLiteDatabase database = helper.getReadableDatabase();

        String qry = "INSERT INTO student(name) VALUES('"+name+"')";

        database.execSQL(qry); //만들어준 쿼리문 실행

        displayList(); //리스트뷰 새로고침

    }

}

---

결과

정말 리스트뷰 하나 구현하겠다고 시간 엄청 버리는 것 같다.

 

근데 이쁘고 좋은 앱을 만들기 위해서는 어쩔 수 없는 법 ㅜㅜ

 

만약 필드가 num, name 뿐 만 아니라

num, name, age, email 등을 표시하고 싶다면 필수로 몇가지를 수정해주면 된다.

 

 

dbhelper클래스에 쿼리문 설계부분에서 age,email 추가

item_listview.xml 의 textview 추가 (원한다면)

ListViewAdapterData.class 에 get set 추가

ListViewAdapter.class 의 addItemToList()함수에 인수랑 로직 추가

ListViewAdapter.class 의 getView() 함수에 tvAge.setText(), tvEmail.setText 등 추가

 

(좀 많나..?)

 

 

근데 어차피 한군데를 바꾸면 다른부분에서 에러표시로 뜨기 때문에 어딜 바꿔야되는지 금방 파악한다.

 

 

그럼 오늘 포스팅은 여기까지 하도록 하겠다.