Ticket
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 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.TextView;
import android.widget.Toast;
import com.material.components.R;
import com.material.components.utils.Tools;
import com.material.components.utils.ViewAnimation;
public class ExpansionPanelTicket extends AppCompatActivity {
private View parent_view;
private NestedScrollView nested_scroll_view;
private TextView tv_booking_code;
private ImageButton bt_toggle_info, bt_toggle_passenger, bt_copy_code;
private Button bt_hide_info;
private View lyt_expand_info, lyt_expand_passenger;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_expansion_panel_ticket);
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("Flight Ticket");
getSupportActionBar().setDisplayHomeAsUpEnabled(true);
Tools.setSystemBarColor(this);
}
private void initComponent() {
// info item_section
bt_toggle_info = (ImageButton) findViewById(R.id.bt_toggle_info);
bt_hide_info = (Button) findViewById(R.id.bt_hide_info);
lyt_expand_info = (View) findViewById(R.id.lyt_expand_info);
bt_toggle_info.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
toggleSectionInfo(bt_toggle_info);
}
});
bt_hide_info.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
toggleSectionInfo(bt_toggle_info);
}
});
// passenger item_section
bt_toggle_passenger = (ImageButton) findViewById(R.id.bt_toggle_passenger);
lyt_expand_passenger = (View) findViewById(R.id.lyt_expand_passenger);
bt_toggle_passenger.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
toggleSectionPassenger(bt_toggle_passenger);
}
});
// copy to clipboard
tv_booking_code = (TextView) findViewById(R.id.tv_booking_code);
bt_copy_code = (ImageButton) findViewById(R.id.bt_copy_code);
bt_copy_code.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
Tools.copyToClipboard(getApplicationContext(), tv_booking_code.getText().toString());
}
});
// nested scrollview
nested_scroll_view = (NestedScrollView) findViewById(R.id.nested_scroll_view);
}
private void toggleSectionInfo(View view) {
boolean show = toggleArrow(view);
if (show) {
ViewAnimation.expand(lyt_expand_info, new ViewAnimation.AnimListener() {
@Override
public void onFinish() {
Tools.nestedScrollTo(nested_scroll_view, lyt_expand_info);
}
});
} else {
ViewAnimation.collapse(lyt_expand_info);
}
}
private void toggleSectionPassenger(View view) {
boolean show = toggleArrow(view);
if (show) {
ViewAnimation.expand(lyt_expand_passenger, new ViewAnimation.AnimListener() {
@Override
public void onFinish() {
Tools.nestedScrollTo(nested_scroll_view, lyt_expand_passenger);
}
});
} else {
ViewAnimation.collapse(lyt_expand_passenger);
}
}
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);
}
}