Skip to content

Commit b3888b6

Browse files
yiding-heyiding-he
committed
新版 launcher 初步布局设计
1 parent c3f69af commit b3888b6

2 files changed

Lines changed: 75 additions & 42 deletions

File tree

‎src/main/resources/com/xwintop/xJavaFxTool/fxmlView/newui/main.css‎

Lines changed: 16 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,26 @@
11
.app-layout .app-item {
2-
-fx-pref-width: 100;
2+
-fx-pref-width: 150;
3+
-fx-min-width: -fx-pref-width;
4+
-fx-max-width: -fx-pref-width;
35
-fx-pref-height: 100;
6+
-fx-min-height: -fx-pref-height;
7+
-fx-background-color: #f4f4f4;
8+
-fx-padding: 5;
9+
}
10+
11+
.app-layout .app-item.placeholder {
412
-fx-background-color: #AADDFF;
513
}
614

15+
.app-layout .app-item .app-item-title {
16+
-fx-font-weight: bold;
17+
-fx-padding: 0 5;
18+
-fx-text-fill: #555555;
19+
}
20+
721
.app-category-title {
822
-fx-font-weight: bold;
23+
-fx-text-fill: #888888;
924
}
1025

1126
.app-category {

‎src/main/resources/com/xwintop/xJavaFxTool/fxmlView/newui/main.fxml‎

Lines changed: 59 additions & 41 deletions
Original file line numberDiff line numberDiff line change
@@ -7,6 +7,8 @@
77
<?import javafx.scene.control.Tab?>
88
<?import javafx.scene.control.TabPane?>
99
<?import javafx.scene.control.TextField?>
10+
<?import javafx.scene.image.Image?>
11+
<?import javafx.scene.image.ImageView?>
1012
<?import javafx.scene.layout.FlowPane?>
1113
<?import javafx.scene.layout.HBox?>
1214
<?import javafx.scene.layout.Pane?>
@@ -31,67 +33,83 @@
3133
<VBox spacing="5" styleClass="app-category">
3234
<Label styleClass="app-category-title" text="最近使用" />
3335
<FlowPane hgap="5" styleClass="app-layout" vgap="5">
34-
<Pane styleClass="app-item" />
35-
<Pane styleClass="app-item" />
36-
<Pane styleClass="app-item" />
36+
<VBox spacing="5" styleClass="app-item">
37+
<HBox alignment="CENTER" style="-fx-pref-height: 40" VBox.vgrow="ALWAYS">
38+
<ImageView fitWidth="40" fitHeight="40">
39+
<image>
40+
<Image url="/images/icon.jpg"/>
41+
</image>
42+
</ImageView>
43+
</HBox>
44+
<VBox>
45+
<Label text="临时记事本临时记事本临时记事本" styleClass="app-item-title"/>
46+
</VBox>
47+
<HBox spacing="10">
48+
<Hyperlink text="打开应用" style="-fx-font-weight: bold"/>
49+
<Pane HBox.hgrow="ALWAYS"/>
50+
<Hyperlink text="帮助"/>
51+
</HBox>
52+
</VBox>
53+
<Pane styleClass="app-item,placeholder" />
54+
<Pane styleClass="app-item,placeholder" />
3755
</FlowPane>
3856
</VBox>
3957
<VBox spacing="5" styleClass="app-category">
4058
<Label styleClass="app-category-title" text="文本代码" />
4159
<FlowPane hgap="5" styleClass="app-layout" vgap="5">
42-
<Pane styleClass="app-item" />
43-
<Pane styleClass="app-item" />
44-
<Pane styleClass="app-item" />
45-
<Pane styleClass="app-item" />
46-
<Pane styleClass="app-item" />
47-
<Pane styleClass="app-item" />
48-
<Pane styleClass="app-item" />
49-
<Pane styleClass="app-item" />
50-
<Pane styleClass="app-item" />
60+
<Pane styleClass="app-item,placeholder" />
61+
<Pane styleClass="app-item,placeholder" />
62+
<Pane styleClass="app-item,placeholder" />
63+
<Pane styleClass="app-item,placeholder" />
64+
<Pane styleClass="app-item,placeholder" />
65+
<Pane styleClass="app-item,placeholder" />
66+
<Pane styleClass="app-item,placeholder" />
67+
<Pane styleClass="app-item,placeholder" />
68+
<Pane styleClass="app-item,placeholder" />
5169
</FlowPane>
5270
</VBox>
5371
<VBox spacing="5" styleClass="app-category">
5472
<Label styleClass="app-category-title" text="远程服务" />
5573
<FlowPane hgap="5" styleClass="app-layout" vgap="5">
56-
<Pane styleClass="app-item" />
57-
<Pane styleClass="app-item" />
58-
<Pane styleClass="app-item" />
59-
<Pane styleClass="app-item" />
60-
<Pane styleClass="app-item" />
61-
<Pane styleClass="app-item" />
62-
<Pane styleClass="app-item" />
63-
<Pane styleClass="app-item" />
64-
<Pane styleClass="app-item" />
65-
<Pane styleClass="app-item" />
74+
<Pane styleClass="app-item,placeholder" />
75+
<Pane styleClass="app-item,placeholder" />
76+
<Pane styleClass="app-item,placeholder" />
77+
<Pane styleClass="app-item,placeholder" />
78+
<Pane styleClass="app-item,placeholder" />
79+
<Pane styleClass="app-item,placeholder" />
80+
<Pane styleClass="app-item,placeholder" />
81+
<Pane styleClass="app-item,placeholder" />
82+
<Pane styleClass="app-item,placeholder" />
83+
<Pane styleClass="app-item,placeholder" />
6684
</FlowPane>
6785
</VBox>
6886
<VBox spacing="5" styleClass="app-category">
6987
<Label styleClass="app-category-title" text="图像影音" />
7088
<FlowPane hgap="5" styleClass="app-layout" vgap="5">
71-
<Pane styleClass="app-item" />
72-
<Pane styleClass="app-item" />
73-
<Pane styleClass="app-item" />
74-
<Pane styleClass="app-item" />
75-
<Pane styleClass="app-item" />
76-
<Pane styleClass="app-item" />
77-
<Pane styleClass="app-item" />
78-
<Pane styleClass="app-item" />
79-
<Pane styleClass="app-item" />
80-
<Pane styleClass="app-item" />
89+
<Pane styleClass="app-item,placeholder" />
90+
<Pane styleClass="app-item,placeholder" />
91+
<Pane styleClass="app-item,placeholder" />
92+
<Pane styleClass="app-item,placeholder" />
93+
<Pane styleClass="app-item,placeholder" />
94+
<Pane styleClass="app-item,placeholder" />
95+
<Pane styleClass="app-item,placeholder" />
96+
<Pane styleClass="app-item,placeholder" />
97+
<Pane styleClass="app-item,placeholder" />
98+
<Pane styleClass="app-item,placeholder" />
8199
</FlowPane>
82100
</VBox>
83101
<VBox spacing="5" styleClass="app-category">
84102
<Label styleClass="app-category-title" text="数据库" />
85103
<FlowPane hgap="5" styleClass="app-layout" vgap="5">
86-
<Pane styleClass="app-item" />
87-
<Pane styleClass="app-item" />
88-
<Pane styleClass="app-item" />
89-
<Pane styleClass="app-item" />
90-
<Pane styleClass="app-item" />
91-
<Pane styleClass="app-item" />
92-
<Pane styleClass="app-item" />
93-
<Pane styleClass="app-item" />
94-
<Pane styleClass="app-item" />
104+
<Pane styleClass="app-item,placeholder" />
105+
<Pane styleClass="app-item,placeholder" />
106+
<Pane styleClass="app-item,placeholder" />
107+
<Pane styleClass="app-item,placeholder" />
108+
<Pane styleClass="app-item,placeholder" />
109+
<Pane styleClass="app-item,placeholder" />
110+
<Pane styleClass="app-item,placeholder" />
111+
<Pane styleClass="app-item,placeholder" />
112+
<Pane styleClass="app-item,placeholder" />
95113
</FlowPane>
96114
</VBox>
97115
</VBox>

0 commit comments

Comments
 (0)