[Smart_Fan] 08 - Android Studio : Fragment안에 ListView 구현하기 01

 

 

Fragment안에 ListView 구현하기

[2020-07-13 ~ 2020-07-14]

 

기존에 우리는 Navigation Drawer Menu에서

Fragment를 사용해 메뉴의 항목들을 클릭할 때마다

각 페이지를 이동하도록 설정해 주었다.

 

그 이후에 Fragment창 안에서 리스트 항목들을 작성하기 위해서

기존에 Activity에서 ListView를 사용하는 방법대로 ListView를 사용하면

오류가 발생한다는 것을 알게 되었다.

 

이를 계기로 여러 영상과 사이트들을 찾아 구현해내는 방법을 알게 되었고,

ListView를 한 번에 작성하기에는 오류가 염려되어

총 3번에 걸쳐서 ListView를 작성해 보았다.

 

 

#01. fragment 안에 ListView 형태 입력하기

 

 

• fragment_settings.xml

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout 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=".SettingsFragment">

    <ListView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/mainMenu"/>

</FrameLayout>

 

먼저 기존에 ListView를 사용하는 방법 그대로 레이아웃 안에 ListView를 입력해 준다.

 

이때, FrameLayout안에 ListView를 넣었다는 것을 잊지 않도록 한다.

 

이후에는 자바파일을 입력해주면 되는데

 

 

error: no suitable constructor found for ArrayAdapter(MainActivityFragmet, int, String [])

...

error: cannot find symbol method findViewById(int)

기존에 Activity에서 입력했던 방법으로 ListView를 사용한다면

두 에러가 발생하게 된다.

 

 

첫 번째 에러

error: no suitable constructor found for ArrayAdapter(MainActivityFragment, int, String [])

해당 에러가 발생하는 원인을 알기 전에 ArrayAdapter에 대해서 간단히 살펴보자면

ArrayAdapter의 생성자는 총 3개의 파라미터를 가지게 되는데

context, resource, objects이다.

 

 

ArrayAdapter ( Context context, int resource, T [ ] objects )

context : 안드로이드 시스템에서 제공되는 애플리케이션 전역 환경 정보에 대한 인터페이스

 

resource : 뷰를 인스턴스화 할 때 사용할 레이아웃이 포함된 레이아웃 파일의 리소스 ID

 

objects : 배열로 선언된 사용자 데이터

 

 

기존에 Activity는 android.content.Context로부터 상속받은 클래스이기 때문에

Context를 그대로 사용할 수 있어 onCreate() 함수에서 ArrayAdapter 생성자의 첫 번째 파라미터로 this를 사용할 수 있었지만,

Fragment는 java.lang.Object로부터 상속받은 클래스이기 때문에 

Context와는 관계가 없어 this를 사용할 수 없게 된다.

 

그래서 이를 해결해 주기 위해서

Fragment에서 자신이 속한 Activity의 참조를 얻어온 다음에

ArrayAdapter의 생성자로 전달해 주면 된다.

 

즉, Fragment에서 Activity의 참조를 획득할 수 있는 getActivity() 함수를 사용해 주면 된다.

 

 

두 번째 에러

error: cannot find symbol method findViewById(int)

두 번째 에러의 원인은 findViewById() 함수인데

해당 함수는 Fragment의 멤버 함수가 아닌 View의 멤버 함수 이기 때문에 

Fragment에서 findViewById() 함수를 호출하려고 하면 당연하게 에러가 발생하는 것이다.

 

이를 해결하기 위해서는 LayoutInflater를 사용해 Resource Layout을 View로 변환해준 후

findViewByid()를 호출해 주면 된다.

 

 

• SettingsFragment.java

import android.os.Bundle;

import androidx.fragment.app.Fragment;

import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ArrayAdapter;
import android.widget.ListView;

/**
 * A simple {@link Fragment} subclass.
 */
public class SettingsFragment extends Fragment {


    public SettingsFragment() {
        // Required empty public constructor
    }

    @Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container,
                             Bundle savedInstanceState) {
	// LayoutInflater 사용해 Resource Layout을 View로 변환해준 후 findViewById() 호출
        // Inflate the layout for this fragment
        View view = inflater.inflate(R.layout.fragment_settings, container, false);
	
	// ListView 아이템에 표시될 사용자 테이터 정의
        String[] menuItems = {"number one", "number two", "number three", "number four"};

        ListView listView = (ListView) view.findViewById(R.id.mainMenu);

	// 데이터 입력받을 Adapter 생성
    	// fragment에서는 'this' 사용이 불가하므로, Activity의 참조 획득이 가능한 getActivity()함수 사용
        ArrayAdapter<String> listViewAdapter = new ArrayAdapter<String>(getActivity(), android.R.layout.simple_list_item_1, menuItems);

        listView.setAdapter(listViewAdapter);

        return view;
    }
}

 

두 가지의 에러를 해결한 후 제대로 코드를 작성한 모습이다.

 

 

애뮬레이터를 통해 확인해 보면 

fragment안에 listView가 보이는 것을 확인할 수 있다.

 

 

---

 

 

fragment에서 listView를 사용하는 방법이 다르다는 것을 이번에 처음 알게 되었다.

 

이 문제를 해결하기 위해서 굉장히 오랜 시간이 걸렸지만

해당 문제가 해결되고 나니 굉장히 뿌듯하다.

 

다음에는 리스트뷰의 내용을 입력하고 클릭하면

다음 페이지로 넘어갈 수 있게 해 보아야겠다.