Skip to content

Commit c3f69af

Browse files
committed
新版 launcher 初步布局设计
1 parent 1b25147 commit c3f69af

2 files changed

Lines changed: 132 additions & 4 deletions

File tree

Lines changed: 25 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,25 @@
1+
.app-layout .app-item {
2+
-fx-pref-width: 100;
3+
-fx-pref-height: 100;
4+
-fx-background-color: #AADDFF;
5+
}
6+
7+
.app-category-title {
8+
-fx-font-weight: bold;
9+
}
10+
11+
.app-category {
12+
-fx-padding: 10 10 15 10;
13+
}
14+
15+
.search-text {
16+
-fx-background-color: none;
17+
-fx-border-width: 0 0 1 0;
18+
-fx-border-color: #AAAAAA;
19+
}
20+
21+
.search-text:focused {
22+
-fx-background-color: none;
23+
-fx-focus-color: transparent;
24+
-fx-faint-focus-color: transparent;
25+
}
Lines changed: 107 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,112 @@
1+
<?xml version="1.0" encoding="UTF-8"?>
2+
3+
<?import javafx.geometry.Insets?>
14
<?import javafx.scene.control.Hyperlink?>
5+
<?import javafx.scene.control.Label?>
6+
<?import javafx.scene.control.ScrollPane?>
7+
<?import javafx.scene.control.Tab?>
8+
<?import javafx.scene.control.TabPane?>
9+
<?import javafx.scene.control.TextField?>
10+
<?import javafx.scene.layout.FlowPane?>
211
<?import javafx.scene.layout.HBox?>
12+
<?import javafx.scene.layout.Pane?>
313
<?import javafx.scene.layout.VBox?>
4-
<VBox xmlns:fx="javafx" prefWidth="800" prefHeight="600"
14+
<VBox prefHeight="600" prefWidth="800" spacing="5"
15+
stylesheets="/com/xwintop/xJavaFxTool/fxmlView/newui/main.css"
16+
xmlns:fx="http://javafx.com/fxml/1" xmlns="http://javafx.com/javafx/10.0.2-internal"
517
fx:controller="com.xwintop.xJavaFxTool.newui.NewLauncherController">
6-
<HBox style="-fx-padding: 10">
7-
<Hyperlink text="配置" onAction="#openConfigDialog"/>
18+
19+
<padding>
20+
<Insets topRightBottomLeft="5" />
21+
</padding>
22+
23+
<TabPane VBox.vgrow="ALWAYS">
24+
<Tab closable="false" text="开始">
25+
<ScrollPane fitToWidth="true" style="-fx-border-width: 0 1 1 1;-fx-border-color: #CCCCCC;-fx-background:#FFFFFF">
26+
<VBox>
27+
<HBox alignment="BASELINE_LEFT" style="-fx-padding: 10">
28+
<Label text="搜索:" />
29+
<TextField prefWidth="200" styleClass="search-text" />
30+
</HBox>
31+
<VBox spacing="5" styleClass="app-category">
32+
<Label styleClass="app-category-title" text="最近使用" />
33+
<FlowPane hgap="5" styleClass="app-layout" vgap="5">
34+
<Pane styleClass="app-item" />
35+
<Pane styleClass="app-item" />
36+
<Pane styleClass="app-item" />
37+
</FlowPane>
38+
</VBox>
39+
<VBox spacing="5" styleClass="app-category">
40+
<Label styleClass="app-category-title" text="文本代码" />
41+
<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" />
51+
</FlowPane>
52+
</VBox>
53+
<VBox spacing="5" styleClass="app-category">
54+
<Label styleClass="app-category-title" text="远程服务" />
55+
<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" />
66+
</FlowPane>
67+
</VBox>
68+
<VBox spacing="5" styleClass="app-category">
69+
<Label styleClass="app-category-title" text="图像影音" />
70+
<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" />
81+
</FlowPane>
82+
</VBox>
83+
<VBox spacing="5" styleClass="app-category">
84+
<Label styleClass="app-category-title" text="数据库" />
85+
<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" />
95+
</FlowPane>
96+
</VBox>
97+
</VBox>
98+
</ScrollPane>
99+
</Tab>
100+
<!--
101+
<Tab text="文本编辑"/>
102+
<Tab text="远程服务"/>
103+
<Tab text="数据库"/>
104+
<Tab text="图像影音"/>
105+
<Tab text="其他"/>
106+
-->
107+
</TabPane>
108+
109+
<HBox>
110+
<Hyperlink onAction="#openConfigDialog" text="配置" />
8111
</HBox>
9-
</VBox>
112+
</VBox>

0 commit comments

Comments
 (0)