javafx 去掉滚动条的右下角

最新推荐文章于 2025-08-17 12:20:53 发布

meng03459

最新推荐文章于 2025-08-17 12:20:53 发布

阅读量1.5k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： javafx 文章标签： javafx tableview scroll 滚动条角

本文链接：https://blog.youkuaiyun.com/meng03459/article/details/81240100

javafx 专栏收录该内容

2 篇文章

订阅专栏

本文介绍如何通过自定义JavaFX滚动条样式去除按钮并设置透明背景，实现美观且符合设计要求的效果。

javafx表格默认的滚动条如下，有时候跟美工要求不是很搭，所以需要修改。

一番努力之后，把滚动条改成了如下样式，横向滚动条去掉了左右的按钮，纵向滚动条去掉了上下的按钮，滚动条的背景设为了透明。

样式代码如下：

/* 滚动条样式 ================================================ */
.scroll-bar:horizontal {
	-fx-background-color: transparent;
	-fx-border-width: 0;
}
.scroll-bar:vertical {
	-fx-background-color: transparent;
	-fx-border-width: 0;
}
.scroll-bar:horizontal .track,  .scroll-bar:vertical .track
{
	-fx-background-color: transparent;
	-fx-border-color: transparent;
}

.scroll-bar:horizontal .increment-button,  .scroll-bar:horizontal .decrement-button
{
	-fx-background-color: transparent;
	-fx-padding: 0 0 10 0;
}

.scroll-bar:vertical .increment-button,  .scroll-bar:vertical .decrement-button
{
	-fx-background-color: transparent;
	-fx-padding: 0 10 0 0;
}
.scroll-bar .increment-arrow, .scroll-bar .decrement-arrow{
	-fx-shape:"";
	-fx-padding:0;	
}
.scroll-bar:horizontal .thumb,  .scroll-bar:vertical .thumb
	{
	-fx-background-color: rgb(0,0,0,0.5); 
	-fx-background-radius: 8em;
	-fx-border-radius: 8em;
	-fx-pref-height: 10px;
} 
.scroll-pane .viewport {
	-fx-background-color: transparent;
}
.scroll-pane {
	-fx-background-color: transparent;
}
.scroll-pane .content {
	-fx-padding:10px;
	-fx-alignment: center;
	-fx-background-color: transparent;
}

但是还有一个问题，滚动条相交叉的右下角没有透明，这就需要下面这个样式：

.scroll-pane .corner {
	-fx-background-color: transparent;
}

最终效果如下：

完，鞠躬！