javafx2.2 tạo thanh cuộn với nền trong suốt

Question

Tôi đang cố tạo một thanh cuộn bằng thanh cuộn có nền trong suốt (hoặc ít nhất là rắn) bằng cách tạo kiểu cho nó bằng css trong javafx 2.2.3.

.scroll-pane .track{-fx-opacity: 0;} 
.scroll-pane .scroll-bar{-fx-base: transparent;} 

Thật kỳ lạ, đoạn mã trên làm cho thanh cuộn màu đen. Đưa ra -fx-base bất kỳ giá trị nào với alfa.

Màu nền không có chút nào ...

Tôi đang thiếu gì?

Answer 1

Dưới đây là sample hiển thị thanh cuộn có nền trong suốt.

Mẫu bao gồm một số logic chương trình phụ để chỉ hiển thị phản hồi trực quan trên thanh cuộn khi người dùng di chuột qua thanh cuộn - bạn có thể hoặc không cần điều đó.

Các css liên quan đến việc thanh cuộn trong mẫu là:

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

.address .scroll-bar .increment-button { 
    visibility: hidden; 
} 

.address .scroll-bar .decrement-button { 
    visibility: hidden; 
} 

.address .scroll-bar:vertical { 
    -fx-background-color: transparent; 
} 

.address .scroll-bar:vertical .track-background { 
    visibility: hidden; 
} 

.address .scroll-bar:vertical .track { 
    visibility: hidden; 
} 

.address .hide-thumb .scroll-bar:vertical .thumb { 
    -fx-background-color: transparent; 
} 

Trường hợp thanh cuộn được thực hiện trong suốt có lớp phong cách tùy chỉnh thêm các địa chỉ được gán cho nó.

Tôi đã xác định css để sử dụng bằng cách nghiên cứu phần thanh cuộn của biểu định kiểu JavaFX 2.2 css mặc định caspian.css.

Output của mẫu là: