Android BottomNavigation Bar 아래쪽 내 비게 이 션 컨트롤 러 사용 방법 상세 설명

최근 구 글 은 자체 출시 한 머 티 리 얼 디자인 에 보 텀 네 비게 이 션 내 비게 이 션 컨트롤 을 추가 했다.Android 는 공식 적 인 네 비게 이 션 컨트롤 러 가 없 었 습 니 다.자신 이 실현 하 는 것 은 다양 합 니 다.이 규정 이 있 으 면 애플 의 밑부분 Toolbar 와 비슷 합 니 다.앞으로 우리 의 앱 은 일치 하 는 스타일 이 될 것 입 니 다.먼저 효 과 를 보 겠 습 니 다.

이것 은 공식 적 으로 Material design 에서 그림 을 제시 한 것 으로 정말 좋다.
1.BottomNavigation Bar 의 다운로드 주소
https://github.com/Ashok-Varma/BottomNavigation
2.사용 방법
2.1 Gradle 에 추가
compile ‘com.ashokvarma.android:bottom-navigation-bar:0.9.5'
2.2 포석 실현

 <com.ashokvarma.bottomnavigation.BottomNavigationBar
 android:layout_gravity="bottom"
 android:id="@+id/bottom_navigation_bar"
 android:layout_width="match_parent"
 android:layout_height="wrap_content"/>

2.3 클래스 에 Activity 에 BottomNavigation Item 추가

BottomNavigationBar bottomNavigationBar = (BottomNavigationBar) findViewById(R.id.bottom_navigation_bar);

bottomNavigationBar
 .addItem(new BottomNavigationItem(R.drawable.ic_home_white_24dp, "Home"))
 .addItem(new BottomNavigationItem(R.drawable.ic_book_white_24dp, "Books"))
 .addItem(new BottomNavigationItem(R.drawable.ic_music_note_white_24dp, "Music"))
 .addItem(new BottomNavigationItem(R.drawable.ic_tv_white_24dp, "Movies & TV"))
 .addItem(new BottomNavigationItem(R.drawable.ic_videogame_asset_white_24dp, "Games"))
 .initialise();

2.4 이벤트 모니터 설정 TabChangeListener

 bottomNavigationBar.setTabSelectedListener(new BottomNavigationBar.OnTabSelectedListener(){
 @Override
 public void onTabSelected(int position) {
 }
 @Override
 public void onTabUnselected(int position) {]
 }
 @Override
 public void onTabReselected(int position) {
 }
 });
3.사례 의 실현
레이아웃 파일

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout 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"
 app:layout_behavior="@string/appbar_scrolling_view_behavior"
 tools:showIn="@layout/activity_navigation_view_demo"
 tools:context="com.lidong.demo.navigation_view.BottomNavigationBarDemoActivity">

 <LinearLayout
 android:id="@+id/tb"
 android:layout_width="match_parent"
 android:layout_height="match_parent"
 android:orientation="vertical" />
 <com.ashokvarma.bottomnavigation.BottomNavigationBar
 android:id="@+id/bottom_navigation_bar"
 android:layout_width="match_parent"
 android:layout_alignParentBottom="true"
 android:layout_height="wrap_content"/>
</RelativeLayout>
Activity 코드:

package com.lidong.demo.navigation_view;

import android.app.FragmentManager;
import android.app.FragmentTransaction;
import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.support.v7.widget.Toolbar;
import android.util.Log;

import com.ashokvarma.bottomnavigation.BottomNavigationBar;
import com.ashokvarma.bottomnavigation.BottomNavigationItem;
import com.lidong.demo.R;

/**
 * BottomNavigationBar  
 */
public class BottomNavigationBarDemoActivity extends AppCompatActivity implements BottomNavigationBar.OnTabSelectedListener {

 private BottomNavigationBar bottomNavigationBar;
 int lastSelectedPosition = 0;
 private String TAG = BottomNavigationBarDemoActivity.class.getSimpleName();
 private LocationFragment mLocationFragment;
 private FindFragment mFindFragment;
 private FavoritesFragment mFavoritesFragment;
 private BookFragment mBookFragment;

