Drawer Bottom Card
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.menu;
import android.graphics.Color;
import android.os.Bundle;
import android.os.Handler;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
import android.widget.FrameLayout;
import android.widget.Toast;
import androidx.annotation.NonNull;
import androidx.appcompat.app.AppCompatActivity;
import androidx.cardview.widget.CardView;
import androidx.recyclerview.widget.LinearLayoutManager;
import androidx.recyclerview.widget.RecyclerView;
import com.google.android.material.bottomappbar.BottomAppBar;
import com.google.android.material.bottomsheet.BottomSheetBehavior;
import com.google.android.material.math.MathUtils;
import com.google.android.material.navigation.NavigationView;
import com.material.components.R;
import com.material.components.adapter.AdapterListSectioned;
import com.material.components.data.DataGenerator;
import com.material.components.model.People;
import com.material.components.utils.Tools;
import java.util.List;
public class MenuDrawerBottomCard extends AppCompatActivity {
private BottomSheetBehavior bottomSheetBehavior;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_menu_drawer_bottom_card);
initComponent();
Tools.setSystemBarColor(this, R.color.grey_5);
Tools.setSystemBarLight(this);
}
private void initComponent() {
FrameLayout scrim = findViewById(R.id.scrim);
BottomAppBar bottomAppBar = findViewById(R.id.bottomAppBar);
setSupportActionBar(bottomAppBar);
NavigationView navigationView = findViewById(R.id.navigationView);
FrameLayout sheet = findViewById(R.id.sheet);
bottomAppBar.setTitle("Inbox");
bottomSheetBehavior = BottomSheetBehavior.from(sheet);
bottomSheetBehavior.setState(BottomSheetBehavior.STATE_HIDDEN);
bottomAppBar.setNavigationOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
if (bottomSheetBehavior.getState() == BottomSheetBehavior.STATE_EXPANDED) {
bottomSheetBehavior.setState(BottomSheetBehavior.STATE_HIDDEN);
} else {
bottomSheetBehavior.setState(BottomSheetBehavior.STATE_EXPANDED);
}
}
});
navigationView.setNavigationItemSelectedListener(new NavigationView.OnNavigationItemSelectedListener() {
@Override
public boolean onNavigationItemSelected(@NonNull MenuItem menuItem) {
menuItem.setChecked(true);
bottomSheetBehavior.setState(BottomSheetBehavior.STATE_HIDDEN);
Toast.makeText(getApplicationContext(), menuItem.getTitle() + " Selected", Toast.LENGTH_SHORT).show();
return true;
}
});
scrim.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
bottomSheetBehavior.setState(BottomSheetBehavior.STATE_HIDDEN);
}
});
bottomSheetBehavior.addBottomSheetCallback(new BottomSheetBehavior.BottomSheetCallback() {
@Override
public void onStateChanged(@NonNull View bottomSheet, int newState) {
scrim.setVisibility(newState == BottomSheetBehavior.STATE_HIDDEN ? View.GONE : View.VISIBLE);
}
@Override
public void onSlide(@NonNull View bottomSheet, float slideOffset) {
int baseColor = Color.BLACK;
float baseAlpha = 0.3f;
float offset = (slideOffset - (-1f)) / (1f - (-1f)) * (1f - 0f) + 0f;
int alpha = Math.round(MathUtils.lerp(0f, 255f, offset * baseAlpha));
int color = Color.argb(alpha, Color.red(baseColor), Color.red(baseColor), Color.red(baseColor));
scrim.setBackgroundColor(color);
}
});
RecyclerView recyclerView = findViewById(R.id.recyclerView);
recyclerView.setLayoutManager(new LinearLayoutManager(this));
recyclerView.setHasFixedSize(true);
List items = DataGenerator.getPeopleData(this);
items.addAll(DataGenerator.getPeopleData(this));
items.addAll(DataGenerator.getPeopleData(this));
int sect_count = 0;
int sect_idx = 0;
List months = DataGenerator.getStringsMonth(this);
for (int i = 0; i < items.size() / 6; i++) {
items.add(sect_count, new People(months.get(sect_idx), true));
sect_count = sect_count + 5;
sect_idx++;
}
//set data and list adapter
AdapterListSectioned mAdapter = new AdapterListSectioned(this, items);
recyclerView.setAdapter(mAdapter);
// on item list clicked
mAdapter.setOnItemClickListener(new AdapterListSectioned.OnItemClickListener() {
@Override
public void onItemClick(View view, People obj, int position) {
}
});
new Handler(this.getMainLooper()).postDelayed(new Runnable() {
@Override
public void run() {
bottomSheetBehavior.setState(BottomSheetBehavior.STATE_EXPANDED);
}
}, 1000);
}
@Override
public void onBackPressed() {
if (bottomSheetBehavior.getState() == BottomSheetBehavior.STATE_HIDDEN) {
super.onBackPressed();
} else {
bottomSheetBehavior.setState(BottomSheetBehavior.STATE_HIDDEN);
}
}
@Override
public boolean onCreateOptionsMenu(Menu menu) {
getMenuInflater().inflate(R.menu.menu_inbox, menu);
return true;
}
@Override
public boolean onOptionsItemSelected(MenuItem item) {
if (item.getItemId() == android.R.id.home) {
super.onBackPressed();
} else {
Toast.makeText(getApplicationContext(), item.getTitle(), Toast.LENGTH_SHORT).show();
}
return super.onOptionsItemSelected(item);
}
}