Basic
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.expansionpanel;
import android.os.Bundle;
import com.google.android.material.snackbar.Snackbar;
import androidx.core.widget.NestedScrollView;
import androidx.appcompat.app.AppCompatActivity;
import androidx.appcompat.widget.Toolbar;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
import android.widget.Button;
import android.widget.ImageButton;
import android.widget.Toast;
import com.material.components.R;
import com.material.components.utils.Tools;
import com.material.components.utils.ViewAnimation;
public class ExpansionPanelBasic extends AppCompatActivity {
private View parent_view;
private NestedScrollView nested_scroll_view;
private ImageButton bt_toggle_text, bt_toggle_input;
private Button bt_hide_text, bt_save_input, bt_hide_input;
private View lyt_expand_text, lyt_expand_input;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_expansion_panel_basic);
parent_view = findViewById(android.R.id.content);
initToolbar();
initComponent();
}
private void initToolbar() {
Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
toolbar.setNavigationIcon(R.drawable.ic_menu);
setSupportActionBar(toolbar);
getSupportActionBar().setTitle("Basic");
getSupportActionBar().setDisplayHomeAsUpEnabled(true);
Tools.setSystemBarColor(this);
}
private void initComponent() {
// text section
bt_toggle_text = (ImageButton) findViewById(R.id.bt_toggle_text);
bt_hide_text = (Button) findViewById(R.id.bt_hide_text);
lyt_expand_text = (View) findViewById(R.id.lyt_expand_text);
lyt_expand_text.setVisibility(View.GONE);
bt_toggle_text.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
toggleSectionText(bt_toggle_text);
}
});
bt_hide_text.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
toggleSectionText(bt_toggle_text);
}
});
// input section
bt_toggle_input = (ImageButton) findViewById(R.id.bt_toggle_input);
bt_hide_input = (Button) findViewById(R.id.bt_hide_input);
bt_save_input = (Button) findViewById(R.id.bt_save_input);
lyt_expand_input = (View) findViewById(R.id.lyt_expand_input);
lyt_expand_input.setVisibility(View.GONE);
bt_toggle_input.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
toggleSectionInput(bt_toggle_input);
}
});
bt_hide_input.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
toggleSectionInput(bt_toggle_input);
}
});
bt_save_input.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
Snackbar.make(parent_view, "Data saved", Snackbar.LENGTH_SHORT).show();
toggleSectionInput(bt_toggle_input);
}
});
// nested scrollview
nested_scroll_view = (NestedScrollView) findViewById(R.id.nested_scroll_view);
}
private void toggleSectionText(View view) {
boolean show = toggleArrow(view);
if (show) {
ViewAnimation.expand(lyt_expand_text, new ViewAnimation.AnimListener() {
@Override
public void onFinish() {
Tools.nestedScrollTo(nested_scroll_view, lyt_expand_text);
}
});
} else {
ViewAnimation.collapse(lyt_expand_text);
}
}
private void toggleSectionInput(View view) {
boolean show = toggleArrow(view);
if (show) {
ViewAnimation.expand(lyt_expand_input, new ViewAnimation.AnimListener() {
@Override
public void onFinish() {
Tools.nestedScrollTo(nested_scroll_view, lyt_expand_input);
}
});
} else {
ViewAnimation.collapse(lyt_expand_input);
}
}
public boolean toggleArrow(View view) {
if (view.getRotation() == 0) {
view.animate().setDuration(200).rotation(180);
return true;
} else {
view.animate().setDuration(200).rotation(0);
return false;
}
}
@Override
public boolean onCreateOptionsMenu(Menu menu) {
getMenuInflater().inflate(R.menu.menu_setting, menu);
return true;
}
@Override
public boolean onOptionsItemSelected(MenuItem item) {
if (item.getItemId() == android.R.id.home) {
finish();
} else {
Toast.makeText(getApplicationContext(), item.getTitle(), Toast.LENGTH_SHORT).show();
}
return super.onOptionsItemSelected(item);
}
}