Android S4E1 : AHBottomNavigation – Introduction

그래서 사람들은 어떻게 프로그래밍 마법사의 오늘의 판에 오신 것을 환영합니다 tv 이 수업에서 아아 탐색 모음에 대해 이야기 할 것입니다 나는 너희들에게 그것을 소개 하겠지만 그 전에 실제로 아래쪽 탐색이 무엇인지 이해해야했습니다

아래쪽 탐색은 탐색 유형에 불과합니다 애플리케이션 내에서 일반적으로 특히 모바일 장치에서 아래쪽 탐색 모음 사실 우리가 바라보고있는이 아랫쪽 네비게이션은 하단 네비게이션 기능을 구현하는 라이브러리 중 하나입니다 하단 네비게이션이 꽤 인기를 얻고있다 탐험하기가 매우 쉽기 때문에 탭 하나만으로 최상위보기간에 전환 할 수 있습니다 주어진 하부 네비게이션 항목을 탭하면 주어진 뷰로 이동합니다

아이콘을 탭하면 관련 뷰로 직접 이동합니다 특정보기를 읽는 경우 새로 고침됩니다 하단 탐색은 주로 휴대 기기에서 인기가 있습니다 데스크톱은 사이드 탐색을 사용하는 것이 바람직합니다 탐색 창과 같은 그래서 왜 우리는 아래쪽 탐색을 사용해야합니까? 3 ~ 5 개의 최상위 레벨보기 또는 목적지 정치 스포츠 및 기술을 보여줄 앱이 있다고 가정 해 보겠습니다

그것들은 세 페이지입니다 그러면 아래쪽 탐색을 사용해야하는 적절한 시나리오가됩니다 그래서 기본적으로 당신이 가지고있을 때 사용해야합니다 3 ~ 5 개의 최상위 목적지 사이 최상위 대상에 5 개 목적지 그럼 당신은 실제로 제공해야합니다 해당되지 않는 목적지에 대한 액세스 하단 네비게이션 탐색 서랍과 같은 것을 사용할 수 있습니다

두 번째로 당신이 당신의 목적지 인 경우에 그것을 사용할 수 있습니다 직접 접근해야한다 원하는 것을 탭하면 뷰에 직접 액세스하려는 경우 이 경우 아래쪽 탐색을 사용할 수 있습니다 그래서 더 많은 지침을 원한다면 하단 네비게이션 사용시기 materialio 웹 사이트로 이동 거기에서 문서를 찾을 수 있습니다

우리가 방금 소개 한 하단 네비게이션 그러나 아래쪽 네비게이션은 무엇입니까? 이제 이것이 우리가 이야기 할 내용입니다 실제로 우리가 재현 할 수있게 해주는 도서관입니다 하단 탐색에 대해 정의 된 이러한 특정 지침 이 중 두 명은 준비가되어 있었다 그래서 아래쪽 네비게이션은이 라이브러리를 구현합니다 그 특별한 행동들 이 특정 웹 사이트 내에서 정의 된 가이드 라인 그래서 그것은 기본적으로 우리가 하단을 재현하는 하단 탐색 기능을 재현 도서관 자체는 실제로 무료 및 오픈 소스 github에서 구할 수있다

이제 해치 하단 탐색의 일부 기능을 살펴 보겠습니다 왜 우리는 그것을 사용하고 있습니까? 그것을 완벽하게 구현한다 에 대해 정의 된 중요한 가이드 라인 아래쪽 탐색 그래서 기본적으로 아래쪽 탐색을 사용하여이 특정 지침을 사용하게 될 것입니다 둘째로 3시에서 5 시까 지 아래쪽 탐색 항목 제목이있는 색상 및 아이콘 아 하단 탐색 항목은 사용자 정의 할 수 있습니다 스타일 또한 선택할 수 있습니다 클래식 또는 컬러로 사용할 수 있습니다

