[android] 안드로이드 UI 탭바 및 바텀 네비게이션

안드로이드 앱을 개발할 때 사용자 경험을 향상시키고 앱 내 탐색을 용이하게 만들기 위해 탭바 (TabBar) 또는 바텀 네비게이션 (Bottom Navigation)을 구현하는 것이 중요합니다. 이러한 네비게이션 패턴을 효과적으로 사용하는 방법에 대해 살펴보겠습니다.

1. 탭바 (TabBar)

탭바는 화면 상단에 표시되며, 여러 섹션 또는 뷰를 탐색하는 데 사용됩니다. 사용자는 탭을 선택하여 해당 섹션으로 이동할 수 있습니다. 앱의 주요 섹션 간에 전환할 때 탭바를 사용하는 것이 일반적입니다.

TabLayout tabLayout = findViewById(R.id.tab_layout);
ViewPager viewPager = findViewById(R.id.view_pager);
ViewPagerAdapter adapter = new ViewPagerAdapter(getSupportFragmentManager());

viewPager.setAdapter(adapter);
tabLayout.setupWithViewPager(viewPager);

위 코드에서 TabLayoutViewPager를 사용하여 탭바를 구현합니다. ViewPager는 각 탭에 해당하는 컨텐츠를 표시하고, TabLayout은 탭을 표시합니다.

2. 바텀 네비게이션 (Bottom Navigation)

바텀 네비게이션은 화면 하단에 위치하며, 각각의 아이콘을 통해 다른 섹션으로 이동할 수 있습니다. 주로 3개 이상의 메뉴 항목이 필요한 경우에 사용됩니다.

BottomNavigationView bottomNavigationView = findViewById(R.id.bottom_navigation);
NavHostFragment navHostFragment = getSupportFragmentManager().findFragmentById(R.id.nav_host_fragment);
NavigationUI.setupWithNavController(bottomNavigationView, navHostFragment.getNavController());

위의 코드는 바텀 네비게이션을 구현하는 방법을 보여줍니다. BottomNavigationView를 사용하여 바텀 네비게이션을 초기화하고, NavigationUI.setupWithNavController 메서드를 사용하여 네비게이션과의 연결을 설정합니다.

결론

탭바와 바텀 네비게이션은 모바일 앱의 탐색을 단순화하고 사용자 경험을 향상시키는 데 중요한 구성 요소입니다. 개발자는 앱의 필요에 맞게 적절한 네비게이션 패턴을 선택하고 구현하는 것이 중요합니다.

참고 문서

이제 안드로이드 앱에서 탭바와 바텀 네비게이션을 구현하는 방법에 대해 더 잘 이해했을 것입니다.