 @Override
 protected void onCreate(Bundle savedInstanceState) {
 super.onCreate(savedInstanceState);
 setContentView(R.layout.activity_navigation_view_demo);
 Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
 setSupportActionBar(toolbar);
 bottomNavigationBar = (BottomNavigationBar) findViewById(R.id.bottom_navigation_bar);

 bottomNavigationBar
 .addItem(new BottomNavigationItem(R.mipmap.ic_location_on_white_24dp, "  ").setActiveColor(R.color.orange))
 .addItem(new BottomNavigationItem(R.mipmap.ic_find_replace_white_24dp, "  ").setActiveColor(R.color.blue))
 .addItem(new BottomNavigationItem(R.mipmap.ic_favorite_white_24dp, "  ").setActiveColor(R.color.green))
 .addItem(new BottomNavigationItem(R.mipmap.ic_book_white_24dp, "  ").setActiveColor(R.color.blue))
 .setFirstSelectedPosition(lastSelectedPosition )
 .initialise();

 bottomNavigationBar.setTabSelectedListener(this);
 setDefaultFragment();
 }

 /**
 *      
 */
 private void setDefaultFragment() {
 FragmentManager fm = getFragmentManager();
 FragmentTransaction transaction = fm.beginTransaction();
 mLocationFragment = LocationFragment.newInstance("  ");
 transaction.replace(R.id.tabs, mLocationFragment);
 transaction.commit();
 }

 @Override
 public void onTabSelected(int position) {
 Log.d(TAG, "onTabSelected() called with: " + "position = [" + position + "]");
 FragmentManager fm = this.getFragmentManager();
 //    
 FragmentTransaction transaction = fm.beginTransaction();
 switch (position) {
 case 0:
 if (mLocationFragment == null) {
  mLocationFragment = LocationFragment.newInstance("  ");
 }
 transaction.replace(R.id.tb, mLocationFragment);
 break;
 case 1:
 if (mFindFragment == null) {
  mFindFragment = FindFragment.newInstance("  ");
 }
 transaction.replace(R.id.tb, mFindFragment);
 break;
 case 2:
 if (mFavoritesFragment == null) {
  mFavoritesFragment = FavoritesFragment.newInstance("  ");
 }
 transaction.replace(R.id.tb, mFavoritesFragment);
 break;
 case 3:
 if (mBookFragment == null) {
  mBookFragment = BookFragment.newInstance("  ");
 }
 transaction.replace(R.id.tb, mBookFragment);
 break;
 default:
 break;
 }
 //     
 transaction.commit();
 }

 @Override
 public void onTabUnselected(int position) {
 Log.d(TAG, "onTabUnselected() called with: " + "position = [" + position + "]");
 }

 @Override
 public void onTabReselected(int position) {

 }
}
fragment 코드

package com.lidong.demo.navigation_view;

import android.app.Fragment;
import android.os.Bundle;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.TextView;

import com.lidong.demo.R;

public class LocationFragment extends Fragment {


 public static LocationFragment newInstance(String param1) {
 LocationFragment fragment = new LocationFragment();
 Bundle args = new Bundle();
 args.putString("agrs1", param1);
 fragment.setArguments(args);
 return fragment;
 }

 public LocationFragment() {

 }

 @Override
 public void onCreate(Bundle savedInstanceState) {
 super.onCreate(savedInstanceState);
 }

 @Override
 public View onCreateView(LayoutInflater inflater, ViewGroup container,
  Bundle savedInstanceState) {
 View view = inflater.inflate(R.layout.fragment_location, container, false);
 Bundle bundle = getArguments();
 String agrs1 = bundle.getString("agrs1");
 TextView tv = (TextView)view.findViewById(R.id.tv_location);
 tv.setText(agrs1);
 return view;
 }



}
코드 다운로드:https://github.com/lidong1665/AndroidRapidLibrary
코드 구현 이 간단 합 니 다.레이아웃 을 불 러 오고 BottomNavigation Item 을 추가 합 니 다.TabChangeListener 를 설정 하면 이 세 단계 로 아래쪽 네 비게 이 션 컨트롤 러 를 해결 합 니 다.

이상 은 BottomNavigation Bar 밑부분 네 비게 이 션 컨트롤 러 에 관 한 것 이 므 로 여러분 의 학습 에 도움 이 되 기 를 바 랍 니 다.

좋은 웹페이지 즐겨찾기