클래식 또는 컬러 스타일을 선택할 수 있습니다 onTabSelection 이벤트도들을 수 있습니다 아주 쉬운 방법으로 그래서 탭에 액세스하기 위해 탭 선택 이벤트를 듣습니다 탐색 항목 AHBottom 탐색 기능은 아이콘 글꼴 색상도 지원합니다 또한 개별적으로 통지를 관리 할 수 ​​있습니다

하단 탐색 항목 용 하단 탐색 항목에 공지 사항을 표시 할 수 있습니다 마지막 하나는 AHBottomNavigation을 통해 참여자의 상태를 활성화 또는 비활성화합니다 하단 탐색 항목 AHBottomNavigation은 어떻게 설치되어 있습니까? 하단 탐색 설치를 살펴 보겠습니다 먼저 gradle을 통해 프로젝트를 설치합니다

우리가해야 할 일은 build to build gradle file이다 그리고 나서 우리는 다음과 같은 구현을위한 구현 문을 추가한다 당신은 최신 버전을 자유롭게 사용할 수 있습니다 XML 레이아웃을 프로젝트에 추가하는 방법을 알아야합니다

이것은 선택한 프로젝트 템퍼 레이트에 따라 달라질 것입니다 첫 번째 상황은 빈 활동을 사용할 때입니다 빈 활동은 활동입니다 appbar 레이아웃이나 툴바가 없습니다 비어 있고 레이아웃이 하나뿐입니다

일반적으로 activity_mainxml 레이아웃이 있습니다 그래서 그게 당신이 한 짓이라면 그럼 당신이해야 할 일은 바로 여기에 가서 우리의 ahbottomnavigation 레이아웃 ID를 지정했는지 확인하십시오 기본 활동을 사용하는 경우 기본 활동에 일반적으로 두 가지 레이아웃 : activity_mainxml과 content_main

xml 따라서 activity_mainxml로 이동해야합니다 너는있을거야 레이아웃의 루트에서 cordinatorLayout cordinatorLayout의 하단, appbarlayout 아래 ahbottomnavigationlayout을 추가하십시오 그것이 우리의 xml에 ahbottomnavigation을 추가하는 방법입니다

이제 자바에서 어떻게 작동하는지 살펴 보겠습니다 우리는 ahbottomnavigationitems를 만드는 방법을 보는 것으로 시작하겠습니다 물론 이것은 당신이 한 활동 내에서 할 것입니다 또는 활동 첫 번째 단계는 AHBottom 탐색 FindViewById를 사용하여 참조합니다 그러면 AHNavigationItem을 만들 수 있습니다

그런 다음 해당 항목을 AHBottom 탐색에 추가 할 수 있습니다 우리는 우리의 ahbottomnavigationitems에 대한 TabSelection 이벤트를들을 수 있습니다 전체 예제를 보자 이것이 우리가 건설 할 것입니다 AHBOttomNavigationItems가 있음을 알 수 있습니다

항목을 선택하면 텍스트보기가 변경되는 것을 볼 수 있습니다 색상이 변함에 유의하십시오 우리의 AHBottomNavigationItem에는 텍스트와 아이콘 모두 먼저 프로젝트를 만듭니다 Java는 우리의 언어입니다

그런 다음 최소 sdk를 선택합니다 안드로이드 40 IceCreamSandwich를 우리의 지원할 최소 버전 그런 다음 템플릿에서 빈 활동을 선택했습니다 그런 다음 마침을 클릭하여 프로젝트를 생성하십시오

우리의 프로젝트 구조를 관찰 해 봅시다 먼저 AndroidManifestxml을 사용합니다 여기서 Android 애플리케이션 및 활동 구성 요소로 등록됩니다 그런 다음 우리가 사용할 드로어 블을 추가 할 것입니다

계획 이 PNG 이미지를 하단 탐색으로 사용할 것입니다 항목 '아이콘 각 탐색 탭에는 제목과 아이콘이 있습니다 그런 다음 앱 수준 build

gradle로 이동합니다 여기서는 minSDKVersion을 14로 지정합니다 그런 다음 구현 문을 갖습니다 우리는`comaurelherbert : ahbottomnavigation : version`을 추가합니다

