Почему портится качество изображений?

Question

[TopMetaFizick_010]

Добавляю иконки в проект, использую ImageView, и круглая фотография с прозрачным фоном. Размер иконок 64х64, и до помещения на форму , выглядят они прекрасно, но стоит их туда поместить, сразу будто превращаются в пиксель-арт. В чем проблема? Формат изображений png.


А вот как это выглядит на этапе проектировки, на каком-то сайте, обратите внимания на край круглого изображения, и на края иконок.

Answer 1

[Дмитрий Александров]

Много тонкостей. Покажите код где именно загружается изображение и как его передаете в ImageView.
Немного тонкостей, каждый способ ниже даст абсолютно разный результат итоговый по качеству:
1)через конструктор Image(java.lang.String url, double requestedWidth, double requestedHeight, boolean reserveRatio, boolean smooth).
2) Методы setFitWidth()\height у ImageView дадут другой результат.
3) Методы setScaleX()\Y у ImageView дадут тоже другой результат.

Дальше, не ручаюсь но, раньше был баг со сглаживанием, точнее его отсутсвием а еще точнее игнорированием в конструкторе Image, возможно это уже пофиксили а возможно и нет. Лично я выкручивался способами 2 и 3, после того как подгружал его через Image уже вытягивая.

PS если ImageView используете только для отображения картинки то лучше сразу откажитесь в сторону css. Влепите pane на нужное место и в него уже динамически лепите css стиль. Это гораздо легче по ресурсам и дает гораздо больше вариантов всяких рюшечек.

Comments

[TopMetaFizick_010]

Загружаю через FXML

<ImageView fitHeight="25.0" fitWidth="25.0" pickOnBounds="true" smooth="true">
                     <VBox.margin>
                        <Insets left="65.0" top="10.0" />
                     </VBox.margin>
                     <image>
                        <Image url="@../icons/project_icon.png" />
                     </image>
                  </ImageView>

Вообще через Scene Builder гружу.
Включение выключение smoof не даешь результатов.

Обычную pane? Да , использую только для иконок, главное прозрачность и вот чтоб было сглажено. Больше ничего и не нужно.

Т.е. подгружать image прямиком из css в Pane?

[Дмитрий Александров]

TopMetaFizick_010, прозрачность из коробки если это png.
смотри -fx-background-image: url("путь\где\лежит.png");
-fx-background-repeat: stretch; тут все понятно
-fx-background-position: center center; тут тоже все понятно
еще но это уже просто приколюшки -fx-effect: , готовые глянуть тут можно javafx.scene.effect. Применение? Ну тень побрасать, теже сглаживания, блюры, моушен блюры для анимаций и т.д.

Вообще как не первый раз рекомендую, старайтесь не использовать FXML а описывать в коде, для всего визуального по максимуму использовать css стили. SceneBuilder и fxml максимум для прототипов или просто быстренько глянуть, еще можно теже css стили удобненько посмотреть.

[TopMetaFizick_010]

Дмитрий Александров, хорошо, спасибо, понял. Можете еще объяснить такой момент. Как редактироваать шапку приложения со стандартными кнопками, типо закрыть свернуть.
Как к ним подключить CSS , как добавить свои значки вместо стандартного крестика, горизонтальной полоски?
StageStyle.UNDECORATED - это единственное решение? Просто если использовать его, то нужно самому писать код на перетаскивание окна, его масштабирования, самому кидать тень на главное окно, геморно как по мне...

[Дмитрий Александров]

TopMetaFizick_010, StageStyle.UNDECORATED единственный путь, масштабирование и перетаскивание это довольно просто, если лень то гугл подскажет множество решений.

[TopMetaFizick_010]

Дмитрий Александров, с тенью проблемы

[TopMetaFizick_010]

Дмитрий Александров, а нет, я во всем разобрался. Огромное спасибо за помощь)