Как добавить BottomNavigationView в ваше android приложение

안녕하세요,이 채널은 Android를 시작합니다 여기 Vitaly Nepochatov입니다

오늘 우리는 새로운 컴포넌트 라이브러리 지원을 살펴 봅니다 BottomNavigationView 소재 디자인 그러나 우리가 시작하기 전에, 당신을 새로운 것에 초대하고 싶습니다 후원사의 Vkontakte 그룹 – 온라인 샵 기어 베스트 전자 그룹은 프로모션, fleshseylah에 관한 매일의 뉴스를 발행합니다

제한된 공급 및 고유 코드 쿠폰 항상 구매할 수 있도록 구독하십시오 무료 배송으로 저렴한 가격에 수프 가파른 중국에서 그룹에 1000 명의 가입자를 입력하면 매력적인 상금의 그림 여기에 그룹 비디오를 참조하십시오

이제 BottomNavigationView에 대한 대화를 계속합니다 이것은 당신이 전환 할 수있는 하단 네비게이션 바입니다 원터치로 응용 프로그램 화면간에 주로 위치 정보로 스마트 폰용 화면 하단에 편리하고 신속하게 액세스 할 수 있습니다 사용자를위한 이 구성 요소는 디자인 지원 라이브러리 버전에서 사용할 수 있습니다 25

00 및 Google은 이러한 디자인 원칙 : – 스마트 폰, 태블릿에만 권장됩니다 다른 대형 스크린 장치를 사용하는 것이 더 좋습니다 사이드 탐색 메뉴 – 아이콘의 너비는 80 – 168 dp의 범위를 가질 수 있습니다

패널 높이 – 56 dp, 크기 24×24 dp 아이콘 – 패널에는 3 개 이상 포함해야합니다 5 개의 버튼을 사용하려면 버튼을 화면에 놓고 스크롤하지 않아도됩니다 – 버튼을 탭하여 화면 간 전환, 스 와이프가 사용되지 않아 결합이 가능합니다 아래쪽 탐색 탭이 표시됩니다

그러나 Google은 조심해서 조합 방법을 권장합니다 사용자를 오도하지 않도록 – 활성 아이콘을 기본 색상으로 칠할 수 있습니까? 응용 프로그램을 사용하거나 흰색 또는 검정색을 사용하거나, 하단 네비게이션 바 색상 아이콘을 다른 색상으로 칠하지 마십시오 – 텍스트 라벨은 가능한 한 짧아야합니다 유익하고 긴 비문을 피하십시오

– 하단 네비게이션 바에서 아이콘을 클릭하면 사용자를 관련 아이콘으로 직접 유도한다 현재 창을 새로 고치거나 새로 고칩니다 아이콘은 메뉴 또는 팝업 창을 열 필요가 없습니다 기기의 '뒤로'버튼은 이동을 허용하지 않습니다 화면 하단 탐색 표시 줄 사이

– 하단 탐색 줄이 화면에서 사라질 수 있습니다 돌아올 때 위로 스크롤하여 나타나면 자세한 사양에 대한 링크는 설명에 있습니다 비디오로 진행하고 연습으로 넘어갈 것입니다 BottomNavigationView는 애플리케이션에 구현되었습니다 아래쪽 탐색 모음에 대한 지원을 추가하려면 모듈 수준 어셈블리 파일에서 다음과 같은 종속성을 추가해야합니다

주 화면의 파일 레이아웃은 이러한 표시입니다 중앙에 위치한 Imageview가 세 곳 있으며, 그 중 두 곳이 처음에는 visibility 속성 값을 사용하여 숨김 지나간 이미지를 한 번에 간단히 표시합니다 그 안에는 BottomNavigationView에서 선택한 아이콘에 따라 다릅니다 아래 – 위젯 BottomNavigationView, 그는 특성이 있습니다 : itemBackground : 패널 요소의 배경색입니다

setItemBackgroundResource ()에 의해 코드에서 설치할 수 있습니다 itemIconTint : 아이콘 패널 멤버의 색입니다 setItemIconTintList ()에 의해 코드에서 설치할 수 있습니다 itemTextColor : 텍스트 색상 도구 상자입니다 setItemTextColor ()에 의해 코드에서 설치할 수 있습니다

이 두 속성은 다음과 같은 리소스 파일에 대한 링크입니다 활성 요소를 기반으로 색상을 설정합니다 아닙니다 마지막 속성 BottomNavigationView 앱 : 메뉴는 사전을 참조합니다 menu_bottom_navigation

xml은 다음과 같은 리소스 파일을 만듭니다 하단 탐색 줄 항목이 있습니다 그들은 보통 메뉴와 다르지 않습니다 이제 메인 클래스 코드 MainActivityjava 여기서 모든 디스플레이 구성 요소를 선언하고 찾습니다

BottomNavigationView는 다음을 결정하는 리스너를 지정합니다 패널 ID의 항목을 클릭하고 처방하십시오 스위치 설계에 적절한 조치 우리의 경우 간단하게하기 위해 예제가 변경됩니다 홈 화면에서 ImageView의 이미지 가시성

그러나 예를 들어 다양한 조각을 열어서 구현하는 것이 가능합니다 내용 등 우리의 경우 간단하게하기 위해 예제가 변경됩니다 홈 화면에서 ImageView의 이미지 가시성 그러나 예를 들어 다양한 조각을 열어서 구현하는 것이 가능합니다 내용 등 응용 프로그램이 장치에서 어떻게 보이는지는 다음과 같습니다

패널 아이콘을 누르면 애니메이션이 적용되고 색상이 바뀝니다 그리고 아이콘과 텍스트 속성 아이콘의 색상을 제거하면 마크 업 파일, 배경 패널 기본값 흰색, 활성 아이콘이 기본 색상으로 그려져 있습니다 응용 프로그램 및 비활성 아이콘이 회색으로 변합니다 연습으로 하나 추가해보십시오 또는 아래쪽 탐색 모음의 두 점을 어떻게 행동하는 아이콘

5 점을 더하지 마십시오 오류가 발생합니다 그게 전부입니다 수업의 소스 코드는 항상 그렇듯이 사이트에 있습니다 fandroid

info, 여기 비디오 참조 안드로이드 응용 프로그램 개발에 당신에게 행운을 비네 너와 함께 비탈리 네 포차 토프, 잘 됐어!