구현 문은 의존성 섹션 한 번 다운로드하여 인터넷에 연결해야합니다 계획 그 후에는 다음과 같이 재사용 할 수 있습니다 android studio에서 캐시합니다

그런 다음 activity_mainxml 레이아웃으로 이동합니다 우리는 우리가 될 TextView를 갖게 될 것입니다 상표 우리는 우리의`com

aurelherbertahbottomnavigationAHBottomNavig ation`을 추가 할 것입니다 태그 아래에 있습니다 부모의 맨 아래에 정렬합니다

alignParentBottom을 true로 설정합니다 이제 빈 MainActivityjava 파일로 넘어갑니다 먼저 패키지를 지정합니다 자바 클래스에서 얻을 않습니다 패키지로 구성됩니다

그런 다음 MainActivity라는 클래스 이름을 지정합니다 우리는 수입 명세서를 추가 할 것입니다 그런 다음 MainActivity를 androidappActivity에서 파생시킵니다

인스턴스 필드로 AHBottomNavigation 유형의 bottomNavigation 변수를 추가합니다 그런 다음 TextView 유형의 headerTxt 그런 다음 뷰를 초기화하는 메소드를 생성합니다 initializeViews ()를 호출합니다 그 안에 우리는 findViewById 메소드를 사용하여 레이아웃에서 bottomNavigation을 참조합니다

id가 activity_mainxml에 정의되어 있음을 볼 수 있습니다 그런 다음 headerTxt도 참조하십시오 그런 다음 AHBottomNavigationItems를 만드는 메서드를 만듭니다 첫 번째 AHBottomNavigation 항목을 만듭니다

기본적으로 이러한 항목은 아래쪽 탐색에서 렌더링 될 탭 바 먼저 제목을 지정합니다 제목은 values ​​디렉토리의 stringsxml에 정의되어 있습니다 그런 다음 드로어 블 이미지를 지정합니다

이미지는 drawable 디렉토리 안에 있습니다 마지막으로 색상이 있습니다 색상은 values ​​디렉토리의 colorsxml에 지정됩니다 여기에 그 색깔이 있습니다

그런 다음 두 번째 AHBottomNavigationItem을 만듭니다 우리는 여전히 제목, 아이콘 및 색상을 지정합니다 그런 다음 세 번째 AHBottomNavigationItem도 있습니다 다음으로 네비게이션 아이템을 하단에 추가합니다 네비게이션 그런 다음 우리는 기본을 정했습니다

우리 바닥의 배경색 다음으로 우리는 악센트 색깔을 바꾼다 비활성 색상뿐 아니라 그런 다음 제목을 관리하고 아래쪽 탐색에 표시되는 방법을 바 나는 AHBottomNavigationTitleStateALWAYS_SHOW를 선택할 것입니다

그런 다음 setColored 메소드를 사용하여 아래쪽 네비게이션을 컬러로 설정합니다 그런 다음 프로그래밍 방식으로 현재 항목을 설정합니다 우리는 우리가 선택한 탭 선택 이벤트를 듣습니다 AHBottomNavigation onTabSelected 이벤트를 재정의합니다

우리는 그것이 부울로 선택 되었다면 탭 위치를받습니다 스위치 문을 사용하여 위치를 전환합니다 위치 0 인 경우 행성을 보여줍니다 위치 1이면 별이 표시되고 위치 2이면 은색이 표시됩니다 우리 그런 다음 onCreate 메서드를 재정의합니다

먼저 initializeViews () 메서드를 호출합니다 그런 다음 createNavigationItems () 메서드를 호출합니다 프로젝트를 실행하는 것입니다 항목을 선택하면 TextView에 항목이 표시됩니다 선택한 탭에 따라 색상이 변경됩니다

각 탐색 항목에는 아이콘과 제목이 있습니다 그리고 그게 다야 비디오를 좋아하고 구독하십시오 더 많은 것을 위해 우리 채널에