Light
Download MaterialX 2.8
Get the Full Android Source Code for all the listed Layouts and more.
Buy Now for $25Layout Screenshot

package com.material.components.activity.bottomnavigation;
import androidx.annotation.NonNull;
import com.google.android.material.bottomnavigation.BottomNavigationView;
import androidx.core.widget.NestedScrollView;
import androidx.appcompat.app.AppCompatActivity;
import android.os.Bundle;
import android.view.MenuItem;
import android.view.View;
import android.widget.ImageButton;
import android.widget.ImageView;
import android.widget.TextView;
import com.material.components.R;
import com.material.components.utils.Tools;
public class BottomNavigationLight extends AppCompatActivity {
private TextView mTextMessage;
private BottomNavigationView navigation;
private View search_bar;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_bottom_navigation_light);
initComponent();
}
private void initComponent() {
search_bar = (View) findViewById(R.id.search_bar);
mTextMessage = (TextView) findViewById(R.id.search_text);
navigation = (BottomNavigationView) findViewById(R.id.navigation);
navigation.setOnNavigationItemSelectedListener(new BottomNavigationView.OnNavigationItemSelectedListener() {
@Override
public boolean onNavigationItemSelected(@NonNull MenuItem item) {
switch (item.getItemId()) {
case R.id.navigation_recent:
mTextMessage.setText(item.getTitle());
return true;
case R.id.navigation_favorites:
mTextMessage.setText(item.getTitle());
return true;
case R.id.navigation_nearby:
mTextMessage.setText(item.getTitle());
return true;
}
return false;
}
});
NestedScrollView nested_content = (NestedScrollView) findViewById(R.id.nested_scroll_view);
nested_content.setOnScrollChangeListener(new NestedScrollView.OnScrollChangeListener() {
@Override
public void onScrollChange(NestedScrollView v, int scrollX, int scrollY, int oldScrollX, int oldScrollY) {
if (scrollY < oldScrollY) { // up
animateNavigation(false);
animateSearchBar(false);
}
if (scrollY > oldScrollY) { // down
animateNavigation(true);
animateSearchBar(true);
}
}
});
// display image
Tools.displayImageOriginal(this, (ImageView) findViewById(R.id.image_1), R.drawable.image_8);
Tools.displayImageOriginal(this, (ImageView) findViewById(R.id.image_2), R.drawable.image_9);
Tools.displayImageOriginal(this, (ImageView) findViewById(R.id.image_3), R.drawable.image_15);
Tools.displayImageOriginal(this, (ImageView) findViewById(R.id.image_4), R.drawable.image_14);
Tools.displayImageOriginal(this, (ImageView) findViewById(R.id.image_5), R.drawable.image_12);
Tools.displayImageOriginal(this, (ImageView) findViewById(R.id.image_6), R.drawable.image_2);
Tools.displayImageOriginal(this, (ImageView) findViewById(R.id.image_7), R.drawable.image_5);
((ImageButton) findViewById(R.id.bt_menu)).setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
finish();
}
});
Tools.setSystemBarColor(this, R.color.grey_5);
Tools.setSystemBarLight(this);
}
boolean isNavigationHide = false;
private void animateNavigation(final boolean hide) {
if (isNavigationHide && hide || !isNavigationHide && !hide) return;
isNavigationHide = hide;
int moveY = hide ? (2 * navigation.getHeight()) : 0;
navigation.animate().translationY(moveY).setStartDelay(100).setDuration(300).start();
}
boolean isSearchBarHide = false;
private void animateSearchBar(final boolean hide) {
if (isSearchBarHide && hide || !isSearchBarHide && !hide) return;
isSearchBarHide = hide;
int moveY = hide ? -(2 * search_bar.getHeight()) : 0;
search_bar.animate().translationY(moveY).setStartDelay(100).setDuration(300).start();
}
}