걍해봐따

0. Android Studio 설치

다운로드 사이트 : developer.android.com/studio

1. Flutter 사이트에서 최신 SDK 다운받기

flutter-ko.dev/docs/development/tools/sdk/archive

2. 다운받은 파일을 원하는 곳에 압축해제(예: C:\src\flutter)

3. 압축푼 디렉토리의 경로를 환경변수 PATH에 추가

4. Flutter 환경 체크한 뒤 [!]가 있는지 체크(!가 있으면 해결해야함)

5. Dart와 Flutter 설치

6. New Flutter Project... 실행

 참조 : developer.android.com/guide/navigation/navigation-getting-started

1. 네비게이션 관련 Gradle 추가

- build.gradle에 추가

- Safe Args 를 위해 build.gradle에 추가

2. Bottom Navigation 에 들어갈 menu 추가

- 메뉴파일 추가하기

- bottom_nav_menu.xml 에 item 추가

- item의 title대신 이미지 넣기

- 선택한 아이콘을 item에 추가

3. Fragment 생성

  1) Fragment Layout 생성

  2) Layout 위젯 만들기

- tools:context는 context로 연결할 class를 설정

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    xmlns:tools="http://schemas.android.com/tools"
    android:orientation="vertical"
    android:gravity="center"
    tools:context="com.example.navigationtutorial02.fragment.Restaurant">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:id="@+id/restaurant_title"
        android:textSize="40dp"
        android:text="식단"
        />
</LinearLayout>​

  3) Fragment 클래스 생성

- Fragment Package 추가

- fragment 패키지 생성

- fragment class 생성

- Fragment로 사용할 Class 생성(Restaurant / Shuttle / Dust)

- view binding 이용하여 class에 fragment 연결하기

class Restaurant : Fragment() {
    private var mBinding : FragmentRestaurantBinding? = null
    override fun onCreateView(inflater: LayoutInflater, container: ViewGroup?, savedInstanceState: Bundle?): View? {
        var binding = FragmentRestaurantBinding.inflate(inflater, container, false)
        mBinding = binding
        return mBinding?.root
    }

    override fun onDestroyView() {
        mBinding = null
        super.onDestroyView()
    }
}

- item으로 등록한 fragment들도 같은 방식으로 생성

4. Navigation Graph 생성

- app:startDestination 에 처음 시작시 나타날 fragment 입력, android:name에 각 fragment에 맞는 class입력

<?xml version="1.0" encoding="utf-8"?>
<navigation xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/nav_graph"
    app:startDestination="@id/restaurantFragment">

    <fragment
        android:id="@+id/shuttleFragment"
        android:name="com.example.navigationtutorial02.fragment.ShuttleFragment"
        android:label="fragment_shuttle"
        tools:layout="@layout/fragment_shuttle" />
    <fragment
        android:id="@+id/restaurantFragment"
        android:name="com.example.navigationtutorial02.fragment.RestaurantFragment"
        android:label="fragment_restaurant"
        tools:layout="@layout/fragment_restaurant" />
    <fragment
        android:id="@+id/dustFragment"
        android:name="com.example.navigationtutorial02.fragment.DustFragment"
        android:label="fragment_dust"
        tools:layout="@layout/fragment_dust" />
</navigation>

5. activity_main.xml 에 BottomNavigationView / FragmentContainerView 추가

- FragmentContainerView - android:name 에 androidx.navigation.fragment.NavHostFragment 입력

- BottomNavigationView - app:menu 에 navigation 메뉴로 생성했던 nav_menu를 입력

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".MainActivity"
    android:orientation="vertical"
    android:weightSum="1"
    >

    <androidx.fragment.app.FragmentContainerView
        android:id="@+id/main_nav_host"
        android:layout_width="match_parent"
        android:layout_height="0dp"
        android:layout_weight="1"
        android:name="androidx.navigation.fragment.NavHostFragment"
        app:defaultNavHost="true"
        app:navGraph="@navigation/nav_graph"
        />
    <com.google.android.material.bottomnavigation.BottomNavigationView
        android:id="@+id/bottomNav"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:menu="@menu/nav_menu"
        />


</LinearLayout>

- MainActivity 에 navigation fragment와 controller를 연결 

class MainActivity : AppCompatActivity() {

    private lateinit var mBinding : ActivityMainBinding

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)

        // 메인view에 infalte 바인딩
        mBinding = ActivityMainBinding.inflate(layoutInflater)
        setContentView(mBinding.root)

        // Navigation Fragment 생성
        var navigationFragment = supportFragmentManager.findFragmentById(R.id.main_nav_host) as NavHostFragment
        // Navigation Controller 생성
        var navController = navigationFragment.navController
        
        // Bottom Navigation 메뉴, Navigation Controller 추가
        NavigationUI.setupWithNavController(mBinding.bottomNav, navController)
    }
}

==> 컴파일 및 실행

github주소 : github.com/powergi-1/navigation_tutorial

- git 저장소 위치 선택

- 프로젝트를 선택한뒤 git에 올릴 파일을 추가한다.

- commit

- remote git 에 올리기

- 등록 확인

- Android Studio에 github 정보 저장

(File > Settings > Version Control > GitHub > Add count > github 계정입력)

- 오류가 발생하면 "use token"으로 등록

- github에 로그인하여 설정으로 이동(로그인 > Settings)

- Developer settings 선택

- Personal access tokens > Generate new token 선택

- repo, admin:org, gist 선택 후 Generate token 클릭

- 생성된 토큰을 Android Studio 의 토큰 입력하는곳에 입력하여 github 등록

- 등록 확인

- remote git등록

- remote git 저장소 정보 입력

- 등록된 저장소 확인

- res 폴더에 새로운 폴더(anim) 생성

slide_in_left.xml / slide_out_right.xml / slide_in_right.xml / slide_out_left.xml

( * X를 Y로 바꿔주면 위아래로 슬라이드가 적용된다. )

- Main Activity에서 slide 사용

overridePendingTransition( 새로 들어올 Activity, 기존 Activity)

- Sub Activity 에서 Slide 사용