Cara Membuat Buttom Navigasi di Android Studio

Pertama buat project dengan nama ActivitMain.

 hasil nya akan seperti ini




1.Activity_main.xml

<?xml version="1.0" encoding="utf-8"?><android.support.constraint.ConstraintLayout 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">

    <FrameLayout        android:id="@+id/container"        android:layout_width="match_parent"        android:layout_height="0dp"        app:layout_constraintBottom_toTopOf="@+id/bottom_navigation_view"        app:layout_constraintEnd_toEndOf="parent"        app:layout_constraintStart_toStartOf="parent"        app:layout_constraintTop_toTopOf="parent" />

    <android.support.design.widget.BottomNavigationView        android:id="@+id/bottom_navigation_view"        android:layout_width="match_parent"        android:layout_height="wrap_content"        app:layout_constraintBottom_toBottomOf="parent"        app:layout_constraintEnd_toEndOf="parent"        app:layout_constraintStart_toStartOf="parent"        app:menu="@menu/bottom_navigation_menu"        />

</android.support.constraint.ConstraintLayout>
 
2.Klik Kanan Pada RES ,pilih Android Resource File, Beri Nama ANIM.
  Kemudian Klik kanan beri nama Fade in.xml
  
  Fade_in.xml.
 
<?xml version="1.0" encoding="utf-8"?><set xmlns:android="http://schemas.android.com/apk/res/android">

    <alpha android:fromAlpha="0"        android:toAlpha="1"        android:duration="300"        android:interpolator="@android:anim/accelerate_interpolator"/>

</set>
 
Fade_Out.xml
 
<?xml version="1.0" encoding="utf-8"?><set xmlns:android="http://schemas.android.com/apk/res/android">

    <alpha android:fromAlpha="1"        android:toAlpha="0"        android:duration="300"        android:interpolator="@android:anim/accelerate_interpolator"/>
</set> 
 
 


2. MainActivit.java
 
 
package com.example.abc.cobabottom;


import android.graphics.Camera;
import android.support.annotation.NonNull;
import android.support.design.widget.BottomNavigationView;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.util.Log;
import android.view.MenuItem;

public class MainActivity extends AppCompatActivity implements BottomNavigationView.OnNavigationItemSelectedListener {

    BottomNavigationView bottomNavigationView;



    @Override    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        getSupportActionBar().hide();

        bottomNavigationView = findViewById(R.id.bottom_navigation_view);
        bottomNavigationView.setOnNavigationItemSelectedListener(this);
        bottomNavigationView.setSelectedItemId(R.id.home);

    }

    Home fragment_home = new Home();
    Profil fragment_profil = new Profil();
    Notif fragment_notif = new Notif();
    Pesan fragment_pesan = new Pesan();



    public boolean onNavigationItemSelected(@NonNull MenuItem item) {

        switch (item.getItemId()) {
            case R.id.home:
                getSupportFragmentManager().beginTransaction().setCustomAnimations(R.anim.fade_in, R.anim.fade_out).replace(R.id.container, fragment_home).commit();
                return true;

            case R.id.profil:
                getSupportFragmentManager().beginTransaction().setCustomAnimations(R.anim.fade_in, R.anim.fade_out).replace(R.id.container, fragment_profil).commit();
                return true;

            case R.id.notif:
                getSupportFragmentManager().beginTransaction().setCustomAnimations(R.anim.fade_in, R.anim.fade_out).replace(R.id.container, fragment_notif).commit();
                return true;

            case R.id.pesan:
                getSupportFragmentManager().beginTransaction().setCustomAnimations(R.anim.fade_in, R.anim.fade_out).replace(R.id.container, fragment_pesan).commit();
                return true;



        }

        return false;
    }
}



3.ManiFest

<?xml version="1.0" encoding="utf-8"?><manifest xmlns:android="http://schemas.android.com/apk/res/android"    package="com.example.abc.cobabottom">

    <application        android:allowBackup="true"        android:icon="@mipmap/ic_launcher"        android:label="@string/app_name"        android:roundIcon="@mipmap/ic_launcher_round"        android:supportsRtl="true"        android:theme="@style/AppTheme">
        <activity android:name=".MainActivity">
            <intent-filter>
                <action android:name="android.intent.action.MAIN" />

                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
        </activity>
        <activity android:name=".Lemari"></activity>
    </application>

</manifest>

Post a Comment

silahkan anda tinggalkan komentar jika blog ini membantu anda

Previous Post Next Post