การใช้ไลบลารี AHBottomNavigation

build.gradle(Module: app)

apply plugin: 'com.android.application'

android {
    compileSdkVersion 26
    defaultConfig {
        applicationId "com.phaisarn.myapplication"
        minSdkVersion 21
        targetSdkVersion 26
        versionCode 1
        versionName "1.0"
        testInstrumentationRunner "android.support.test.runner.AndroidJUnitRunner"
    }
    buildTypes {
        release {
            minifyEnabled false
            proguardFiles getDefaultProguardFile('proguard-android.txt'), 'proguard-rules.pro'
        }
    }
}

dependencies {
    implementation fileTree(dir: 'libs', include: ['*.jar'])
    implementation 'com.android.support:appcompat-v7:26.1.0'
    implementation 'com.android.support.constraint:constraint-layout:1.1.3'
    implementation 'com.android.support:design:26.1.0'
    implementation 'com.aurelhubert:ahbottomnavigation:2.0.6'
    testImplementation 'junit:junit:4.12'
    androidTestImplementation 'com.android.support.test:runner:1.0.2'
    androidTestImplementation 'com.android.support.test.espresso:espresso-core:3.0.2'
}

apply plugin: 'com.android.application'

android {

compileSdkVersion 26

defaultConfig {

applicationId "com.phaisarn.myapplication"

minSdkVersion 21

targetSdkVersion 26

versionCode 1

versionName "1.0"

testInstrumentationRunner "android.support.test.runner.AndroidJUnitRunner"

}

buildTypes {

release {

minifyEnabled false

proguardFiles getDefaultProguardFile('proguard-android.txt'), 'proguard-rules.pro'

}

dependencies {

implementation fileTree(dir: 'libs', include: ['*.jar'])

implementation 'com.android.support:appcompat-v7:26.1.0'

implementation 'com.android.support.constraint:constraint-layout:1.1.3'

implementation 'com.android.support:design:26.1.0'

implementation 'com.aurelhubert:ahbottomnavigation:2.0.6'

testImplementation 'junit:junit:4.12'

androidTestImplementation 'com.android.support.test:runner:1.0.2'

androidTestImplementation 'com.android.support.test.espresso:espresso-core:3.0.2'

}

activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<android.support.design.widget.CoordinatorLayout 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.support.design.widget.AppBarLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:theme="@style/AppTheme.AppBarOverlay">

        <android.support.v7.widget.Toolbar
            android:id="@+id/toolbar"
            android:layout_width="match_parent"
            android:layout_height="?attr/actionBarSize"
            android:background="?attr/colorPrimary"
            app:popupTheme="@style/AppTheme.PopupOverlay" />

    </android.support.design.widget.AppBarLayout>

    <include layout="@layout/content_main" />

    <android.support.design.widget.FloatingActionButton
        android:id="@+id/fab"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="bottom|end"
        android:layout_margin="@dimen/fab_margin"
        app:srcCompat="@android:drawable/ic_dialog_email" />

    <com.aurelhubert.ahbottomnavigation.AHBottomNavigation
        android:id="@+id/bottom_navigation"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_gravity="bottom" />

</android.support.design.widget.CoordinatorLayout>

<?xml version="1.0" encoding="utf-8"?>

<android.support.design.widget.CoordinatorLayout 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.support.design.widget.AppBarLayout

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:theme="@style/AppTheme.AppBarOverlay">

<android.support.v7.widget.Toolbar

android:id="@+id/toolbar"

android:layout_width="match_parent"

android:layout_height="?attr/actionBarSize"

android:background="?attr/colorPrimary"

app:popupTheme="@style/AppTheme.PopupOverlay" />

</android.support.design.widget.AppBarLayout>

<android.support.design.widget.FloatingActionButton

android:id="@+id/fab"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:layout_gravity="bottom|end"

android:layout_margin="@dimen/fab_margin"

app:srcCompat="@android:drawable/ic_dialog_email" />

<com.aurelhubert.ahbottomnavigation.AHBottomNavigation

android:id="@+id/bottom_navigation"

android:layout_width="match_parent"

android:layout_height="wrap_content"

android:layout_gravity="bottom" />

</android.support.design.widget.CoordinatorLayout>

content_main.xml

<?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"
    app:layout_behavior="@string/appbar_scrolling_view_behavior"
    tools:context=".MainActivity"
    tools:showIn="@layout/activity_main">

</LinearLayout>

<?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"

app:layout_behavior="@string/appbar_scrolling_view_behavior"

tools:context=".MainActivity"

tools:showIn="@layout/activity_main">

</LinearLayout>

MainActivity.java

package com.phaisarn.myapplication;

import android.os.Bundle;
import android.support.design.widget.FloatingActionButton;
import android.support.design.widget.Snackbar;
import android.support.v7.app.AppCompatActivity;
import android.support.v7.widget.Toolbar;
import android.view.View;
import android.view.Menu;
import android.view.MenuItem;
import android.graphics.Color;

import com.aurelhubert.ahbottomnavigation.AHBottomNavigation;
import com.aurelhubert.ahbottomnavigation.AHBottomNavigationItem;

public class MainActivity extends AppCompatActivity {
    private AHBottomNavigation mBottomNav;

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

        FloatingActionButton fab = (FloatingActionButton) findViewById(R.id.fab);
        fab.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View view) {
                Snackbar.make(view, "Replace with your own action", Snackbar.LENGTH_LONG)
                        .setAction("Action", null).show();
            }
        });
        fab.hide();

        setBottomNavigation();
    }

    private void setBottomNavigation() {
        mBottomNav = (AHBottomNavigation) findViewById(R.id.bottom_navigation);

        //สร้างแต่ละปุ่ม โดยกำหนดข้อความบนปุ่มและภาพไอคอน แล้วเพิ่มให้กับ Bottom Navigation
        AHBottomNavigationItem item;

        item = new AHBottomNavigationItem("Home", R.drawable.ic_home);
        mBottomNav.addItem(item);

        item = new AHBottomNavigationItem("Search", R.drawable.ic_search);
        mBottomNav.addItem(item);

        item = new AHBottomNavigationItem("Alert", R.drawable.ic_alert);
        mBottomNav.addItem(item);

        //กำหนดสีพื้นหลังของ Bottom Navigation
        mBottomNav.setDefaultBackgroundColor(Color.BLUE);

        //กำหนดสีสำหรับปุ่มที่อยู่ในสถานะถูกคลิก (active)
        mBottomNav.setAccentColor(Color.GREEN);

        //กำหนดสีสำหรับปุ่มที่อยู่ในสถานะปกติ (inactive)
        mBottomNav.setInactiveColor(Color.WHITE);

        //bottomNavigation.setBehaviorTranslationEnabled(false);   //scrolling behavior => true

        //กำหนดให้ปุ่มในลำดับใดถูกเลือก
        mBottomNav.setCurrentItem(0);

        //กรณีที่ต้องการแสดงตัวเลขจำนวนการแจ้งเตือนบนปุ่มใด
        mBottomNav.setNotification("4", 2);   //"4" คือจำนวนแจ้งเตือน, 2 คือลำดับปุ่ม

        //หรืออีกวิธี
            /*
            AHNotification notification = new AHNotification.Builder()
                  .setText("4")
                  .setBackgroundColor(Color.BLACK)
                  .setTextColor(Color.WHITE)
                  .build();
                  mBottomNav.setNotification(notification, 2);
            */

        //กำหนดการกระทำเมื่อคลิกที่แต่ละปุ่ม
        mBottomNav.setOnTabSelectedListener(new AHBottomNavigation.OnTabSelectedListener() {
            @Override
            public boolean onTabSelected(int position, boolean wasSelected) {
                //Do something cool here...
                return true;
            }
        });
    }

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        // Inflate the menu; this adds items to the action bar if it is present.
        getMenuInflater().inflate(R.menu.menu_main, menu);
        return true;
    }

    @Override
    public boolean onOptionsItemSelected(MenuItem item) {
        // Handle action bar item clicks here. The action bar will
        // automatically handle clicks on the Home/Up button, so long
        // as you specify a parent activity in AndroidManifest.xml.
        int id = item.getItemId();

        //noinspection SimplifiableIfStatement
        if (id == R.id.action_settings) {
            return true;
        }

        return super.onOptionsItemSelected(item);
    }
}

