This is a part of an online Codename One course published around 2017 see it all for free at https://debugagent.com/series/cn1

1. Extracting ui Design - part IV

2. BaseForm
© Codename One 2017 all rights reserved

3. Toolbar tb = getToolbar();
tb.setUIID("Container");
tb.addSearchCommand(e -> onSearch((String)e.getSource()));
tb.addMaterialCommandToSideMenu("Shopping Cart",
FontImage.MATERIAL_SHOPPING_CART, e -> {});
Label filler = new Label(" ");
filler.setPreferredSize(getTitleArea().getPreferredSize());
currentOrderValue = new Label("Your Order: " +
L10NManager.getInstance().formatCurrency(0),
"YourOrder");
Button cart = new Button("", "ShoppingCart");
cart.addActionListener(e -> CheckoutForm.showCheckOut());
FontImage.setMaterialIcon(cart, FontImage.MATERIAL_SHOPPING_CART);
BaseForm

4. Toolbar tb = getToolbar();
tb.setUIID("Container");
tb.addSearchCommand(e -> onSearch((String)e.getSource()));
tb.addMaterialCommandToSideMenu("Shopping Cart",
FontImage.MATERIAL_SHOPPING_CART, e -> {});
Label filler = new Label(" ");
filler.setPreferredSize(getTitleArea().getPreferredSize());
currentOrderValue = new Label("Your Order: " +
L10NManager.getInstance().formatCurrency(0),
"YourOrder");
Button cart = new Button("", "ShoppingCart");
cart.addActionListener(e -> CheckoutForm.showCheckOut());
FontImage.setMaterialIcon(cart, FontImage.MATERIAL_SHOPPING_CART);
BaseForm

5. Toolbar tb = getToolbar();
tb.setUIID("Container");
tb.addSearchCommand(e -> onSearch((String)e.getSource()));
tb.addMaterialCommandToSideMenu("Shopping Cart",
FontImage.MATERIAL_SHOPPING_CART, e -> {});
Label filler = new Label(" ");
filler.setPreferredSize(getTitleArea().getPreferredSize());
currentOrderValue = new Label("Your Order: " +
L10NManager.getInstance().formatCurrency(0),
"YourOrder");
Button cart = new Button("", "ShoppingCart");
cart.addActionListener(e -> CheckoutForm.showCheckOut());
FontImage.setMaterialIcon(cart, FontImage.MATERIAL_SHOPPING_CART);
BaseForm

6. Toolbar tb = getToolbar();
tb.setUIID("Container");
tb.addSearchCommand(e -> onSearch((String)e.getSource()));
tb.addMaterialCommandToSideMenu("Shopping Cart",
FontImage.MATERIAL_SHOPPING_CART, e -> {});
Label filler = new Label(" ");
filler.setPreferredSize(getTitleArea().getPreferredSize());
currentOrderValue = new Label("Your Order: " +
L10NManager.getInstance().formatCurrency(0),
"YourOrder");
Button cart = new Button("", "ShoppingCart");
cart.addActionListener(e -> CheckoutForm.showCheckOut());
FontImage.setMaterialIcon(cart, FontImage.MATERIAL_SHOPPING_CART);
BaseForm

7. Toolbar tb = getToolbar();
tb.setUIID("Container");
tb.addSearchCommand(e -> onSearch((String)e.getSource()));
tb.addMaterialCommandToSideMenu("Shopping Cart",
FontImage.MATERIAL_SHOPPING_CART, e -> {});
Label filler = new Label(" ");
filler.setPreferredSize(getTitleArea().getPreferredSize());
currentOrderValue = new Label("Your Order: " +
L10NManager.getInstance().formatCurrency(0),
"YourOrder");
Button cart = new Button("", "ShoppingCart");
cart.addActionListener(e -> CheckoutForm.showCheckOut());
FontImage.setMaterialIcon(cart, FontImage.MATERIAL_SHOPPING_CART);
BaseForm

