necesito mostrar como uno de los campos de un grid una imagen que quiero capturaria utilizando un Upload para otros campos utilizo los binder pero la imagen no se como hacerlo por fa ve ayuda alguien?
Hola Lisdy, lo que yo hago es que la imagen la visualizo cuando das click en un icono que abre la imagen en una ventana emergente, si te sirve esto puedes usar el siguiente codigo:
grid.addComponentColumn(item -> createPictureButton(item)).setKey("camera").setHeader(VaadinIcon.CAMERA.create()).setFlexGrow(0).setWidth("90px").setTextAlign(ColumnTextAlign.CENTER);
...
private Component createPictureButton(EntryLog item) {
if (item.getPicture() != null) {
Button button = new Button(VaadinIcon.PICTURE.create());
button.addThemeVariants(ButtonVariant.LUMO_CONTRAST, ButtonVariant.LUMO_TERTIARY_INLINE);
button.getStyle().set("cursor", "pointer");
button.addClickListener(e -> doOpenPicture(item));
return button;
} else {
return new Label("");
}
}
private void doOpenPicture(EntryLog item) {
Image image = generateImage(item.getPicture());
if (image != null) {
Dialog dialog = new Dialog();
dialog.setCloseOnEsc(false);
dialog.setCloseOnOutsideClick(false);
image.setWidth(dialog.getWidth());
Button btnClose = new Button("Cerrar", event -> {
dialog.close();
});
btnClose.addThemeVariants(ButtonVariant.LUMO_SMALL);
btnClose.setWidth("90px");
VerticalLayout layout = new VerticalLayout();
layout.setWidthFull();
layout.setMargin(false);
layout.setPadding(false);
layout.setAlignItems(Alignment.CENTER);
layout.add(image, btnClose);
dialog.add(layout);
dialog.open();
}
}
private Image generateImage(byte[] picture) {
StreamResource sr = new StreamResource("picture", () -> {
return new ByteArrayInputStream(picture);
});
sr.setContentType("image/png");
Image image = new Image(sr, "picture");
return image;
}
Saludos!
hacegaba