回答編集履歴
2
糞リニューアルマークダウン崩れ修正
test
CHANGED
|
@@ -1,69 +1,33 @@
|
|
|
1
1
|
JavaFXは詳しくないので頓珍漢なことをしているかもしれません。
|
|
2
|
-
|
|
3
|
-
|
|
4
2
|
|
|
5
3
|
[java - How can I style the ProgressBar component in JavaFX - Stack Overflow](https://stackoverflow.com/questions/19417246/how-can-i-style-the-progressbar-component-in-javafx/19418709)
|
|
6
4
|
|
|
5
|
+
`ProgressBar`の中の`Track`の背景を変える必要があるようです。
|
|
6
|
+
もともとはグラデーション等で凝った色になっています。
|
|
7
|
+
ちゃんとやる方法もありそうですが、面倒なので`transparent`にしてしまいます。
|
|
8
|
+
`transparent`にすると枠ももろもろ透明になってしまうので、 ~~通常のProgressBarをダミーで一番下に置きました^^;~~ 一番下になるのを普通のにします。
|
|
7
9
|
|
|
8
|
-
|
|
9
|
-
`ProgressBar`の中の`Track`の背景を変える必要があるようです。
|
|
10
|
-
|
|
11
|
-
もともとはグラデーション等で凝った色になっています。
|
|
12
|
-
|
|
13
|
-
ちゃんとやる方法もありそうですが、面倒なので`transparent`にしてしまいます。
|
|
14
|
-
|
|
15
|
-
`transparent`にすると枠ももろもろ透明になってしまうので、~~通常のProgressBarをダミーで一番下に置きました^^;~~一番下になるのを普通のにします。
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
sample.fxml
|
|
10
|
+
```xml:sample.fxml
|
|
20
|
-
|
|
21
|
-
```fxml
|
|
22
|
-
|
|
23
11
|
<?xml version="1.0" encoding="UTF-8"?>
|
|
24
12
|
|
|
25
|
-
|
|
26
|
-
|
|
27
13
|
<?import javafx.scene.control.ProgressBar?>
|
|
28
|
-
|
|
29
14
|
<?import javafx.scene.layout.Pane?>
|
|
30
15
|
|
|
31
|
-
|
|
32
|
-
|
|
33
16
|
<Pane maxHeight="-Infinity" maxWidth="-Infinity" minHeight="-Infinity" minWidth="-Infinity" prefHeight="400.0"
|
|
34
|
-
|
|
35
17
|
prefWidth="600.0" stylesheets="@sample.css" xmlns="http://javafx.com/javafx/11.0.1"
|
|
36
|
-
|
|
37
18
|
xmlns:fx="http://javafx.com/fxml/1">
|
|
38
|
-
|
|
39
19
|
<children>
|
|
40
|
-
|
|
41
20
|
<ProgressBar layoutX="14.0" layoutY="14.0" prefWidth="200.0" progress="0.8"
|
|
42
|
-
|
|
43
21
|
style="-fx-accent: red;"/>
|
|
44
|
-
|
|
45
22
|
<ProgressBar layoutX="14.0" layoutY="14.0" prefWidth="200.0" progress="0.5"
|
|
46
|
-
|
|
47
23
|
styleClass="transparent-progress-bar"/>
|
|
48
|
-
|
|
49
24
|
</children>
|
|
50
|
-
|
|
51
25
|
</Pane>
|
|
52
|
-
|
|
53
26
|
```
|
|
54
27
|
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
sample.css
|
|
28
|
+
```css:sample.css
|
|
58
|
-
|
|
59
|
-
```css
|
|
60
|
-
|
|
61
29
|
.transparent-progress-bar > .track {
|
|
62
|
-
|
|
63
30
|
-fx-background-color: transparent;
|
|
64
|
-
|
|
65
31
|
}
|
|
66
|
-
|
|
67
32
|
```
|
|
68
|
-
|
|
69
33
|
|
1
いらんかった
test
CHANGED
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
|
|
13
13
|
ちゃんとやる方法もありそうですが、面倒なので`transparent`にしてしまいます。
|
|
14
14
|
|
|
15
|
-
`transparent`にすると枠ももろもろ透明になってしまうので、通常の
|
|
15
|
+
`transparent`にすると枠ももろもろ透明になってしまうので、~~通常のProgressBarをダミーで一番下に置きました^^;~~一番下になるのを普通のにします。
|
|
16
16
|
|
|
17
17
|
|
|
18
18
|
|
|
@@ -38,11 +38,9 @@
|
|
|
38
38
|
|
|
39
39
|
<children>
|
|
40
40
|
|
|
41
|
-
<ProgressBar fx:id="dummy" layoutX="14.0" layoutY="14.0" prefWidth="200.0" progress="0"/>
|
|
42
|
-
|
|
43
41
|
<ProgressBar layoutX="14.0" layoutY="14.0" prefWidth="200.0" progress="0.8"
|
|
44
42
|
|
|
45
|
-
style="-fx-accent: red;"
|
|
43
|
+
style="-fx-accent: red;"/>
|
|
46
44
|
|
|
47
45
|
<ProgressBar layoutX="14.0" layoutY="14.0" prefWidth="200.0" progress="0.5"
|
|
48
46
|
|