8. Container orderBar = new Container(
new BorderLayout(BorderLayout.CENTER_BEHAVIOR_CENTER_ABSOLUTE)) {
@Override
protected Dimension calcPreferredSize() {
Dimension d= super.calcPreferredSize();
if(d.getHeight() % 2 != 0) {
d.setHeight(d.getHeight() + 1);
}
return d;
}
};
orderBar.add(BorderLayout.CENTER, currentOrderValue).
add(BorderLayout.EAST, cart);
Label opaque = new Label("", "OrderBarBackgroundOpaque");
opaque.setShowEvenIfBlank(true);
Container orderBackgroundGrid = GridLayout.encloseIn(1,
new Container(), opaque);
Container orderLayers = LayeredLayout.encloseIn(orderBackgroundGrid,
orderBar);
BaseForm

9. Container orderBar = new Container(
new BorderLayout(BorderLayout.CENTER_BEHAVIOR_CENTER_ABSOLUTE)) {
@Override
protected Dimension calcPreferredSize() {
Dimension d= super.calcPreferredSize();
if(d.getHeight() % 2 != 0) {
d.setHeight(d.getHeight() + 1);
}
return d;
}
};
orderBar.add(BorderLayout.CENTER, currentOrderValue).
add(BorderLayout.EAST, cart);
Label opaque = new Label("", "OrderBarBackgroundOpaque");
opaque.setShowEvenIfBlank(true);
Container orderBackgroundGrid = GridLayout.encloseIn(1,
new Container(), opaque);
Container orderLayers = LayeredLayout.encloseIn(orderBackgroundGrid,
orderBar);
BaseForm

10. List<String> categoryList = createCategoryList();
Container topBar;
if(categoryList != null) {
Label separator = new Label("", "WhiteSeparatorLine");
separator.setShowEvenIfBlank(true);
topBar = BoxLayout.encloseY(filler, categoryList,
FlowLayout.encloseCenter(separator),
orderLayers);
} else {
topBar = BoxLayout.encloseY(filler, orderLayers);
}
topBar.setUIID("TopBar");
add(BorderLayout.NORTH, topBar);
add(BorderLayout.CENTER, createContent());
BaseForm

11. List<String> categoryList = createCategoryList();
Container topBar;
if(categoryList != null) {
Label separator = new Label("", "WhiteSeparatorLine");
separator.setShowEvenIfBlank(true);
topBar = BoxLayout.encloseY(filler, categoryList,
FlowLayout.encloseCenter(separator),
orderLayers);
} else {
topBar = BoxLayout.encloseY(filler, orderLayers);
}
topBar.setUIID("TopBar");
add(BorderLayout.NORTH, topBar);
add(BorderLayout.CENTER, createContent());
BaseForm

12. List<String> categoryList = createCategoryList();
Container topBar;
if(categoryList != null) {
Label separator = new Label("", "WhiteSeparatorLine");
separator.setShowEvenIfBlank(true);
topBar = BoxLayout.encloseY(filler, categoryList,
FlowLayout.encloseCenter(separator),
orderLayers);
} else {
topBar = BoxLayout.encloseY(filler, orderLayers);
}
topBar.setUIID("TopBar");
add(BorderLayout.NORTH, topBar);
add(BorderLayout.CENTER, createContent());
BaseForm

13. List<String> categoryList = createCategoryList();
Container topBar;
if(categoryList != null) {
Label separator = new Label("", "WhiteSeparatorLine");
separator.setShowEvenIfBlank(true);
topBar = BoxLayout.encloseY(filler, categoryList,
FlowLayout.encloseCenter(separator),
orderLayers);
} else {
topBar = BoxLayout.encloseY(filler, orderLayers);
}
topBar.setUIID("TopBar");
add(BorderLayout.NORTH, topBar);
add(BorderLayout.CENTER, createContent());
BaseForm