Komponente über den Container über den Überfluss verlängern? #3951 ⇐ Android

[Anonymous]

Ist es möglich, Komponenten über die Containergrenzen hinaus zu stylen, so etwas wie dieses -


Ich habe so etwas ausprobiert, aber es funktioniert nicht -< /p>

Code: Select all

    Form myForm = new Form("Custom toolbar", new BorderLayout());
Container content = new Container(new BoxLayout(BoxLayout.Y_AXIS));
content.add(new Label("Main content area"));

// custom toolbar
Container customToolbar = new Container(new BorderLayout());
customToolbar.setUIID("Toolbar");
customToolbar.setPreferredH(Display.getInstance().convertToPixels(12));

Button backButton = new Button();
backButton.setMaterialIcon(FontImage.MATERIAL_ARROW_BACK);
backButton.setTextPosition(Component.BOTTOM);
backButton.setUIID("ToolbarBackButton");
backButton.addActionListener(e -> {
Log.p("Back button clicked");
});

Button listButton = new Button("List");
listButton.setMaterialIcon(FontImage.MATERIAL_VIEW_LIST);
listButton.setTextPosition(Component.BOTTOM);
listButton.setUIID("ToolbarListButton");
listButton.addActionListener(e -> {
Log.p("List button clicked");
});

Button optionsButton = new Button();
optionsButton.setMaterialIcon(FontImage.MATERIAL_MORE_VERT);
optionsButton.setTextPosition(Component.BOTTOM);
optionsButton.setUIID("ToolbarOptionsButton");
optionsButton.addActionListener(e -> {
Log.p("Options button clicked");
});

Button extraButton = new Button("Extra");
extraButton.setMaterialIcon(FontImage.MATERIAL_ADD);
extraButton.setTextPosition(Component.BOTTOM);
extraButton.setUIID("ToolbarExtraButton");
extraButton.addActionListener(e -> {
Log.p("Extra button clicked");
});

// big search button with circle background
Button searchButton = new Button("Search");
searchButton.setMaterialIcon(FontImage.MATERIAL_SEARCH);
searchButton.setTextPosition(Component.BOTTOM);
searchButton.setUIID("ToolbarSearchButton");
searchButton.addActionListener(e -> {
Log.p("Search button clicked");
});

// this does not overflow ???
int buttonSize = Display.getInstance().convertToPixels(25);
searchButton.setPreferredSize(new Dimension(buttonSize, buttonSize));

searchButton.getUnselectedStyle().setBgTransparency(255);
searchButton.getUnselectedStyle().setBgColor(0x0066CC);
searchButton.getUnselectedStyle().setBorder(RoundBorder.create().rectangle(true));

customToolbar.add(BorderLayout.WEST, backButton);
customToolbar.add(BorderLayout.EAST, optionsButton);

Container centerButtons = new Container(new FlowLayout(Component.CENTER));
centerButtons.add(extraButton);
centerButtons.add(searchButton);
centerButtons.add(listButton);
customToolbar.add(BorderLayout.CENTER, centerButtons);

extraButton.getStyle().setMarginLeft(5);
extraButton.getStyle().setMarginRight(5);
searchButton.getStyle().setMarginLeft(50);
searchButton.getStyle().setMarginRight(50);
listButton.getStyle().setMarginLeft(5);
listButton.getStyle().setMarginRight(5);

myForm.add(BorderLayout.CENTER, content);
myForm.add(BorderLayout.SOUTH, customToolbar);

myForm.show();

Dieser Code sieht so aus -

. Erreichen Sie dies. So etwas Ähnliches können wir tun?