100

101

102

103

104

105

106

107

108

109

110

111

112

package com.phaisarn.myapplication;

import android.os.Bundle;

import android.support.design.widget.FloatingActionButton;

import android.support.design.widget.Snackbar;

import android.support.v7.app.AppCompatActivity;

import android.support.v7.widget.Toolbar;

import android.view.View;

import android.view.Menu;

import android.view.MenuItem;

import android.graphics.Color;

import com.aurelhubert.ahbottomnavigation.AHBottomNavigation;

import com.aurelhubert.ahbottomnavigation.AHBottomNavigationItem;

public class MainActivity extends AppCompatActivity {

private AHBottomNavigation mBottomNav;

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);

setSupportActionBar(toolbar);

FloatingActionButton fab = (FloatingActionButton) findViewById(R.id.fab);

fab.setOnClickListener(new View.OnClickListener() {

@Override

public void onClick(View view) {

Snackbar.make(view, "Replace with your own action", Snackbar.LENGTH_LONG)

.setAction("Action", null).show();

}

});

fab.hide();

setBottomNavigation();

}

private void setBottomNavigation() {

mBottomNav = (AHBottomNavigation) findViewById(R.id.bottom_navigation);

//สร้างแต่ละปุ่ม โดยกำหนดข้อความบนปุ่มและภาพไอคอน แล้วเพิ่มให้กับ Bottom Navigation

AHBottomNavigationItem item;

item = new AHBottomNavigationItem("Home", R.drawable.ic_home);

mBottomNav.addItem(item);

item = new AHBottomNavigationItem("Search", R.drawable.ic_search);

mBottomNav.addItem(item);

item = new AHBottomNavigationItem("Alert", R.drawable.ic_alert);

mBottomNav.addItem(item);

//กำหนดสีพื้นหลังของ Bottom Navigation

mBottomNav.setDefaultBackgroundColor(Color.BLUE);

//กำหนดสีสำหรับปุ่มที่อยู่ในสถานะถูกคลิก (active)

mBottomNav.setAccentColor(Color.GREEN);

//กำหนดสีสำหรับปุ่มที่อยู่ในสถานะปกติ (inactive)

mBottomNav.setInactiveColor(Color.WHITE);

//bottomNavigation.setBehaviorTranslationEnabled(false); //scrolling behavior => true

//กำหนดให้ปุ่มในลำดับใดถูกเลือก

mBottomNav.setCurrentItem(0);

//กรณีที่ต้องการแสดงตัวเลขจำนวนการแจ้งเตือนบนปุ่มใด

mBottomNav.setNotification("4", 2); //"4" คือจำนวนแจ้งเตือน, 2 คือลำดับปุ่ม

//หรืออีกวิธี

AHNotification notification = new AHNotification.Builder()

.setText("4")

.setBackgroundColor(Color.BLACK)

.setTextColor(Color.WHITE)

.build();

mBottomNav.setNotification(notification, 2);

//กำหนดการกระทำเมื่อคลิกที่แต่ละปุ่ม

mBottomNav.setOnTabSelectedListener(new AHBottomNavigation.OnTabSelectedListener() {

@Override

public boolean onTabSelected(int position, boolean wasSelected) {

//Do something cool here...

return true;

}

});

}

@Override

public boolean onCreateOptionsMenu(Menu menu) {

// Inflate the menu; this adds items to the action bar if it is present.

getMenuInflater().inflate(R.menu.menu_main, menu);

return true;

}

@Override

public boolean onOptionsItemSelected(MenuItem item) {

// Handle action bar item clicks here. The action bar will

// automatically handle clicks on the Home/Up button, so long

// as you specify a parent activity in AndroidManifest.xml.

int id = item.getItemId();

//noinspection SimplifiableIfStatement

if (id == R.id.action_settings) {

return true;

}

return super.onOptionsItemSelected(item);

}

รูปที่ใช้

Phaisarn Sutheebanjard

blog.phaisarn.com

การใช้ไลบลารี AHBottomNavigation