Есть ли способ реализовать кнопку с круговой формой и имеет круговое изображение? Я использую построитель сцен и плагин javafx в Eclipse. Я пытаюсь реализовать кнопку воспроизведения. Я могу легко добавить изображение к кнопке, проблема в том, что изображение является круглым, а кнопка прямоугольной формы. как я могу подгонять оба? и спасибоКак поместить кнопку в круглое изображение в построителе сцены?
Вот изображение!
Если вы используете Scene Builder без пользовательского файла CSS, просто добавьте это правило инспектора/свойства-> Стиль TextField:
-fx-background-radius: 100;
, и вы будете иметь свою круглую кнопку (вы должны установить размеры изображения и кнопки правильно):
Или вы могли бы у зе пользовательский CSS-файл:
.button {
-fx-background-radius: 100;
}
и загрузить его на свой файл FXML с кнопкой StyleSheets.
Примечание вам, вероятно, нужно также добавить некоторые стили для focused, hover, armed или disabled pseudoclasses.
Спасибо, что это сработало отлично с этим изображением. Однако с другой кнопка изображения выглядит ужасно! вот изображение: https://imagizer.imageshack.us/v2/1246x701q90/537/srU4IZ.png –
Вам нужно исправить размеры: уменьшите размер кнопки, чтобы не видеть границы. Кроме того, изображение не прозрачно. –
Спасибо, Хосе, я исправил прозрачную проблему, изменив ее на формат .png вместо .jpg. Однако границы кнопок изображения не были решены, даже когда я сделал это меньше. Изображение: https://imagizer.imageshack.us/v2/1246x701q90/661/bXBLra.png –
См. Также: [Как сделать кнопку javafx с круглой формой диаметром 3xp?] (Http://stackoverflow.com/questions/26850828/how-to-make-a-javafx-button-with-circle- shape-of-3xp-diameter) – jewelsea