[Java][Kotlin] Fragment 간단 사용법

로그인 Fragment를 만들고 메인 액티비티에서 보여주는 것을 한 번 해보자. 추가적으로 java 코드로 보고 코틀린으로 변환해보자.

1. Java

1. Fragment 생성

Fragment는 Android Studio나 IntelliJ를 사용하고 있다면 손쉽게 생성할 수 있다.
Fragment를 생성하고자 하는 폴더에 오른쪽 버튼을 눌러 빈 Fragment를 생성하면 Fragment의 xml 파일과 java 파일이 생성된다.

먼저, 앱 로고 - 로그인 버튼 - 회원가입 버튼 이렇게 화면 구성을 해보자.

x
<?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="LoginFragment">
​
    <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:orientation="vertical"
            android:weightSum="3.5">
        <RelativeLayout
                android:layout_width="match_parent"
                android:layout_height="1dp"
                android:layout_weight="1.5">
            <ImageView
                    android:layout_width="wrap_content" android:layout_height="wrap_content"
                    android:layout_centerVertical="true"
                    android:layout_centerHorizontal="true"/>
        </RelativeLayout>
        <LinearLayout
                android:layout_width="match_parent" android:layout_height="1dp"
                android:orientation="vertical"
                android:layout_weight="2">
            <Button
                    android:id="@+id/login_btn"
                    android:layout_width="match_parent" android:layout_height="wrap_content"
                    android:text="간편 로그인"/>
            <Button
                    android:layout_width="match_parent" android:layout_height="wrap_content"
                    android:text="회원 가입"/>
        </LinearLayout>
    </LinearLayout>
​
</FrameLayout>

자동적으로 FrameLayout이 root 레이아웃이 되어있고 그 내부에서 구성을 해주면 된다.

이제 java을 보자. 역시나 자동적으로 코드가 작성되어 있지만, 간단히 Fragment를 보여줄 때는 onCreate, onCreateView 메서드만 오버라이딩하면 된다. 프레그먼트의 상태유지를 위해서는 onAttach, onDetach 메서드를 오버라이딩하면 되지만 여기선 넘어가겠다.

class LoginFragment extends Fragment {
    public LoginFragment() {}
    
    @override
    public void onCreate(@Nullable Bundle saveInstanceState) {
        super.onCreate(savedInstanceState);
    }
    
    @Nullable
    @override
    public View onCreateView(@NoNull LayoutInflater inflater, @Nullable ViewGroup container, @Nullable Bundle savedInstanceState) {
        final View rootView = inflater.inflate(R.layout.fragment_login, container, false);
        // 여기서 구성요소에 대한 처리
        return rootView;
}

 

2. Activity에 Fragment 띄우기

Fragment는 Activity의 구성요소로 존재하게 된다. 따라서 다른 버튼, 텍스트뷰처럼 보여질 위치를 xml로 코딩해야 한다.

xxxxxxxxxx
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
        xmlns:android="http://schemas.android.com/apk/res/android"
        xmlns:tools="http://schemas.android.com/tools"
        xmlns:app="http://schemas.android.com/apk/res-auto"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        tools:context=".MainActivity">
​
        <FrameLayout
                android:id="@+id/fragment"
                android:layout_width="match_parent"
                android:layout_height="match_parent"/>
    
</LinearLayout>

FrameLayout의 위치가 Fragment가 보여질 위치이므로 여기서는 Fragment가 액티비티 전체를 차지하게 된다.

이제 Fragment를 띄어주는 코드만 작성하면 끝이다.

x
public class MainActivity extends AppCompatActivity {
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        getSupportFragmentManager().beginTransaction()
            .replace(R.id.fragment, new LoginFragment())
            .commit();
    }
}

실행하면 바로 Fragment의 화면이 뜨게 된다.

 

2. Kotlin

xml 레이아웃 생성은 java와 동일하고 코드만 살펴보자.

1. Fragment 생성

xxxxxxxxxx
class LoginFragment : Fragment() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
    }
    
    override fun onCreateView(inflater: LayoutInflater, container: ViewGroup?,
                              savedInstanceState: Bundle?): View? {
        val view = inflater.inflate(R.layout.fragment_login, null)
        // 처리
        return view
    }
}

 

2. Activity에 Fragment 띄우기

x
class MainActivity : AppCompatActivity() {
    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_main)
        
        supportFragmentManager.beginTransaction()
            .replace(R.id.fragment, LoginFragment())
            .commit()
    }
}

여기서 주목해야 할 점은 원래 getSupportFragmentManager()를 호출해서 인스턴스 얻어 사용했지만 여기서는 supportFragmentManager와 같이 변수처럼 사용한다는 점이다. Kotlin으로 변경되면서 싱글톤 패턴을 언어 차원에서 지원하게 되었다. object나 companion object를 사용하면 이것이 가능해진다. 다른 예시로 getActivity()도 activity와 같이 사용할 수 있다.