fix style

pom.xml

@@ -6,7 +6,7 @@
 
 	<groupId>com.imyeyu.fx.ui</groupId>
 	<artifactId>timi-fx-ui</artifactId>
-	<version>0.0.3</version>
+	<version>0.0.4</version>
 
 	<properties>
 		<fx.version>25.0.3</fx.version>
@@ -133,12 +133,12 @@
 		<dependency>
 			<groupId>com.imyeyu.fx</groupId>
 			<artifactId>timi-fx</artifactId>
-			<version>0.0.5</version>
+			<version>0.0.6</version>
 		</dependency>
 		<dependency>
 			<groupId>com.imyeyu.fx.icon</groupId>
 			<artifactId>timi-fx-icon</artifactId>
-			<version>0.0.2</version>
+			<version>0.0.3</version>
 		</dependency>
 		<dependency>
 			<groupId>com.imyeyu.lang</groupId>

src/main/java/com/imyeyu/fx/ui/ScreenIdentify.java

@@ -1,6 +1,6 @@
 package com.imyeyu.fx.ui;
 
-import com.imyeyu.fx.utils.ScreenFX;
+import com.imyeyu.fx.utils.screen.Screens;
 import javafx.beans.binding.Bindings;
 import javafx.beans.property.BooleanProperty;
 import javafx.beans.property.ReadOnlyBooleanProperty;
@@ -66,7 +66,7 @@ public class ScreenIdentify extends Stage implements TimiFXUI {
 	public void showIdentify() {
 		show();
 
-		List<Screen> screens = ScreenFX.SCREENS;
+		List<Screen> screens = Screens.all();
 		for (int i = 0; i < screens.size(); i++) {
 			showingIdentifyList.add(new Identify(screens.get(i), i));
 		}
@@ -111,7 +111,7 @@ public class ScreenIdentify extends Stage implements TimiFXUI {
 
 			getContent().setAll(text);
 			getScene().setFill(BLACK);
-			getScene().getStylesheets().addAll(CSS_STYLE, CSS_FONT);
+			TimiFXUI.applyStyle(getScene());
 			sizeToScene();
 		}
 	}

src/main/java/com/imyeyu/fx/ui/TimiFXUI.java

@@ -1,18 +1,25 @@
 package com.imyeyu.fx.ui;
 
-import com.imyeyu.fx.utils.BgFill;
-import com.imyeyu.fx.utils.BorderStroke;
+import com.imyeyu.fx.utils.BorderBuilder;
+import com.imyeyu.fx.utils.bg.BackgroundFillBuilder;
+import com.imyeyu.fx.utils.layout.Layout;
 import com.imyeyu.lang.multi.ResourcesMultilingual;
+import com.sun.javafx.css.StyleManager;
 import javafx.geometry.Insets;
+import javafx.geometry.VPos;
 import javafx.scene.Node;
+import javafx.scene.Scene;
 import javafx.scene.control.Label;
 import javafx.scene.control.SeparatorMenuItem;
 import javafx.scene.control.TableColumn;
 import javafx.scene.effect.DropShadow;
 import javafx.scene.layout.Background;
 import javafx.scene.layout.Border;
+import javafx.scene.layout.GridPane;
 import javafx.scene.paint.Color;
 
+import java.util.Objects;
+
 /**
  * @author 夜雨
  * @version 2024-04-13 14:18
@@ -22,14 +29,55 @@ public interface TimiFXUI {
 	/** 静态资源路径 */
 	String RESOURCE = "/timifx/";
 
+	String RESOURCE_STYLE = RESOURCE + "/style";
+
 	/** 样式文件 */
-	String CSS_STYLE = RESOURCE + "style.css";
+	String CSS_STYLE = resource("style/style.css");
+
+	/** 控件默认样式文件 */
+	String CSS_USER_AGENT = resource("style/user-agent.css");
 
 	/** 全局字体替换 */
-	String CSS_FONT = RESOURCE + "font.css";
+	String CSS_FONT = resource("style/font.css");
 
 	ResourcesMultilingual MULTILINGUAL = new ResourcesMultilingual();
 
+	/**
+	 * 获取静态资源路径
+	 *
+	 * @param path 相对静态资源目录的路径
+	 *
+	 * @return 静态资源绝对路径
+	 */
+	private static String resource(String path) {
+		return Objects.requireNonNull(TimiFXUI.class.getResource(RESOURCE + path)).toExternalForm();
+	}
+
+	/**
+	 * 应用全局样式
+	 *
+	 * @param scene 场景
+	 * @param stylesheets 追加的样式表
+	 */
+	static void applyStyle(Scene scene, String... stylesheets) {
+		if (!Boolean.TRUE.equals(scene.getProperties().get(CSS_USER_AGENT))) {
+			StyleManager.getInstance().addUserAgentStylesheet(scene, CSS_USER_AGENT);
+			scene.getProperties().put(CSS_USER_AGENT, true);
+		}
+		if (!scene.getStylesheets().contains(CSS_STYLE)) {
+			scene.getStylesheets().add(CSS_STYLE);
+		}
+		if (!scene.getStylesheets().contains(CSS_FONT)) {
+			scene.getStylesheets().add(CSS_FONT);
+		}
+		for (String stylesheet : stylesheets) {
+			if (!scene.getStylesheets().contains(stylesheet)) {
+				scene.getStylesheets().add(stylesheet);
+			}
+		}
+	}
+
+
 	/**
 	 *
 	 *
@@ -122,58 +170,58 @@ public interface TimiFXUI {
 	interface Stroke {
 
 		/** 透明边框 */
-		Border TP = new BorderStroke(Colorful.TRANSPARENT).build();
+		Border TP = BorderBuilder.solid(Colorful.TRANSPARENT).build();
 
 		/** 默认边框 */
-		Border DEFAULT = new BorderStroke(Colorful.BORDER).build();
+		Border DEFAULT = BorderBuilder.solid(Colorful.BORDER).build();
 
 		/** 禁用边框 */
-		Border DISABLE = new BorderStroke("#E1E1E1").build();
+		Border DISABLE = BorderBuilder.solid("#E1E1E1").build();
 
 		/** 聚焦边框 */
-		Border FOCUSED = new BorderStroke(Colorful.BORDER).build();
+		Border FOCUSED = BorderBuilder.solid(Colorful.BORDER).build();
 
 		/** 上边框 */
-		Border TOP = new BorderStroke(Colorful.BORDER).top().build();
+		Border TOP = BorderBuilder.solid(Colorful.BORDER).top().build();
 
 		/** 左边框 */
-		Border LEFT = new BorderStroke(Colorful.BORDER).left().build();
+		Border LEFT = BorderBuilder.solid(Colorful.BORDER).left().build();
 
 		/** 右边框 */
-		Border RIGHT = new BorderStroke(Colorful.BORDER).right().build();
+		Border RIGHT = BorderBuilder.solid(Colorful.BORDER).right().build();
 
 		/** 下边框 */
-		Border BOTTOM = new BorderStroke(Colorful.BORDER).bottom().build();
+		Border BOTTOM = BorderBuilder.solid(Colorful.BORDER).bottom().build();
 
 		/** 除了上边框 */
-		Border EX_TOP = new BorderStroke(Colorful.BORDER).exTop().build();
+		Border EX_TOP = BorderBuilder.solid(Colorful.BORDER).exceptTop().build();
 
 		/** 除了左边框 */
-		Border EX_LEFT = new BorderStroke(Colorful.BORDER).exLeft().build();
+		Border EX_LEFT = BorderBuilder.solid(Colorful.BORDER).exceptLeft().build();
 
 		/** 除了右边框 */
-		Border EX_RIGHT = new BorderStroke(Colorful.BORDER).exRight().build();
+		Border EX_RIGHT = BorderBuilder.solid(Colorful.BORDER).exceptRight().build();
 
 		/** 除了下边框 */
-		Border EX_BOTTOM = new BorderStroke(Colorful.BORDER).exBottom().build();
+		Border EX_BOTTOM = BorderBuilder.solid(Colorful.BORDER).exceptBottom().build();
 
 		/** 上右边框 */
-		Border TR = new BorderStroke(Colorful.BORDER).width(1, 1, 0, 0).build();
+		Border TR = BorderBuilder.solid(Colorful.BORDER).width(1, 1, 0, 0).build();
 
 		/** 右下边框 */
-		Border RB = new BorderStroke(Colorful.BORDER).width(0, 1, 1, 0).build();
+		Border RB = BorderBuilder.solid(Colorful.BORDER).width(0, 1, 1, 0).build();
 
 		/** 左下边框 */
-		Border BL = new BorderStroke(Colorful.BORDER).width(0, 0, 1, 1).build();
+		Border BL = BorderBuilder.solid(Colorful.BORDER).width(0, 0, 1, 1).build();
 
 		/** 左上边框 */
-		Border LT = new BorderStroke(Colorful.BORDER).width(1, 0, 0, 1).build();
+		Border LT = BorderBuilder.solid(Colorful.BORDER).width(1, 0, 0, 1).build();
 
 		/** 水平边框，边的方向而非位置 */
-		Border H = new BorderStroke(Colorful.BORDER).width(1, 0).build();
+		Border H = BorderBuilder.solid(Colorful.BORDER).width(1, 0).build();
 
 		/** 垂直边框，边的方向而非位置 */
-		Border V = new BorderStroke(Colorful.BORDER).width(0, 1).build();
+		Border V = BorderBuilder.solid(Colorful.BORDER).width(0, 1).build();
 	}
 
 	/**
@@ -279,37 +327,37 @@ public interface TimiFXUI {
 	interface BG {
 
 		/** FX 默认背景（#F4F4F4） */
-		Background DEFAULT = new BgFill(Colorful.GRAY_WHITE).build();
+		Background DEFAULT = BackgroundFillBuilder.solid(Colorful.GRAY_WHITE).build();
 
 		/** 灰色背景 */
-		Background GRAY = new BgFill(Colorful.GRAY).build();
+		Background GRAY = BackgroundFillBuilder.solid(Colorful.GRAY).build();
 
 		/** 亮灰背景 */
-		Background LIGHT_GRAY = new BgFill(Colorful.LIGHT_GRAY).build();
+		Background LIGHT_GRAY = BackgroundFillBuilder.solid(Colorful.LIGHT_GRAY).build();
 
 		/** 纯黑背景 */
-		Background BLACK = new BgFill(Colorful.BLACK).build();
+		Background BLACK = BackgroundFillBuilder.solid(Colorful.BLACK).build();
 
 		/** 纯白背景 */
-		Background WHITE = new BgFill(Colorful.WHITE).build();
+		Background WHITE = BackgroundFillBuilder.solid(Colorful.WHITE).build();
 
 		/** 透明背景 */
-		Background TRANSPARENT = new BgFill(Colorful.TRANSPARENT).build();
+		Background TRANSPARENT = BackgroundFillBuilder.solid(Colorful.TRANSPARENT).build();
 
 		/** 淡蓝背景 */
-		Background LIGHT_BLUE = new BgFill(Colorful.LIGHT_BLUE).build();
+		Background LIGHT_BLUE = BackgroundFillBuilder.solid(Colorful.LIGHT_BLUE).build();
 
 		/** 聚焦色背景 */
-		Background FOCUSED = new BgFill(Colorful.FOCUSED_DEFAULT).build();
+		Background FOCUSED = BackgroundFillBuilder.solid(Colorful.FOCUSED_DEFAULT).build();
 
 		/** 指向背景，通常用于提示组件尺寸响应拖动 */
-		Background HOVER = new BgFill("#0007").build();
+		Background HOVER = BackgroundFillBuilder.solid("#0007").build();
 
 		/** 渐变的标题背景 */
-		Background TITLE = new BgFill("#DDD", "#F4F4F400").toRight().build();
+		Background TITLE = BackgroundFillBuilder.linear("#DDD", "#F4F4F400").toRight().build();
 
 		/** 填充的标题背景 */
-		Background TITLE_FILL = new BgFill("#DDD").build();
+		Background TITLE_FILL = BackgroundFillBuilder.solid("#DDD").build();
 	}
 
 	/**
@@ -378,6 +426,12 @@ public interface TimiFXUI {
 		return label;
 	}
 
+	static Label gridLabel(String text) {
+		Label label = Layout.margin.top(GridPane::setMargin, TimiFXUI.label(text), 4);
+		GridPane.setValignment(label, VPos.TOP);
+		return label;
+	}
+
 	/**
 	 * 构建通用标题标签
 	 *

src/main/java/com/imyeyu/fx/ui/components/DateTimePicker.java

@@ -2,7 +2,9 @@ package com.imyeyu.fx.ui.components;
 
 import com.imyeyu.fx.TimiFX;
 import com.imyeyu.fx.icon.TimiFXIcon;
+import com.imyeyu.fx.icon.TimiIcon;
 import com.imyeyu.fx.ui.TimiFXUI;
+import com.imyeyu.fx.utils.Nodes;
 import com.imyeyu.java.bean.Callback;
 import com.imyeyu.utils.Time;
 import com.sun.javafx.scene.control.DatePickerContent;
@@ -36,6 +38,10 @@ import java.time.LocalTime;
 public class DateTimePicker extends Region implements TimiFXUI, TimiFXUI.Colorful {
 
 	private static final String STYLE_CLASS = "date-time-picker";
+	private static final String STYLE_CLASS_TIME_PANE = "date-time-picker-time-pane";
+	private static final String STYLE_CLASS_TIME_BOX = "date-time-picker-time-box";
+	private static final String STYLE_CLASS_NOW = "date-time-picker-now";
+	private static final String STYLE_CLASS_CLEAR = "date-time-picker-clear";
 
 	/** 日期选择器 */
 	@Getter
@@ -49,6 +55,8 @@ public class DateTimePicker extends Region implements TimiFXUI, TimiFXUI.Colorfu
 
 	/** 默认构造器 */
 	public DateTimePicker() {
+		getStylesheets().add(DateTimePicker.class.getResource(RESOURCE + "style/components/date-time-picker.css").toExternalForm());
+
 		value = new SimpleLongProperty(-1);
 
 		// 时间选择
@@ -56,22 +64,22 @@ public class DateTimePicker extends Region implements TimiFXUI, TimiFXUI.Colorfu
 		minute = new ListView<>();
 		second = new ListView<>();
 
-		hour.getStyleClass().add(CSS.BORDER_RB);
-		minute.getStyleClass().add(CSS.BORDER_RB);
-		second.getStyleClass().add(CSS.BORDER_B);
+		hour.setBorder(Stroke.RB);
+		minute.setBorder(Stroke.RB);
+		second.setBorder(Stroke.BOTTOM);
 
 		GridPane hmsPane = new GridPane();
+		hmsPane.getStyleClass().add(STYLE_CLASS_TIME_BOX);
 		hmsPane.addRow(0, hour, minute, second);
 
 		Button now = new Button(TimiFXUI.MULTILINGUAL.text("now_tick"));
-		now.getStyleClass().add(CSS.BORDER_L);
+		now.setBorder(Stroke.LEFT);
+		now.getStyleClass().add(STYLE_CLASS_NOW);
 
 		timePane = new BorderPane(hmsPane);
-		timePane.setBorder(Stroke.EX_LEFT);
-		timePane.setEffect(Shadow.IMAGE);
+		timePane.getStylesheets().add(DateTimePicker.class.getResource(RESOURCE + "style/components/date-time-picker.css").toExternalForm());
+		timePane.getStyleClass().add(STYLE_CLASS_TIME_PANE);
 		timePane.setPrefWidth(140);
-		timePane.setBackground(BG.DEFAULT);
-		timePane.setTranslateY(-1);
 		timePane.setBottom(now);
 		BorderPane.setAlignment(now, Pos.CENTER_RIGHT);
 
@@ -105,8 +113,9 @@ public class DateTimePicker extends Region implements TimiFXUI, TimiFXUI.Colorfu
 						// 失焦关闭而非选择后关闭
 					}
 				};
-				IconButton clear = new IconButton(TimiFXIcon.fromName("FAIL", GRAY));
-				clear.getStyleClass().add(CSS.BORDER_ALL);
+				IconButton clear = new IconButton(TimiFXIcon.get(TimiIcon.FAIL, GRAY));
+				clear.setBorder(Stroke.DEFAULT);
+				clear.getStyleClass().add(STYLE_CLASS_CLEAR);
 				clear.translateXProperty().bind(widthProperty().subtract(40));
 				clear.setTranslateY(15);
 				clear.visibleProperty().bind(valueProperty().isNotNull());
@@ -179,9 +188,9 @@ public class DateTimePicker extends Region implements TimiFXUI, TimiFXUI.Colorfu
 		minute.addEventFilter(ScrollEvent.SCROLL, middleScroll);
 		second.addEventFilter(ScrollEvent.SCROLL, middleScroll);
 
-		TimiFX.hoverFocus(hour);
-		TimiFX.hoverFocus(minute);
-		TimiFX.hoverFocus(second);
+		Nodes.requestFocusOnHover(hour);
+		Nodes.requestFocusOnHover(minute);
+		Nodes.requestFocusOnHover(second);
 
 		// 此刻
 		now.setOnAction(e -> setValue(Time.now()));

src/main/java/com/imyeyu/fx/ui/components/FileTreeView.java

@@ -1,13 +1,14 @@
 package com.imyeyu.fx.ui.components;
 
-import com.imyeyu.fx.ObservableUtils;
 import com.imyeyu.fx.icon.TimiFXIcon;
+import com.imyeyu.fx.icon.TimiIcon;
 import com.imyeyu.fx.task.RunAsync;
 import com.imyeyu.fx.ui.TimiFXUI;
 import com.imyeyu.fx.ui.components.alert.AlertButton;
 import com.imyeyu.fx.ui.components.alert.AlertConfirm;
 import com.imyeyu.fx.ui.components.alert.AlertTextField;
 import com.imyeyu.fx.ui.components.alert.AlertTips;
+import com.imyeyu.fx.utils.Observables;
 import com.imyeyu.io.IO;
 import com.imyeyu.java.TimiJava;
 import com.imyeyu.java.bean.CallbackArgReturn;
@@ -64,8 +65,8 @@ public class FileTreeView extends TreeView<File> implements TimiFXUI.Colorful {
 		setCellFactory(cell -> new TreeCell<>() {
 
 			final Label loading = new Label(TimiFXUI.MULTILINGUAL.text("loading"));
-			final Text iconFile = TimiFXIcon.fromName("FILE");
-			final Text iconDirectory = TimiFXIcon.fromName("FOLDER");
+			final Text iconFile = TimiFXIcon.get(TimiIcon.FILE);
+			final Text iconDirectory = TimiFXIcon.get(TimiIcon.FOLDER);
 
 			{
 				iconFile.fillProperty().bind(Bindings.when(FileTreeView.this.focusedProperty().and(selectedProperty())).then(GRAY_WHITE).otherwise(GRAY));
@@ -94,10 +95,10 @@ public class FileTreeView extends TreeView<File> implements TimiFXUI.Colorful {
 		});
 
 		// 右键菜单
-		MenuItem menuMkdir = new MenuItem(TimiFXUI.MULTILINGUAL.text("file.mkdir"), TimiFXIcon.fromName("FOLDER_ADD"));
+		MenuItem menuMkdir = new MenuItem(TimiFXUI.MULTILINGUAL.text("file.mkdir"), TimiFXIcon.get(TimiIcon.FOLDER_ADD));
 		MenuItem menuRename = new MenuItem(TimiFXUI.MULTILINGUAL.text("rename"));
-		MenuItem menuRefresh = new MenuItem(TimiFXUI.MULTILINGUAL.text("refresh"), TimiFXIcon.fromName("REFRESH"));
-		MenuItem menuDestroy = new MenuItem(TimiFXUI.MULTILINGUAL.text("delete"), TimiFXIcon.fromName("FAIL", RED));
+		MenuItem menuRefresh = new MenuItem(TimiFXUI.MULTILINGUAL.text("refresh"), TimiFXIcon.get(TimiIcon.REFRESH));
+		MenuItem menuDestroy = new MenuItem(TimiFXUI.MULTILINGUAL.text("delete"), TimiFXIcon.get(TimiIcon.FAIL, RED));
 
 		setContextMenu(new ContextMenu(menuMkdir, menuRename, menuRefresh, TimiFXUI.sep(), menuDestroy));
 
@@ -108,7 +109,7 @@ public class FileTreeView extends TreeView<File> implements TimiFXUI.Colorful {
 		menuMkdir.setOnAction(e -> mkdir(getSelectionModel().getSelectedItem()));
 
 		// 重命名
-		menuRename.disableProperty().bind(ObservableUtils.onlyOnceInList(getSelectionModel().getSelectedItems()).not());
+		menuRename.disableProperty().bind(Observables.onlyOnceInList(getSelectionModel().getSelectedItems()).not());
 		menuRename.setOnAction(e -> rename(getSelectionModel().getSelectedItem()));
 
 		// 刷新

src/main/java/com/imyeyu/fx/ui/components/FilledSlider.java

@@ -0,0 +1,46 @@
+package com.imyeyu.fx.ui.components;
+
+import com.imyeyu.fx.ui.TimiFXUI;
+import javafx.scene.control.Skin;
+import javafx.scene.control.Slider;
+
+import java.util.Objects;
+
+/**
+ * 带填充轨道的滑动条
+ *
+ * @author 夜雨
+ * @since 2026-07-25
+ */
+public class FilledSlider extends Slider implements TimiFXUI {
+
+	/** 组件样式 */
+	static final String STYLE_CLASS = "filled-slider";
+
+	/** 默认构造，范围 [0, 1]，默认值 0 */
+	public FilledSlider() {
+		this(0, 1, 0);
+	}
+
+	/**
+	 * 标准构造
+	 *
+	 * @param min 最小值
+	 * @param max 最大值
+	 * @param value 当前值
+	 */
+	public FilledSlider(double min, double max, double value) {
+		super(min, max, value);
+		getStyleClass().add(STYLE_CLASS);
+	}
+
+	@Override
+	protected Skin<?> createDefaultSkin() {
+		return new FilledSliderSkin(this);
+	}
+
+	@Override
+	public String getUserAgentStylesheet() {
+		return Objects.requireNonNull(FilledSlider.class.getResource(RESOURCE + "style/components/filled-slider.css")).toExternalForm();
+	}
+}

src/main/java/com/imyeyu/fx/ui/components/FilledSliderSkin.java

@@ -0,0 +1,34 @@
+package com.imyeyu.fx.ui.components;
+
+import com.imyeyu.java.ref.Ref;
+import javafx.scene.control.ProgressBar;
+import javafx.scene.control.skin.SliderSkin;
+import javafx.scene.layout.StackPane;
+
+/**
+ * 填充轨道滑动条皮肤
+ *
+ * @author 夜雨
+ * @since 2026-07-25
+ */
+class FilledSliderSkin extends SliderSkin {
+
+	/**
+	 * 构造皮肤
+	 *
+	 * @param control 控件
+	 */
+	FilledSliderSkin(FilledSlider control) {
+		super(control);
+		try {
+			StackPane track = Ref.getFieldValue(this, "track", StackPane.class);
+			ProgressBar pb = new ProgressBar();
+			pb.progressProperty().bind(control.valueProperty().subtract(control.minProperty()).divide(control.maxProperty().subtract(control.minProperty())));
+			pb.prefWidthProperty().bind(track.widthProperty());
+			pb.setMouseTransparent(true);
+			track.getChildren().addFirst(pb);
+		} catch (IllegalAccessException e) {
+			throw new RuntimeException(e);
+		}
+	}
+}

src/main/java/com/imyeyu/fx/ui/components/Hyperlink.java

@@ -29,6 +29,7 @@ import java.util.regex.Pattern;
  */
 public class Hyperlink extends Label implements TimiFXUI, TimiFXUI.Colorful {
 
+	private static final String STYLE_CLASS = "x-hyperlink";
 	private static final Pattern URL_PATTERN = Pattern.compile("https?://(www\\.)?[-a-zA-Z\\d@:%._+~#=]{1,256}\\.[a-zA-Z\\d()]{1,6}\\b([-a-zA-Z\\d()@:%_+.~#?&/=]*)");
 
 	/** 链接监听 */
@@ -70,10 +71,9 @@ public class Hyperlink extends Label implements TimiFXUI, TimiFXUI.Colorful {
 
 		this.url = new SimpleStringProperty(url);
 
+		getStyleClass().add(STYLE_CLASS);
 		setCursor(Cursor.HAND);
 		setGraphic(icon);
-		setTextFill(FOCUSED_DEFAULT);
-		underlineProperty().bind(hoverProperty());
 
 		addEventFilter(MouseEvent.MOUSE_CLICKED, e -> {
 			if (e.getButton() == MouseButton.PRIMARY) {
@@ -130,4 +130,9 @@ public class Hyperlink extends Label implements TimiFXUI, TimiFXUI.Colorful {
 	public StringProperty urlProperty() {
 		return url;
 	}
+
+	@Override
+	public String getUserAgentStylesheet() {
+		return Hyperlink.class.getResource(RESOURCE + "style/components/hyperlink.css").toExternalForm();
+	}
 }

src/main/java/com/imyeyu/fx/ui/components/IconButton.java

@@ -1,7 +1,7 @@
 package com.imyeyu.fx.ui.components;
 
-import com.imyeyu.fx.TimiFX;
 import com.imyeyu.fx.ui.TimiFXUI;
+import com.imyeyu.fx.utils.Nodes;
 import com.imyeyu.java.TimiJava;
 import javafx.beans.binding.Bindings;
 import javafx.beans.property.BooleanProperty;
@@ -15,6 +15,8 @@ import javafx.scene.image.Image;
 import javafx.scene.image.ImageView;
 import javafx.scene.paint.Paint;
 
+import java.util.Objects;
+
 /**
  * 图标按钮，可选图片、SVG 路径或 {@link com.imyeyu.fx.icon.TimiFXIcon} 的字体图标
  *
@@ -118,7 +120,7 @@ public class IconButton extends Button implements TimiFXUI, TimiFXUI.Colorful {
 		if (node != null) {
 			setGraphic(node);
 		}
-		TimiFX.hoverOpacity(this);
+		Nodes.bindHoverOpacity(this);
 
 		// 自适应尺寸、单独图标、图标文本混合时设置不同的内边距
 		paddingProperty().bind(Bindings.createObjectBinding(() -> {
@@ -140,20 +142,8 @@ public class IconButton extends Button implements TimiFXUI, TimiFXUI.Colorful {
 	 * @return 本实例
 	 */
 	public IconButton withBackground() {
-		return withBackground(null);
-	}
-
-	/**
-	 * 添加按钮背景
-	 *
-	 * @param borderClass 边框类
-	 * @return 本实例
-	 */
-	public IconButton withBackground(String borderClass) {
 		getStyleClass().add(CSS.BG_BUTTON);
-		if (TimiJava.isNotEmpty(borderClass)) {
-			getStyleClass().add(borderClass);
-		}
+		setBorder(Stroke.DEFAULT);
 		opacityProperty().unbind();
 		return this;
 	}
@@ -169,7 +159,7 @@ public class IconButton extends Button implements TimiFXUI, TimiFXUI.Colorful {
 	}
 
 	/**
-	 * 获取当前是否自适应尺寸，ture 时图标尺寸决定组件尺寸
+	 * 获取当前是否自适应尺寸，true 时图标尺寸决定组件尺寸
 	 *
 	 * @return true 为自适应尺寸
 	 */
@@ -178,7 +168,7 @@ public class IconButton extends Button implements TimiFXUI, TimiFXUI.Colorful {
 	}
 
 	/**
-	 * 设置是否自适应尺寸，ture 时图标尺寸决定组件尺寸
+	 * 设置是否自适应尺寸，true 时图标尺寸决定组件尺寸
 	 *
 	 * @param autoSize true 为自适应尺寸
 	 */
@@ -205,4 +195,9 @@ public class IconButton extends Button implements TimiFXUI, TimiFXUI.Colorful {
 		iconTextPadding = new Insets(tv, h, tv, h);
 		return defaultSkin;
 	}
+
+	@Override
+	public String getUserAgentStylesheet() {
+		return Objects.requireNonNull(IconButton.class.getResource(RESOURCE + "style/components/icon-button.css")).toExternalForm();
+	}
 }

src/main/java/com/imyeyu/fx/ui/components/IconPicker.java

@@ -1,9 +1,10 @@
 package com.imyeyu.fx.ui.components;
 
 import com.imyeyu.fx.icon.TimiFXIcon;
+import com.imyeyu.fx.icon.TimiIcon;
 import com.imyeyu.fx.ui.TimiFXUI;
-import com.imyeyu.fx.utils.BgFill;
-import com.imyeyu.fx.utils.SmoothScroll;
+import com.imyeyu.fx.utils.bg.BackgroundFillBuilder;
+import com.imyeyu.fx.utils.scroll.SmoothScroll;
 import com.imyeyu.java.TimiJava;
 import com.imyeyu.java.ref.Ref;
 import com.imyeyu.utils.Collect;
@@ -29,8 +30,12 @@ import javafx.stage.Stage;
 import javafx.stage.StageStyle;
 
 import java.util.ArrayList;
+import java.util.Arrays;
+import java.util.Comparator;
 import java.util.List;
 import java.util.Map;
+import java.util.function.Function;
+import java.util.stream.Collectors;
 
 /**
  * {@link TimiFXIcon} 的图标选择器（标签搜索需要联网）
@@ -58,7 +63,7 @@ public class IconPicker extends TextField implements TimiFXUI {
 			if (TimiJava.isEmpty(value)) {
 				root.setLeft(null);
 			} else {
-				Text icon = TimiFXIcon.fromName(value);
+				Text icon = TimiFXIcon.get(TimiIcon.valueOf(value));
 				BorderPane.setMargin(icon, new Insets(0, 2, 0, 0));
 				BorderPane.setAlignment(icon, Pos.CENTER);
 				root.setLeft(icon);
@@ -81,7 +86,7 @@ public class IconPicker extends TextField implements TimiFXUI {
 			if (newToggle == null) {
 				clear();
 			} else if (newToggle instanceof ToggleIcon icon) {
-				setText(icon.name.toUpperCase());
+				setText(icon.value.toString());
 			}
 		});
 	}
@@ -109,7 +114,7 @@ public class IconPicker extends TextField implements TimiFXUI {
 	 * @return 图标图像
 	 */
 	public Image getValue() {
-		return TimiFXIcon.imageFromName(getText());
+		return TimiFXIcon.getImage(TimiIcon.valueOf(getText()));
 	}
 
 	/**
@@ -122,7 +127,7 @@ public class IconPicker extends TextField implements TimiFXUI {
 
 		final ToggleGroup group;
 		final List<ToggleIcon> icons;
-		final Map<String, Character> nameMapping = TimiFXIcon.getNameMapping();
+		final Map<TimiIcon, String> unicodeMap = Arrays.stream(TimiIcon.values()).collect(Collectors.toMap(Function.identity(), TimiIcon::getUnicode));
 
 		public IconPickerPopup() {
 			// 图标
@@ -131,13 +136,12 @@ public class IconPicker extends TextField implements TimiFXUI {
 
 			icons = new ArrayList<>();
 			group = new ToggleGroup();
-			Map<String, Character> items = Collect.sortMapByStringKeyASC(nameMapping);
-			for (Map.Entry<String, Character> item : items.entrySet()) {
+			Map<TimiIcon, String> items = Collect.sortMap(unicodeMap, Comparator.comparing(Enum::name));
+			for (Map.Entry<TimiIcon, String> item : items.entrySet()) {
 				icons.add(new ToggleIcon(group, item.getKey()));
 			}
 			tile.getChildren().addAll(icons);
-
-			focusedProperty().addListener((obs, o, isFocused) -> {
+			focusedProperty().addListener((_, _, isFocused) -> {
 				if (!isFocused) {
 					hide();
 				}
@@ -156,12 +160,12 @@ public class IconPicker extends TextField implements TimiFXUI {
 						setPadding(new Insets(6, 8, 6, 8));
 						setFitToWidth(true);
 
-						SmoothScroll.scrollPane(this);
+						SmoothScroll.pane.install(this);
 					}});
 				}});
 			}});
 			scene.setFill(null);
-			scene.getStylesheets().addAll(CSS_STYLE, CSS_FONT);
+			TimiFXUI.applyStyle(scene);
 			setScene(scene);
 			setWidth(360);
 			setHeight(240);
@@ -177,16 +181,16 @@ public class IconPicker extends TextField implements TimiFXUI {
 	 */
 	private static class ToggleIcon extends ToggleButton {
 
-		private static final Background SELECTED = new BgFill("#99D1FF").build();
+		private static final Background SELECTED = BackgroundFillBuilder.solid("#99D1FF").build();
 
 		/** 图标名称 */
-		final String name;
+		final TimiIcon value;
 
-		public ToggleIcon(ToggleGroup ownerGroup, String name) {
+		public ToggleIcon(ToggleGroup ownerGroup, TimiIcon value) {
 			super("");
-			this.name = name;
+			this.value = value;
 
-			setGraphic(TimiFXIcon.fromName(name));
+			setGraphic(TimiFXIcon.get(value, 16));
 			getStyleClass().clear();
 			managedProperty().bind(visibleProperty());
 			borderProperty().bind(Bindings.when(hoverProperty()).then(Stroke.FOCUSED).otherwise(Stroke.TP));

src/main/java/com/imyeyu/fx/ui/components/LabelProgressBar.java

@@ -1,5 +1,6 @@
 package com.imyeyu.fx.ui.components;
 
+import com.imyeyu.fx.ui.TimiFXUI;
 import com.imyeyu.java.bean.CallbackArgReturn;
 import javafx.beans.property.DoubleProperty;
 import javafx.beans.property.StringProperty;
@@ -16,7 +17,7 @@ import lombok.Setter;
  * @since 2022-08-09 10:48
  */
 @Getter
-public class LabelProgressBar extends StackPane {
+public class LabelProgressBar extends StackPane implements TimiFXUI {
 
 	private static final String STYLE_CLASS = "label-progress-bar";
 
@@ -32,6 +33,8 @@ public class LabelProgressBar extends StackPane {
 
 	/** 默认构造 */
 	public LabelProgressBar() {
+		getStylesheets().add(LabelProgressBar.class.getResource(RESOURCE + "style/components/label-progress-bar.css").toExternalForm());
+
 		label = new Label();
 		bar = new ProgressBar();
 		bar.prefWidthProperty().bind(widthProperty());

src/main/java/com/imyeyu/fx/ui/components/Pagination.java

@@ -1,6 +1,7 @@
 package com.imyeyu.fx.ui.components;
 
 import com.imyeyu.fx.icon.TimiFXIcon;
+import com.imyeyu.fx.icon.TimiIcon;
 import com.imyeyu.fx.ui.TimiFXUI;
 import javafx.beans.binding.Bindings;
 import javafx.beans.property.IntegerProperty;
@@ -15,11 +16,13 @@ import javafx.scene.control.Label;
 import javafx.scene.control.ToggleButton;
 import javafx.scene.control.ToggleGroup;
 import javafx.scene.input.MouseEvent;
+import javafx.scene.layout.Border;
 import javafx.scene.layout.HBox;
 import javafx.scene.layout.Region;
 
 import java.util.ArrayList;
 import java.util.List;
+import java.util.Objects;
 
 /**
  * 分页组件，支持省略页，滚动页，如 [<][1]..[5][6][7][8][9]..[20][>]
@@ -77,8 +80,8 @@ public class Pagination extends HBox implements TimiFXUI {
 		PageButton tb;
 
 		// 上一页
-		prev = new IconButton(TimiFXIcon.fromName("ARROW_1_W")).withBackground();
-		prev.getStyleClass().add(CSS.BORDER_N);
+		prev = new IconButton(TimiFXIcon.get(TimiIcon.ARROW_1_W)).withBackground();
+		prev.setBorder(Border.EMPTY);
 		prev.setMaxHeight(Double.MAX_VALUE);
 		prev.disableProperty().bind(ip.isEqualTo(0));
 		getChildren().add(prev);
@@ -94,7 +97,7 @@ public class Pagination extends HBox implements TimiFXUI {
 				// 2. 总页数大于等于 8，激活下标小于 4（1 - 4 页）
 				tb.visibleProperty().bind(cp.greaterThan(i).and(cp.lessThan(8)).or(cp.greaterThan(7).and(ip.lessThan(4))));
 			} else {
-				tb.getStyleClass().add(CSS.BORDER_LR);
+				tb.setBorder(Stroke.V);
 			}
 			pageButtons.add(tb);
 			getChildren().add(tb);
@@ -147,9 +150,9 @@ public class Pagination extends HBox implements TimiFXUI {
 		}
 
 		// 下一页
-		next = new IconButton(TimiFXIcon.fromName("ARROW_1_E")).withBackground();
+		next = new IconButton(TimiFXIcon.get(TimiIcon.ARROW_1_E)).withBackground();
+		next.setBorder(Border.EMPTY);
 		next.setMaxHeight(Double.MAX_VALUE);
-		next.getStyleClass().add(CSS.BORDER_N);
 		next.disableProperty().bind(ip.isEqualTo(cp.subtract(1)).or(cp.isEqualTo(0)));
 
 		getStyleClass().add(STYLE_CLASS);
@@ -193,6 +196,11 @@ public class Pagination extends HBox implements TimiFXUI {
 		next.setOnAction(e -> ip.set(nextI));
 	}
 
+	@Override
+	public String getUserAgentStylesheet() {
+		return Objects.requireNonNull(Pagination.class.getResource(RESOURCE + "style/components/pagination.css")).toExternalForm();
+	}
+
 	/** 选择上一页 */
 	public void prev() {
 		prev.fire();
@@ -322,7 +330,8 @@ public class Pagination extends HBox implements TimiFXUI {
 		public PageButton() {
 			indexProperty = new SimpleIntegerProperty();
 
-			getStyleClass().addAll(CSS.BORDER_R, CSS.BG_BUTTON);
+			getStyleClass().add(CSS.BG_BUTTON);
+			setBorder(Stroke.RIGHT);
 			// 页码即显示内容
 			textProperty().bind(indexProperty.add(1).asString());
 			managedProperty().bind(visibleProperty());
@@ -333,5 +342,10 @@ public class Pagination extends HBox implements TimiFXUI {
 				}
 			});
 		}
+
+		@Override
+		public String getUserAgentStylesheet() {
+			return Objects.requireNonNull(Pagination.class.getResource(RESOURCE + "style/components/pagination.css")).toExternalForm();
+		}
 	}
 }

src/main/java/com/imyeyu/fx/ui/components/ProgressSlider.java

@@ -1,55 +0,0 @@
-package com.imyeyu.fx.ui.components;
-
-import com.imyeyu.fx.ui.TimiFXUI;
-import com.imyeyu.java.ref.Ref;
-import javafx.scene.control.ProgressBar;
-import javafx.scene.control.Skin;
-import javafx.scene.control.Slider;
-import javafx.scene.control.skin.SliderSkin;
-import javafx.scene.layout.StackPane;
-
-/**
- * 带有进度的滑动选中，通常是媒体播放进度或音量进度（未对纵向滑动组件测试）
- *
- * @author 夜雨
- * @since 2021-11-09 21:34
- */
-public class ProgressSlider extends Slider implements TimiFXUI {
-
-	private static final String STYLE_CLASS = "progress-slider";
-
-	/** 默认构造，范围 [0, 1]，默认值 0 */
-	public ProgressSlider() {
-		this(0, 1, 0);
-	}
-
-	/**
-	 * 标准构造
-	 *
-	 * @param min   最小值
-	 * @param max   最大值
-	 * @param value 当前值
-	 */
-	public ProgressSlider(double min, double max, double value) {
-		super(min, max, value);
-		getStyleClass().add(STYLE_CLASS);
-	}
-
-	@Override
-	protected Skin<?> createDefaultSkin() {
-		Skin<?> skin = super.createDefaultSkin();
-		if (skin instanceof SliderSkin) {
-			try {
-				StackPane track = Ref.getFieldValue(skin, "track", StackPane.class);
-				ProgressBar pb = new ProgressBar();
-				pb.progressProperty().bind(valueProperty().subtract(minProperty()).divide(maxProperty().subtract(minProperty())));
-				pb.prefWidthProperty().bind(track.widthProperty());
-				pb.setMouseTransparent(true);
-				track.getChildren().addFirst(pb);
-			} catch (IllegalAccessException e) {
-				throw new RuntimeException(e);
-			}
-		}
-		return skin;
-	}
-}

src/main/java/com/imyeyu/fx/ui/components/RadioButtonGroup.java

@@ -0,0 +1,462 @@
+package com.imyeyu.fx.ui.components;
+
+import com.imyeyu.fx.utils.Nodes;
+import javafx.beans.property.BooleanProperty;
+import javafx.beans.property.DoubleProperty;
+import javafx.beans.property.IntegerProperty;
+import javafx.beans.property.ObjectProperty;
+import javafx.beans.property.ReadOnlyObjectProperty;
+import javafx.beans.property.ReadOnlyObjectWrapper;
+import javafx.beans.property.SimpleBooleanProperty;
+import javafx.beans.property.SimpleDoubleProperty;
+import javafx.beans.property.SimpleIntegerProperty;
+import javafx.beans.property.SimpleObjectProperty;
+import javafx.collections.FXCollections;
+import javafx.collections.ListChangeListener;
+import javafx.collections.ObservableList;
+import javafx.event.EventHandler;
+import javafx.geometry.Pos;
+import javafx.scene.control.Control;
+import javafx.scene.control.Skin;
+import javafx.scene.control.ToggleButton;
+import javafx.scene.control.ToggleGroup;
+import javafx.scene.input.KeyCode;
+import javafx.scene.input.KeyEvent;
+import javafx.scene.input.MouseEvent;
+import lombok.Getter;
+
+/**
+ * 单选按钮组组件
+ *
+ * @author 夜雨
+ * @since 2026-06-26
+ */
+public class RadioButtonGroup extends Control {
+
+	/**
+	 * 按钮组模式
+	 *
+	 * @author 夜雨
+	 * @since 2026-06-26
+	 */
+	public enum Mode {
+
+		/** 按钮模式 */
+		BUTTON,
+
+		/** 滑块模式 */
+		SLIDER
+	}
+
+	/** 根样式 */
+	public static final String STYLE_CLASS = "radio-button-group";
+
+	/** 按钮模式样式 */
+	public static final String STYLE_CLASS_BUTTON_MODE = "button-mode";
+
+	/** 滑块模式样式 */
+	public static final String STYLE_CLASS_SLIDER_MODE = "slider-mode";
+
+	/** 容器样式 */
+	public static final String STYLE_CLASS_BOX = "radio-button-group-box";
+
+	/** 滑块样式 */
+	public static final String STYLE_CLASS_SLIDER = "radio-button-group-slider";
+
+	/** 按钮样式 */
+	public static final String STYLE_CLASS_BUTTON = "radio-button-group-button";
+
+	/** 首按钮样式 */
+	public static final String STYLE_CLASS_FIRST = "first";
+
+	/** 中间按钮样式 */
+	public static final String STYLE_CLASS_MIDDLE = "middle";
+
+	/** 末按钮样式 */
+	public static final String STYLE_CLASS_LAST = "last";
+
+	/** 单按钮样式 */
+	public static final String STYLE_CLASS_SINGLE = "single";
+
+	/** 按钮列表 */
+	@Getter
+	private final ObservableList<ToggleButton> buttons;
+
+	/** 按钮组 */
+	private final ToggleGroup toggleGroup;
+
+	/** 当前选中按钮 */
+	private final ReadOnlyObjectWrapper<ToggleButton> selectedButton;
+
+	/** 当前选中下标 */
+	private final IntegerProperty selectedIndex;
+
+	/** 按钮间距 */
+	private final DoubleProperty spacing;
+
+	/** 布局对齐方式 */
+	private final ObjectProperty<Pos> alignment;
+
+	/** 当前模式 */
+	private final ObjectProperty<Mode> mode;
+
+	/** true 为允许清空选中 */
+	private final BooleanProperty allowClearSelection;
+
+	/** 禁止重复点击清空 */
+	private final EventHandler<MouseEvent> keepSelectionEvent = event -> {
+		if (shouldKeepSelection(event.getSource())) {
+			event.consume();
+		}
+	};
+
+	/** 禁止通过键盘重复触发清空 */
+	private final EventHandler<KeyEvent> keepSelectionKeyEvent = event -> {
+		if ((event.getCode() == KeyCode.SPACE || event.getCode() == KeyCode.ENTER) && shouldKeepSelection(event.getSource())) {
+			event.consume();
+		}
+	};
+
+	/**
+	 * 默认构造器
+	 */
+	public RadioButtonGroup() {
+		buttons = FXCollections.observableArrayList();
+		toggleGroup = new ToggleGroup();
+		selectedButton = new ReadOnlyObjectWrapper<>();
+		selectedIndex = new SimpleIntegerProperty(-1);
+		spacing = new SimpleDoubleProperty();
+		alignment = new SimpleObjectProperty<>(Pos.CENTER_LEFT);
+		mode = new SimpleObjectProperty<>(Mode.BUTTON);
+		allowClearSelection = new SimpleBooleanProperty();
+
+		getStyleClass().addAll(STYLE_CLASS, STYLE_CLASS_BUTTON_MODE);
+		setFocusTraversable(false);
+
+		initSelectionSync();
+		initButtonsListener();
+		initModeStyleClass();
+	}
+
+	/**
+	 * 初始化选中同步
+	 */
+	private void initSelectionSync() {
+		toggleGroup.selectedToggleProperty().addListener((obs, oldToggle, toggle) -> {
+			if (!isAllowClearSelection() && toggle == null && oldToggle instanceof ToggleButton button && buttons.contains(button)) {
+				toggleGroup.selectToggle(button);
+				return;
+			}
+			if (toggle instanceof ToggleButton button) {
+				selectedButton.set(button);
+				selectedIndex.set(buttons.indexOf(button));
+				return;
+			}
+			selectedButton.set(null);
+			selectedIndex.set(-1);
+		});
+		selectedIndex.addListener((obs, o, newIndex) -> {
+			int index = newIndex == null ? -1 : newIndex.intValue();
+			if (index < 0) {
+				if (isAllowClearSelection()) {
+					toggleGroup.selectToggle(null);
+				}
+				return;
+			}
+			if (index < buttons.size()) {
+				toggleGroup.selectToggle(buttons.get(index));
+			}
+		});
+	}
+
+	/**
+	 * 初始化按钮监听
+	 */
+	private void initButtonsListener() {
+		buttons.addListener((ListChangeListener<ToggleButton>) change -> {
+			while (change.next()) {
+				if (change.wasRemoved()) {
+					for (ToggleButton button : change.getRemoved()) {
+						detachButton(button);
+					}
+				}
+				if (change.wasAdded()) {
+					for (ToggleButton button : change.getAddedSubList()) {
+						attachButton(button);
+					}
+				}
+			}
+			syncSelectionState();
+		});
+	}
+
+	/**
+	 * 初始化模式样式
+	 */
+	private void initModeStyleClass() {
+		Nodes.bindStyleClass(this, mode.isEqualTo(Mode.SLIDER), STYLE_CLASS_SLIDER_MODE, STYLE_CLASS_BUTTON_MODE);
+	}
+
+	/**
+	 * 挂载按钮到当前组件
+	 *
+	 * @param button 按钮
+	 */
+	private void attachButton(ToggleButton button) {
+		if (button == null) {
+			throw new IllegalArgumentException("button must not be null");
+		}
+		button.setToggleGroup(toggleGroup);
+		button.addEventFilter(MouseEvent.MOUSE_PRESSED, keepSelectionEvent);
+		button.addEventFilter(KeyEvent.KEY_PRESSED, keepSelectionKeyEvent);
+		button.addEventFilter(KeyEvent.KEY_RELEASED, keepSelectionKeyEvent);
+	}
+
+	/**
+	 * 卸载按钮
+	 *
+	 * @param button 按钮
+	 */
+	private void detachButton(ToggleButton button) {
+		button.removeEventFilter(MouseEvent.MOUSE_PRESSED, keepSelectionEvent);
+		button.removeEventFilter(KeyEvent.KEY_PRESSED, keepSelectionKeyEvent);
+		button.removeEventFilter(KeyEvent.KEY_RELEASED, keepSelectionKeyEvent);
+		if (button.getToggleGroup() == toggleGroup) {
+			button.setToggleGroup(null);
+		}
+	}
+
+	/**
+	 * 判断是否需要保持当前选中
+	 *
+	 * @param source 事件源
+	 * @return true 为拦截当前重复触发
+	 */
+	private boolean shouldKeepSelection(Object source) {
+		return !isAllowClearSelection() && source instanceof ToggleButton button && button.isSelected();
+	}
+
+	/**
+	 * 同步当前选中状态
+	 */
+	private void syncSelectionState() {
+		ToggleButton currentSelectedButton = getSelectedButton();
+		if (currentSelectedButton != null && !buttons.contains(currentSelectedButton)) {
+			if (isAllowClearSelection()) {
+				toggleGroup.selectToggle(null);
+			}
+			else if (!buttons.isEmpty()) {
+				toggleGroup.selectToggle(buttons.getFirst());
+			}
+			return;
+		}
+		int index = selectedIndex.get();
+		if (index < 0 || buttons.size() <= index) {
+			if (!buttons.isEmpty() && !isAllowClearSelection() && toggleGroup.getSelectedToggle() == null) {
+				toggleGroup.selectToggle(buttons.getFirst());
+			}
+			return;
+		}
+		toggleGroup.selectToggle(buttons.get(index));
+	}
+
+	@Override
+	protected Skin<?> createDefaultSkin() {
+		return new RadioButtonGroupSkin(this);
+	}
+
+	/**
+	 * 添加按钮
+	 *
+	 * @param buttons 按钮列表
+	 */
+	public void addButton(ToggleButton... buttons) {
+		getButtons().addAll(buttons);
+	}
+
+	/**
+	 * 添加文本按钮
+	 *
+	 * @param text 按钮文本
+	 * @return 新增按钮
+	 */
+	public ToggleButton addButton(String text) {
+		ToggleButton button = new ToggleButton(text);
+		getButtons().add(button);
+		return button;
+	}
+
+	/**
+	 * 设置当前选中按钮
+	 *
+	 * @param button 当前选中按钮
+	 */
+	public void setSelectedButton(ToggleButton button) {
+		if (button == null) {
+			if (isAllowClearSelection()) {
+				toggleGroup.selectToggle(null);
+			}
+			return;
+		}
+		if (!buttons.contains(button)) {
+			throw new IllegalArgumentException("button must belong to current group");
+		}
+		toggleGroup.selectToggle(button);
+	}
+
+	/**
+	 * 获取当前选中按钮
+	 *
+	 * @return 当前选中按钮
+	 */
+	public ToggleButton getSelectedButton() {
+		return selectedButton.get();
+	}
+
+	/**
+	 * 获取当前选中按钮属性
+	 *
+	 * @return 当前选中按钮属性
+	 */
+	public ReadOnlyObjectProperty<ToggleButton> selectedButtonProperty() {
+		return selectedButton.getReadOnlyProperty();
+	}
+
+	/**
+	 * 设置当前选中下标
+	 *
+	 * @param selectedIndex 当前选中下标
+	 */
+	public void setSelectedIndex(int selectedIndex) {
+		this.selectedIndex.set(selectedIndex);
+	}
+
+	/**
+	 * 获取当前选中下标
+	 *
+	 * @return 当前选中下标
+	 */
+	public int getSelectedIndex() {
+		return selectedIndex.get();
+	}
+
+	/**
+	 * 获取当前选中下标属性
+	 *
+	 * @return 当前选中下标属性
+	 */
+	public IntegerProperty selectedIndexProperty() {
+		return selectedIndex;
+	}
+
+	/**
+	 * 设置按钮间距
+	 *
+	 * @param spacing 按钮间距
+	 */
+	public void setSpacing(double spacing) {
+		this.spacing.set(Math.max(0, spacing));
+	}
+
+	/**
+	 * 获取按钮间距
+	 *
+	 * @return 按钮间距
+	 */
+	public double getSpacing() {
+		return spacing.get();
+	}
+
+	/**
+	 * 获取按钮间距属性
+	 *
+	 * @return 按钮间距属性
+	 */
+	public DoubleProperty spacingProperty() {
+		return spacing;
+	}
+
+	/**
+	 * 设置布局对齐方式
+	 *
+	 * @param alignment 布局对齐方式
+	 */
+	public void setAlignment(Pos alignment) {
+		this.alignment.set(alignment);
+	}
+
+	/**
+	 * 获取布局对齐方式
+	 *
+	 * @return 布局对齐方式
+	 */
+	public Pos getAlignment() {
+		return alignment.get();
+	}
+
+	/**
+	 * 获取布局对齐方式属性
+	 *
+	 * @return 布局对齐方式属性
+	 */
+	public ObjectProperty<Pos> alignmentProperty() {
+		return alignment;
+	}
+
+	/**
+	 * 设置当前模式
+	 *
+	 * @param mode 当前模式
+	 */
+	public void setMode(Mode mode) {
+		this.mode.set(mode == null ? Mode.BUTTON : mode);
+	}
+
+	/**
+	 * 获取当前模式
+	 *
+	 * @return 当前模式
+	 */
+	public Mode getMode() {
+		return mode.get();
+	}
+
+	/**
+	 * 获取当前模式属性
+	 *
+	 * @return 当前模式属性
+	 */
+	public ObjectProperty<Mode> modeProperty() {
+		return mode;
+	}
+
+	/**
+	 * 设置是否允许清空选中
+	 *
+	 * @param allowClearSelection true 为允许清空选中
+	 */
+	public void setAllowClearSelection(boolean allowClearSelection) {
+		this.allowClearSelection.set(allowClearSelection);
+		if (!allowClearSelection && toggleGroup.getSelectedToggle() == null && !buttons.isEmpty()) {
+			toggleGroup.selectToggle(buttons.getFirst());
+		}
+	}
+
+	/**
+	 * 获取是否允许清空选中
+	 *
+	 * @return true 为允许清空选中
+	 */
+	public boolean isAllowClearSelection() {
+		return allowClearSelection.get();
+	}
+
+	/**
+	 * 获取是否允许清空选中属性
+	 *
+	 * @return 是否允许清空选中属性
+	 */
+	public BooleanProperty allowClearSelectionProperty() {
+		return allowClearSelection;
+	}
+}

src/main/java/com/imyeyu/fx/ui/components/RadioButtonGroupSkin.java

@@ -0,0 +1,221 @@
+package com.imyeyu.fx.ui.components;
+
+import com.imyeyu.fx.bean.Interpolates;
+import javafx.animation.KeyFrame;
+import javafx.animation.KeyValue;
+import javafx.animation.Timeline;
+import javafx.beans.binding.Bindings;
+import javafx.beans.property.DoubleProperty;
+import javafx.beans.property.SimpleDoubleProperty;
+import javafx.collections.ListChangeListener;
+import javafx.geometry.Bounds;
+import javafx.scene.control.SkinBase;
+import javafx.scene.control.ToggleButton;
+import javafx.scene.layout.HBox;
+import javafx.scene.layout.Region;
+import javafx.scene.layout.StackPane;
+import javafx.util.Duration;
+
+/**
+ * 单选按钮组皮肤
+ *
+ * @author 夜雨
+ * @since 2026-06-26
+ */
+public class RadioButtonGroupSkin extends SkinBase<RadioButtonGroup> {
+
+	/** 动画时长 */
+	private static final Duration SLIDER_DURATION = Duration.millis(320);
+
+	/** 按钮容器 */
+	private final HBox box;
+
+	/** 滑块 */
+	private final Region slider;
+
+	/** 滑块 x */
+	private final DoubleProperty sliderX;
+
+	/** 滑块 y */
+	private final DoubleProperty sliderY;
+
+	/** 滑块宽度 */
+	private final DoubleProperty sliderWidth;
+
+	/** 滑块高度 */
+	private final DoubleProperty sliderHeight;
+
+	/** 滑块动画 */
+	private Timeline sliderTimeline;
+
+	/**
+	 * 构造按钮组皮肤
+	 *
+	 * @param control 按钮组控件
+	 */
+	public RadioButtonGroupSkin(RadioButtonGroup control) {
+		super(control);
+
+		sliderX = new SimpleDoubleProperty();
+		sliderY = new SimpleDoubleProperty();
+		sliderWidth = new SimpleDoubleProperty();
+		sliderHeight = new SimpleDoubleProperty();
+		sliderTimeline = new Timeline();
+
+		box = new HBox();
+		box.getStyleClass().add(RadioButtonGroup.STYLE_CLASS_BOX);
+
+		slider = new Region();
+		slider.getStyleClass().add(RadioButtonGroup.STYLE_CLASS_SLIDER);
+		slider.setManaged(false);
+		slider.setMouseTransparent(true);
+
+		sliderX.addListener((obs, o, n) -> applySliderBounds());
+		sliderY.addListener((obs, o, n) -> applySliderBounds());
+		sliderWidth.addListener((obs, o, n) -> applySliderBounds());
+		sliderHeight.addListener((obs, o, n) -> applySliderBounds());
+
+		box.alignmentProperty().bind(control.alignmentProperty());
+		box.spacingProperty().bind(Bindings.createDoubleBinding(
+			() -> control.getMode() == RadioButtonGroup.Mode.BUTTON && control.getSpacing() < 1 ? -1 : control.getSpacing(),
+			control.modeProperty(),
+			control.spacingProperty()
+		));
+		getChildren().add(new StackPane() {{
+			getStyleClass().add(RadioButtonGroup.STYLE_CLASS_BOX);
+			getChildren().addAll(slider, box);
+		}});
+
+		rebuildButtons();
+		initListeners(control);
+		updateMode();
+	}
+
+	/**
+	 * 初始化监听
+	 *
+	 * @param control 控件
+	 */
+	private void initListeners(RadioButtonGroup control) {
+		control.getButtons().addListener((ListChangeListener<ToggleButton>) change -> rebuildButtons());
+		control.selectedButtonProperty().addListener((obs, o, n) -> syncSlider());
+		control.modeProperty().addListener((obs, o, n) -> {
+			updateMode();
+			syncSlider();
+		});
+		box.layoutBoundsProperty().addListener((obs, o, n) -> {
+			syncSlider();
+		});
+	}
+
+	/**
+	 * 重建按钮结构
+	 */
+	private void rebuildButtons() {
+		box.getChildren().setAll(getSkinnable().getButtons());
+		syncButtonStyleClass();
+		syncSlider();
+	}
+
+	/**
+	 * 同步按钮样式
+	 */
+	private void syncButtonStyleClass() {
+		int size = getSkinnable().getButtons().size();
+		for (int i = 0; i < size; i++) {
+			ToggleButton button = getSkinnable().getButtons().get(i);
+			button.getStyleClass().removeAll(
+				RadioButtonGroup.STYLE_CLASS_BUTTON,
+				RadioButtonGroup.STYLE_CLASS_FIRST,
+				RadioButtonGroup.STYLE_CLASS_MIDDLE,
+				RadioButtonGroup.STYLE_CLASS_LAST,
+				RadioButtonGroup.STYLE_CLASS_SINGLE
+			);
+			button.getStyleClass().add(RadioButtonGroup.STYLE_CLASS_BUTTON);
+			button.selectedProperty().addListener((obs, o, n) -> button.setViewOrder(n ? -1 : 0));
+			button.setViewOrder(button.isSelected() ? -1 : 0);
+			button.layoutBoundsProperty().addListener((obs, o, n) -> syncSlider());
+			button.boundsInParentProperty().addListener((obs, o, n) -> syncSlider());
+
+			if (size == 1) {
+				button.getStyleClass().add(RadioButtonGroup.STYLE_CLASS_SINGLE);
+				continue;
+			}
+			if (i == 0) {
+				button.getStyleClass().add(RadioButtonGroup.STYLE_CLASS_FIRST);
+				continue;
+			}
+			if (i == size - 1) {
+				button.getStyleClass().add(RadioButtonGroup.STYLE_CLASS_LAST);
+				continue;
+			}
+			button.getStyleClass().add(RadioButtonGroup.STYLE_CLASS_MIDDLE);
+		}
+	}
+
+	/**
+	 * 应用滑块位置和尺寸
+	 */
+	private void applySliderBounds() {
+		slider.resizeRelocate(sliderX.get(), sliderY.get(), sliderWidth.get(), sliderHeight.get());
+	}
+
+	/**
+	 * 更新模式
+	 */
+	private void updateMode() {
+		boolean sliderMode = getSkinnable().getMode() == RadioButtonGroup.Mode.SLIDER;
+		slider.setVisible(sliderMode);
+	}
+
+	/**
+	 * 同步滑块位置
+	 */
+	private void syncSlider() {
+		if (getSkinnable().getMode() != RadioButtonGroup.Mode.SLIDER) {
+			sliderTimeline.stop();
+			sliderX.set(0);
+			sliderY.set(0);
+			sliderWidth.set(0);
+			sliderHeight.set(0);
+			return;
+		}
+		ToggleButton button = getSkinnable().getSelectedButton();
+		if (button == null || !box.getChildren().contains(button)) {
+			sliderTimeline.stop();
+			sliderX.set(0);
+			sliderY.set(0);
+			sliderWidth.set(0);
+			sliderHeight.set(0);
+			return;
+		}
+		Bounds bounds = button.getBoundsInParent();
+		double targetX = bounds.getMinX() + 2;
+		double targetWidth = Math.max(0, bounds.getWidth() - 4);
+		double targetHeight = Math.max(0, box.getHeight() - 4);
+		double targetY = 2;
+
+		if (sliderWidth.get() <= 0 || sliderHeight.get() <= 0) {
+			sliderTimeline.stop();
+			sliderX.set(targetX);
+			sliderY.set(targetY);
+			sliderWidth.set(targetWidth);
+			sliderHeight.set(targetHeight);
+			return;
+		}
+
+		sliderTimeline.stop();
+		sliderTimeline = new Timeline(
+			new KeyFrame(
+				SLIDER_DURATION,
+				new KeyValue(sliderX, targetX, Interpolates.EASE_OUT_EXPO.getValue()),
+				new KeyValue(sliderY, targetY, Interpolates.EASE_OUT_EXPO.getValue()),
+				new KeyValue(sliderWidth, targetWidth, Interpolates.EASE_OUT_EXPO.getValue()),
+				new KeyValue(sliderHeight, targetHeight, Interpolates.EASE_OUT_EXPO.getValue())
+			)
+		);
+		sliderTimeline.play();
+	}
+}
+
+

src/main/java/com/imyeyu/fx/ui/components/SelectableLabel.java

@@ -102,6 +102,11 @@ public class SelectableLabel extends TextArea implements TimiFXUI, TimiFXUI.Colo
 		return defaultSkin;
 	}
 
+	@Override
+	public String getUserAgentStylesheet() {
+		return SelectableLabel.class.getResource(RESOURCE + "style/components/selectable-label.css").toExternalForm();
+	}
+
 	/**
 	 * 绑定文本样式
 	 *

src/main/java/com/imyeyu/fx/ui/components/TabPane.java

@@ -1,6 +1,7 @@
 package com.imyeyu.fx.ui.components;
 
 import com.imyeyu.fx.icon.TimiFXIcon;
+import com.imyeyu.fx.icon.TimiIcon;
 import com.imyeyu.fx.ui.TimiFXUI;
 import com.imyeyu.java.bean.CallbackArg;
 import com.imyeyu.java.ref.Ref;
@@ -26,6 +27,11 @@ import java.util.List;
 @Getter
 public class TabPane extends javafx.scene.control.TabPane implements TimiFXUI, TimiFXUI.Colorful {
 
+	@Override
+	public String getUserAgentStylesheet() {
+		return TabPane.class.getResource(RESOURCE + "style/components/tab-pane.css").toExternalForm();
+	}
+
 	@Override
 	protected Skin<?> createDefaultSkin() {
 		Skin<?> skin = super.createDefaultSkin();
@@ -43,7 +49,7 @@ public class TabPane extends javafx.scene.control.TabPane implements TimiFXUI, T
 							closeBtn.setPrefWidth(18);
 							closeBtn.getStyleClass().clear();
 
-							IconButton icon = new IconButton(TimiFXIcon.fromName("FAIL", GRAY));
+							IconButton icon = new IconButton(TimiFXIcon.get(TimiIcon.FAIL, GRAY));
 							icon.setAlignment(Pos.CENTER_LEFT);
 							icon.setMouseTransparent(true);
 							icon.prefWidthProperty().bind(closeBtn.widthProperty());

src/main/java/com/imyeyu/fx/ui/components/TextAreaEditor.java

@@ -1,11 +1,12 @@
 package com.imyeyu.fx.ui.components;
 
 import com.imyeyu.fx.icon.TimiFXIcon;
+import com.imyeyu.fx.icon.TimiIcon;
 import com.imyeyu.fx.ui.TimiFXUI;
 import com.imyeyu.fx.ui.components.popup.PopupTipsService;
-import com.imyeyu.fx.utils.Anchor;
-import com.imyeyu.fx.utils.Column;
-import com.imyeyu.fx.utils.SmoothScroll;
+import com.imyeyu.fx.utils.grid.Column;
+import com.imyeyu.fx.utils.layout.Layout;
+import com.imyeyu.fx.utils.scroll.SmoothScroll;
 import com.imyeyu.java.TimiJava;
 import com.imyeyu.java.bean.Callback;
 import com.imyeyu.java.ref.Ref;
@@ -39,6 +40,7 @@ import javafx.scene.input.KeyCode;
 import javafx.scene.input.KeyEvent;
 import javafx.scene.input.MouseEvent;
 import javafx.scene.layout.AnchorPane;
+import javafx.scene.layout.Border;
 import javafx.scene.layout.BorderPane;
 import javafx.scene.layout.GridPane;
 import javafx.scene.layout.HBox;
@@ -51,6 +53,7 @@ import lombok.Getter;
 
 import java.util.HashMap;
 import java.util.Map;
+import java.util.Objects;
 
 /**
  * 复杂文本域编辑器，显示按钮操作文本域，文本域显示行号，可自定义操作功能
@@ -115,31 +118,36 @@ public class TextAreaEditor extends TextArea implements TimiFXUI {
 		showLineNumber = new SimpleBooleanProperty(true);
 
 		// 撤销
-		undo = new IconButton(TimiFXIcon.fromName("ARROW_0_W")).withBackground(CSS.BORDER_R);
+		undo = new IconButton(TimiFXIcon.get(TimiIcon.ARROW_0_W)).withBackground();
+		undo.setBorder(Stroke.RIGHT);
 		undo.disableProperty().bind(undoableProperty().not());
 		PopupTipsService.installText(undo, TimiFXUI.MULTILINGUAL.text("undo"));
 
 		// 重做
-		redo = new IconButton(TimiFXIcon.fromName("ARROW_0_E")).withBackground(CSS.BORDER_R);
+		redo = new IconButton(TimiFXIcon.get(TimiIcon.ARROW_0_E)).withBackground();
+		redo.setBorder(Stroke.RIGHT);
 		redo.disableProperty().bind(redoableProperty().not());
 		PopupTipsService.installText(redo, TimiFXUI.MULTILINGUAL.text("redo"));
 
 		// 复制
-		copy = new IconButton(TimiFXIcon.fromName("COPY")).withBackground(CSS.BORDER_R);
+		copy = new IconButton(TimiFXIcon.get(TimiIcon.COPY)).withBackground();
+		copy.setBorder(Stroke.RIGHT);
 		PopupTipsService.installText(copy, TimiFXUI.MULTILINGUAL.text("copy"));
 
 		// 剪切
-		cut = new IconButton(TimiFXIcon.fromName("CUT")).withBackground(CSS.BORDER_R);
+		cut = new IconButton(TimiFXIcon.get(TimiIcon.CUT)).withBackground();
+		cut.setBorder(Stroke.RIGHT);
 		cut.disableProperty().bind(editableProperty().not());
 		PopupTipsService.installText(cut, TimiFXUI.MULTILINGUAL.text("cut"));
 
 		// 粘贴
-		paste = new IconButton(TimiFXIcon.fromName("PASTE")).withBackground(CSS.BORDER_R);
+		paste = new IconButton(TimiFXIcon.get(TimiIcon.PASTE)).withBackground();
+		paste.setBorder(Stroke.RIGHT);
 		paste.disableProperty().bind(editableProperty().not());
 		PopupTipsService.installText(paste, TimiFXUI.MULTILINGUAL.text("paste"));
 
 		// 换行
-		wrap = new ToggleIcon(TimiFXIcon.fromName("WRAP"));
+		wrap = new ToggleIcon(TimiFXIcon.get(TimiIcon.WRAP));
 		wrap.setBorder(Stroke.RIGHT);
 		PopupTipsService.installText(wrap, TimiFXUI.MULTILINGUAL.text("wrap"));
 
@@ -153,12 +161,13 @@ public class TextAreaEditor extends TextArea implements TimiFXUI {
 
 		// 顶部背景（阻止触发文本域选择）
 		Button headerBackground = new Button(" ");
-		headerBackground.getStyleClass().addAll(CSS.BORDER_N, CSS.BG_TP);
+		headerBackground.getStyleClass().add(CSS.BG_TP);
+		headerBackground.setBorder(Border.EMPTY);
 		headerBackground.setBackground(BG.DEFAULT);
 
 		AnchorPane headerPane = new AnchorPane();
-		Anchor.def(header);
-		Anchor.def(headerBackground);
+		Layout.anchor.fill(header);
+		Layout.anchor.fill(headerBackground);
 		headerPane.getChildren().setAll(headerBackground, header);
 		headerPane.setBorder(Stroke.BOTTOM);
 
@@ -258,6 +267,11 @@ public class TextAreaEditor extends TextArea implements TimiFXUI {
 		});
 	}
 
+	@Override
+	public String getUserAgentStylesheet() {
+		return Objects.requireNonNull(TextAreaEditor.class.getResource(RESOURCE + "style/components/text-area-editor.css")).toExternalForm();
+	}
+
 	@Override
 	protected Skin<?> createDefaultSkin() {
 		TextAreaEditSkin skin = new TextAreaEditSkin(this);
@@ -315,7 +329,7 @@ public class TextAreaEditor extends TextArea implements TimiFXUI {
 			});
 
 			// 平滑滚动
-			SmoothScroll.scrollPaneV(scrollPane);
+			SmoothScroll.pane.install(scrollPane);
 
 			root.setLeft(lineNumber);
 			root.setCenter(scrollPane);
@@ -406,7 +420,7 @@ public class TextAreaEditor extends TextArea implements TimiFXUI {
 			selects = FXCollections.observableHashMap();
 
 			// 查找
-			Text icon = TimiFXIcon.fromName("MAGNIFIER");
+			Text icon = TimiFXIcon.get(TimiIcon.MAGNIFIER);
 			keyword = new TextField() {
 
 				@Override
@@ -420,7 +434,7 @@ public class TextAreaEditor extends TextArea implements TimiFXUI {
 							textGroup.setTranslateY(-.5);
 
 							// 匹配大小写
-							toggleCase = new ToggleIcon(TimiFXIcon.fromName("FONTSIZE"));
+							toggleCase = new ToggleIcon(TimiFXIcon.get(TimiIcon.FONT_SIZE));
 							toggleCase.setBorder(Stroke.LEFT);
 							toggleCase.setCursor(Cursor.DEFAULT);
 							toggleCase.setFocusTraversable(false);
@@ -440,29 +454,31 @@ public class TextAreaEditor extends TextArea implements TimiFXUI {
 				}
 			};
 			keyword.setMaxSize(Double.MAX_VALUE, Double.MAX_VALUE);
-			keyword.getStyleClass().addAll("find-field", CSS.BORDER_R, CSS.PADDING_N);
+			keyword.getStyleClass().addAll("find-field", CSS.PADDING_N);
+			keyword.setBorder(Stroke.RIGHT);
 
 			// 查找结果
 			result = TimiFXUI.label(" ");
 			result.setPadding(new Insets(0, 4, 0, 4));
-			IconButton prev = new IconButton(TimiFXIcon.fromName("ARROW_0_N")).withBackground();
-			prev.getStyleClass().add(CSS.BORDER_R);
+			IconButton prev = new IconButton(TimiFXIcon.get(TimiIcon.ARROW_0_N)).withBackground();
+			prev.setBorder(Stroke.RIGHT);
 			prev.setFocusTraversable(false);
-			IconButton next = new IconButton(TimiFXIcon.fromName("ARROW_0_S")).withBackground();
-			next.getStyleClass().add(CSS.BORDER_R);
+			IconButton next = new IconButton(TimiFXIcon.get(TimiIcon.ARROW_0_S)).withBackground();
+			next.setBorder(Stroke.RIGHT);
 			next.setFocusTraversable(false);
 
 			// 关闭
-			IconButton close = new IconButton(TimiFXIcon.fromName("FAIL")).withBackground();
-			close.getStyleClass().add(CSS.BORDER_L);
+			IconButton close = new IconButton(TimiFXIcon.get(TimiIcon.FAIL)).withBackground();
+			close.setBorder(Stroke.LEFT);
 			close.setFocusTraversable(false);
 
 			// 替换值
 			TextField replaceValue = new TextField();
-			replaceValue.getStyleClass().addAll("replace-field", CSS.BORDER_TR);
+			replaceValue.getStyleClass().add("replace-field");
+			replaceValue.setBorder(Stroke.TR);
 			replaceValue.disableProperty().bind(editableProperty().not());
 			Button replace = new Button(TimiFXUI.MULTILINGUAL.text("replace"));
-			replace.getStyleClass().add(CSS.BORDER_R);
+			replace.setBorder(Stroke.RIGHT);
 			replace.setFocusTraversable(false);
 			replace.disableProperty().bind(editableProperty().not().or(replaceValue.textProperty().isEmpty().or(Bindings.isEmpty(selects))));
 			replace.addEventFilter(MouseEvent.MOUSE_DRAGGED, e -> {
@@ -471,12 +487,12 @@ public class TextAreaEditor extends TextArea implements TimiFXUI {
 				}
 			});
 			Button replaceAll = new Button(TimiFXUI.MULTILINGUAL.text("replace_all"));
-			replaceAll.getStyleClass().add(CSS.BORDER_R);
+			replaceAll.setBorder(Stroke.RIGHT);
 			replaceAll.setFocusTraversable(false);
 			replaceAll.disableProperty().bind(replace.disabledProperty());
 
 			getStyleClass().add("find-pane");
-			getColumnConstraints().addAll(Column.build(), Column.build().width(260), Column.VALUE_FILL);
+			getColumnConstraints().addAll(Column.builder().build(), Column.builder().width(260).build(), Column.valueFill());
 			setBorder(Stroke.BOTTOM);
 			setBackground(BG.DEFAULT);
 
@@ -639,7 +655,7 @@ public class TextAreaEditor extends TextArea implements TimiFXUI {
 				// 不可单向绑定，TextArea 内部需要调度 setVvalue，也不可双向绑定，会造成滚动错位
 				scrollPane.setVvalue(newV.doubleValue());
 			});
-			getStyleClass().add(CSS.BORDER_L);
+			setBorder(Stroke.LEFT);
 			setEditable(false);
 			setNodeOrientation(NodeOrientation.RIGHT_TO_LEFT);
 			addEventFilter(MouseEvent.ANY, Event::consume);
@@ -682,7 +698,7 @@ public class TextAreaEditor extends TextArea implements TimiFXUI {
 				scrollPane.vvalueProperty().addListener((obs, o, n) -> scrollPane.setVvalue(ownerScrollPane.getVvalue()));
 				scrollPane.getContent().setCursor(Cursor.DEFAULT);
 
-				SmoothScroll.scrollPaneV(scrollPane);
+				SmoothScroll.pane.install(scrollPane);
 			} catch (NoSuchFieldException | IllegalAccessException e) {
 				throw new RuntimeException(e);
 			}

src/main/java/com/imyeyu/fx/ui/components/TextAreaEditorField.java

@@ -1,8 +1,9 @@
 package com.imyeyu.fx.ui.components;
 
-import com.imyeyu.fx.TimiFX;
 import com.imyeyu.fx.icon.TimiFXIcon;
+import com.imyeyu.fx.icon.TimiIcon;
 import com.imyeyu.fx.ui.TimiFXUI;
+import com.imyeyu.fx.utils.Windows;
 import com.imyeyu.java.bean.CallbackArg;
 import com.imyeyu.java.ref.Ref;
 import javafx.beans.property.SimpleStringProperty;
@@ -71,8 +72,8 @@ public class TextAreaEditorField extends TextField implements TimiFXUI {
 				textGroup.setTranslateY(-.5);
 
 				// 插入编辑器图标
-				IconButton editor = new IconButton(TimiFXIcon.fromName("WRITING")).withBackground();
-				editor.getStyleClass().add(CSS.BORDER_L);
+				IconButton editor = new IconButton(TimiFXIcon.get(TimiIcon.WRITING)).withBackground();
+				editor.setBorder(Stroke.LEFT);
 				editor.setCursor(Cursor.DEFAULT);
 
 				BorderPane root = new BorderPane();
@@ -88,7 +89,7 @@ public class TextAreaEditorField extends TextField implements TimiFXUI {
 					if (onShowEditorEvent != null) {
 						onShowEditorEvent.handler(editorStage);
 					}
-					TimiFX.showCenter(getScene().getWindow(), editorStage);
+					Windows.showCentered(getScene().getWindow(), editorStage);
 				});
 
 			} catch (IllegalAccessException e) {
@@ -138,12 +139,12 @@ public class TextAreaEditorField extends TextField implements TimiFXUI {
 
 		EditorStage() {
 			editor = new TextAreaEditor();
-			editor.getStyleClass().add(CSS.BORDER_T);
+			editor.setBorder(Stroke.TOP);
 
 			Scene scene = new Scene(editor);
-			scene.getStylesheets().addAll(CSS_STYLE, CSS_FONT);
+			TimiFXUI.applyStyle(scene);
 			setScene(scene);
-			getIcons().add(TimiFXIcon.iconFromName("WRITING"));
+			getIcons().add(TimiFXIcon.rerender(TimiIcon.WRITING));
 			setWidth(850);
 			setHeight(620);
 		}

src/main/java/com/imyeyu/fx/ui/components/TimePicker.java

@@ -2,7 +2,9 @@ package com.imyeyu.fx.ui.components;
 
 import com.imyeyu.fx.TimiFX;
 import com.imyeyu.fx.icon.TimiFXIcon;
+import com.imyeyu.fx.icon.TimiIcon;
 import com.imyeyu.fx.ui.TimiFXUI;
+import com.imyeyu.fx.utils.Nodes;
 import com.imyeyu.utils.Time;
 import javafx.beans.property.IntegerProperty;
 import javafx.beans.property.SimpleIntegerProperty;
@@ -29,6 +31,9 @@ import java.time.LocalDateTime;
 public class TimePicker extends HBox implements TimiFXUI {
 
 	private static final String STYLE_CLASS = "time-picker";
+	private static final String STYLE_CLASS_POPUP = "time-picker-popup";
+	private static final String STYLE_CLASS_TIME_BOX = "time-picker-time-box";
+	private static final String STYLE_CLASS_NOW = "time-picker-now";
 
 	private final Popup popup;
 	private final TextField textField;
@@ -39,6 +44,8 @@ public class TimePicker extends HBox implements TimiFXUI {
 
 	/** 默认构造器 */
 	public TimePicker() {
+		getStylesheets().add(TimePicker.class.getResource(RESOURCE + "style/components/time-picker.css").toExternalForm());
+
 		value = new SimpleIntegerProperty(-1);
 
 		textField = new TextField();
@@ -46,29 +53,31 @@ public class TimePicker extends HBox implements TimiFXUI {
 		textField.setAlignment(Pos.CENTER);
 		textField.setPrefWidth(70);
 		textField.setOnContextMenuRequested(Event::consume);
-		IconButton button = new IconButton(TimiFXIcon.fromName("CLOCK")).withBackground();
-		button.getStyleClass().add(CSS.BORDER_TRB);
+		IconButton button = new IconButton(TimiFXIcon.get(TimiIcon.CLOCK)).withBackground();
+		button.setBorder(Stroke.EX_LEFT);
 
 		// 时间选择
 		hour = new ListView<>();
 		minute = new ListView<>();
 		second = new ListView<>();
 
-		hour.getStyleClass().add(CSS.BORDER_RB);
-		minute.getStyleClass().add(CSS.BORDER_RB);
-		second.getStyleClass().add(CSS.BORDER_B);
+		hour.setBorder(Stroke.RB);
+		minute.setBorder(Stroke.RB);
+		second.setBorder(Stroke.BOTTOM);
 
 		// 此刻
 		Button now = new Button(TimiFXUI.MULTILINGUAL.text("now"));
-		now.getStyleClass().add(CSS.BORDER_L);
+		now.setBorder(Stroke.LEFT);
+		now.getStyleClass().add(STYLE_CLASS_NOW);
 
+		HBox timeBox = new HBox(hour, minute, second);
+		timeBox.getStyleClass().add(STYLE_CLASS_TIME_BOX);
 		BorderPane root = new BorderPane();
+		root.getStylesheets().add(TimePicker.class.getResource(RESOURCE + "style/components/time-picker.css").toExternalForm());
+		root.getStyleClass().add(STYLE_CLASS_POPUP);
 		BorderPane.setAlignment(now, Pos.CENTER_RIGHT);
-		root.setEffect(Shadow.POPUP);
-		root.setBorder(Stroke.DEFAULT);
 		root.setPrefSize(140, 211);
-		root.setBackground(BG.DEFAULT);
-		root.setCenter(new HBox(hour, minute, second));
+		root.setCenter(timeBox);
 		root.setBottom(now);
 
 		popup = new Popup();
@@ -127,9 +136,9 @@ public class TimePicker extends HBox implements TimiFXUI {
 		minute.addEventFilter(ScrollEvent.SCROLL, middleScroll);
 		second.addEventFilter(ScrollEvent.SCROLL, middleScroll);
 
-		TimiFX.hoverFocus(hour);
-		TimiFX.hoverFocus(minute);
-		TimiFX.hoverFocus(second);
+		Nodes.requestFocusOnHover(hour);
+		Nodes.requestFocusOnHover(minute);
+		Nodes.requestFocusOnHover(second);
 
 		// 值监听
 		value.addListener((obs, o, n) -> {

src/main/java/com/imyeyu/fx/ui/components/ToggleIcon.java

@@ -1,8 +1,8 @@
 package com.imyeyu.fx.ui.components;
 
-import com.imyeyu.fx.TimiFX;
 import com.imyeyu.fx.ui.TimiFXUI;
-import com.imyeyu.fx.utils.BgFill;
+import com.imyeyu.fx.utils.Nodes;
+import com.imyeyu.fx.utils.bg.BackgroundFillBuilder;
 import com.imyeyu.java.TimiJava;
 import javafx.beans.binding.Bindings;
 import javafx.beans.property.BooleanProperty;
@@ -25,7 +25,7 @@ import javafx.scene.layout.Background;
 public class ToggleIcon extends ToggleButton implements TimiFXUI {
 
 	private static final String STYLE_CLASS = "toggle-icon";
-	private static final Background BG_SELECTED = new BgFill("#99D1FF").build();
+	private static final Background BG_SELECTED = BackgroundFillBuilder.solid("#99D1FF").build();
 
 	/** 选中图标 */
 	protected final Node selected;
@@ -118,7 +118,7 @@ public class ToggleIcon extends ToggleButton implements TimiFXUI {
 			graphicProperty().bind(Bindings.when(selectedProperty()).then(selected).otherwise(otherwise));
 		}
 		selected.getStyleClass().add("icon");
-		TimiFX.hoverOpacity(this);
+		Nodes.bindHoverOpacity(this);
 
 		getStyleClass().setAll(CSS.MINECRAFT, STYLE_CLASS);
 		setAlignment(Pos.CENTER);
@@ -139,6 +139,11 @@ public class ToggleIcon extends ToggleButton implements TimiFXUI {
 		}, textProperty(), autoSize, skinProperty()));
 	}
 
+	@Override
+	public String getUserAgentStylesheet() {
+		return ToggleIcon.class.getResource(RESOURCE + "style/components/toggle-icon.css").toExternalForm();
+	}
+
 	/**
 	 * 添加按钮背景
 	 *

src/main/java/com/imyeyu/fx/ui/components/TrayFX.java

@@ -106,7 +106,7 @@ public final class TrayFX implements TimiFXUI {
 		root = new StackPane();
 
 		Scene scene = new Scene(root);
-		scene.getStylesheets().addAll(CSS_STYLE, CSS_FONT);
+		TimiFXUI.applyStyle(scene, TrayFX.class.getResource(RESOURCE + "style/components/tray-menu.css").toExternalForm());
 		scene.setFill(null);
 		stage = new Stage();
 		stage.setWidth(1);

src/main/java/com/imyeyu/fx/ui/components/TreeView.java

@@ -1,6 +1,6 @@
 package com.imyeyu.fx.ui.components;
 
-import com.imyeyu.fx.utils.SmoothScroll;
+import com.imyeyu.fx.utils.scroll.SmoothScroll;
 import javafx.collections.ObservableList;
 import javafx.scene.control.TreeItem;
 
@@ -20,7 +20,7 @@ public class TreeView<T> extends javafx.scene.control.TreeView<T> {
 		setRoot(dummyRoot);
 		setShowRoot(false);
 		// 平滑滚动
-		SmoothScroll.virtual(this);
+		SmoothScroll.virtual.install(this);
 	}
 
 	/**

src/main/java/com/imyeyu/fx/ui/components/alert/AbstractAlert.java

@@ -1,8 +1,8 @@
 package com.imyeyu.fx.ui.components.alert;
 
-import com.imyeyu.fx.TimiFX;
 import com.imyeyu.fx.ui.TimiFXUI;
-import com.imyeyu.fx.utils.ScreenFX;
+import com.imyeyu.fx.utils.Windows;
+import com.imyeyu.fx.utils.screen.Screens;
 import com.imyeyu.java.bean.CallbackArg;
 import com.imyeyu.java.bean.CallbackArgReturn;
 import javafx.beans.property.ObjectProperty;
@@ -102,7 +102,7 @@ public abstract class AbstractAlert extends Stage implements TimiFXUI, TimiFXUI.
 		}});
 
 		Scene scene = new Scene(root);
-		scene.getStylesheets().addAll(CSS_STYLE, CSS_FONT);
+		TimiFXUI.applyStyle(scene);
 		initModality(Modality.WINDOW_MODAL);
 		setScene(scene);
 
@@ -184,7 +184,7 @@ public abstract class AbstractAlert extends Stage implements TimiFXUI, TimiFXUI.
 			initOwner(owner);
 		}
 		setOnShown(e -> {
-			TimiFX.relativeCenter(owner, this);
+			Windows.centerOnOwner(owner, this);
 			callShownListeners(e);
 		});
 		show();
@@ -200,7 +200,7 @@ public abstract class AbstractAlert extends Stage implements TimiFXUI, TimiFXUI.
 			initOwner(owner);
 		}
 		setOnShown(e -> {
-			TimiFX.relativeCenter(owner, this);
+			Windows.centerOnOwner(owner, this);
 			callShownListeners(e);
 		});
 		showAndWait();
@@ -208,7 +208,7 @@ public abstract class AbstractAlert extends Stage implements TimiFXUI, TimiFXUI.
 
 	/** 相对于主屏幕中间显示 */
 	public void showRelativeCenter4PrimaryScreen() {
-		showRelativeCenter4Screen(ScreenFX.primary);
+		showRelativeCenter4Screen(Screens.primary());
 	}
 
 	/**
@@ -219,7 +219,7 @@ public abstract class AbstractAlert extends Stage implements TimiFXUI, TimiFXUI.
 	public void showRelativeCenter4Screen(Screen screen) {
 		initModality(Modality.APPLICATION_MODAL);
 		setOnShown(e -> {
-			TimiFX.relativeCenter4Screen(screen, this);
+			Windows.centerOnScreen(this, screen);
 			callShownListeners(e);
 		});
 		show();
@@ -227,7 +227,7 @@ public abstract class AbstractAlert extends Stage implements TimiFXUI, TimiFXUI.
 
 	/** 相对于主屏幕中间显示并等待 */
 	public void showAwaitRelativeCenter4PrimaryScreen() {
-		showAwaitRelativeCenter4Screen(ScreenFX.primary);
+		showAwaitRelativeCenter4Screen(Screens.primary());
 	}
 
 	/**
@@ -238,7 +238,7 @@ public abstract class AbstractAlert extends Stage implements TimiFXUI, TimiFXUI.
 	public void showAwaitRelativeCenter4Screen(Screen screen) {
 		initModality(Modality.APPLICATION_MODAL);
 		setOnShown(e -> {
-			TimiFX.relativeCenter4Screen(screen, this);
+			Windows.centerOnScreen(this, screen);
 			callShownListeners(e);
 		});
 		showAndWait();

src/main/java/com/imyeyu/fx/ui/components/alert/AbstractAlertFile.java

@@ -1,6 +1,7 @@
 package com.imyeyu.fx.ui.components.alert;
 
 import com.imyeyu.fx.icon.TimiFXIcon;
+import com.imyeyu.fx.icon.TimiIcon;
 import com.imyeyu.fx.ui.TimiFXUI;
 import com.imyeyu.fx.ui.components.FileTreeView;
 import com.imyeyu.fx.ui.components.IconButton;
@@ -18,6 +19,7 @@ import javafx.scene.control.TextField;
 import javafx.scene.control.TreeItem;
 import javafx.scene.input.MouseButton;
 import javafx.scene.input.MouseEvent;
+import javafx.scene.layout.Border;
 import javafx.scene.layout.BorderPane;
 import javafx.scene.layout.HBox;
 import javafx.scene.layout.VBox;
@@ -66,27 +68,23 @@ public abstract class AbstractAlertFile extends AbstractAlert implements TimiFXU
 		VBox header = new VBox();
 
 		// 主页
-		IconButton home = new IconButton(TimiFXIcon.fromName("HOME")).withBackground();
-		home.getStyleClass().add(CSS.BORDER_R);
+		IconButton home = new IconButton(TimiFXIcon.get(TimiIcon.HOME));
 		PopupTipsService.installText(home, TimiFXUI.MULTILINGUAL.text("home"));
 
 		// 刷新
-		IconButton refresh = new IconButton(TimiFXIcon.fromName("REFRESH")).withBackground();
-		refresh.getStyleClass().add(CSS.BORDER_R);
+		IconButton refresh = new IconButton(TimiFXIcon.get(TimiIcon.REFRESH));
 		PopupTipsService.installText(refresh, TimiFXUI.MULTILINGUAL.text("refresh"));
 
 		// 创建文件夹
-		IconButton mkdir = new IconButton(TimiFXIcon.fromName("FOLDER_ADD")).withBackground();
-		mkdir.getStyleClass().add(CSS.BORDER_R);
+		IconButton mkdir = new IconButton(TimiFXIcon.get(TimiIcon.FOLDER_ADD));
 		PopupTipsService.installText(mkdir, TimiFXUI.MULTILINGUAL.text("file.mkdir"));
 
 		// 删除
-		IconButton destroy = new IconButton(TimiFXIcon.fromName("FAIL", Colorful.RED)).withBackground();
-		destroy.getStyleClass().add(CSS.BORDER_R);
+		IconButton destroy = new IconButton(TimiFXIcon.get(TimiIcon.FAIL, Colorful.RED));
 		PopupTipsService.installText(destroy, TimiFXUI.MULTILINGUAL.text("delete"));
 
 		// 切换隐藏
-		toggleHide = new ToggleIcon(TimiFXIcon.fromName("HIDE"));
+		toggleHide = new ToggleIcon(TimiFXIcon.get(TimiIcon.HIDE));
 		PopupTipsService.installText(toggleHide, TimiFXUI.MULTILINGUAL.text("file.show_hide"));
 
 		BorderPane ctrl = new BorderPane();
@@ -99,9 +97,8 @@ public abstract class AbstractAlertFile extends AbstractAlert implements TimiFXU
 
 		// 绝对路径
 		absolutePath = new TextField();
-		absolutePath.getStyleClass().add(CSS.BORDER_N);
-		IconButton absolutePathGo = new IconButton(TimiFXIcon.fromName("ARROW_2_E")).withBackground();
-		absolutePathGo.getStyleClass().add(CSS.BORDER_L);
+		absolutePath.setBorder(Border.EMPTY);
+		IconButton absolutePathGo = new IconButton(TimiFXIcon.get(TimiIcon.ARROW_2_E));
 		{
 			if (mode == SelectionMode.SINGLE) {
 				PopupTipsLabel tips = PopupTipsService.installBindingText(absolutePath, absolutePath.textProperty());
@@ -128,10 +125,10 @@ public abstract class AbstractAlertFile extends AbstractAlert implements TimiFXU
 
 		{
 			confirm = AlertButton.confirm();
-			confirm.getStyleClass().add(CSS.BORDER_L);
+			confirm.setBorder(Stroke.LEFT);
 
 			cancel = AlertButton.cancel();
-			cancel.getStyleClass().add(CSS.BORDER_L);
+			cancel.setBorder(Stroke.LEFT);
 
 			setRightButtons(confirm, cancel);
 			btnPane.setPadding(Insets.EMPTY);

src/main/java/com/imyeyu/fx/ui/components/alert/AlertFileBlendSelector.java

@@ -1,6 +1,7 @@
 package com.imyeyu.fx.ui.components.alert;
 
 import com.imyeyu.fx.icon.TimiFXIcon;
+import com.imyeyu.fx.icon.TimiIcon;
 import com.imyeyu.fx.ui.TimiFXUI;
 import javafx.beans.binding.Bindings;
 import javafx.scene.control.SelectionMode;
@@ -24,7 +25,7 @@ public class AlertFileBlendSelector extends AbstractAlertFile {
 		// 确认
 		confirm.disableProperty().bind(Bindings.isEmpty(tree.getSelectionModel().getSelectedItems()));
 
-		getIcons().setAll(TimiFXIcon.iconFromName("FOLDER"));
+		getIcons().setAll(TimiFXIcon.rerender(TimiIcon.FOLDER));
 		setTitle(TimiFXUI.MULTILINGUAL.text("file.tips.select_directory"));
 	}
 }

src/main/java/com/imyeyu/fx/ui/components/alert/AlertFilePathSelector.java

@@ -1,6 +1,7 @@
 package com.imyeyu.fx.ui.components.alert;
 
 import com.imyeyu.fx.icon.TimiFXIcon;
+import com.imyeyu.fx.icon.TimiIcon;
 import com.imyeyu.fx.ui.TimiFXUI;
 import javafx.beans.binding.Bindings;
 import javafx.scene.control.SelectionMode;
@@ -30,7 +31,7 @@ public class AlertFilePathSelector extends AbstractAlertFile {
 			return item == null || item.getValue().isFile();
 		}, tree.getSelectionModel().selectedItemProperty()));
 
-		getIcons().setAll(TimiFXIcon.iconFromName("FOLDER"));
+		getIcons().setAll(TimiFXIcon.rerender(TimiIcon.FOLDER));
 		setTitle(TimiFXUI.MULTILINGUAL.text("file.tips.select_directory"));
 
 		addItemFilter(File::isDirectory);

src/main/java/com/imyeyu/fx/ui/components/alert/AlertFileSelector.java

@@ -1,6 +1,7 @@
 package com.imyeyu.fx.ui.components.alert;
 
 import com.imyeyu.fx.icon.TimiFXIcon;
+import com.imyeyu.fx.icon.TimiIcon;
 import com.imyeyu.fx.ui.TimiFXUI;
 import com.imyeyu.io.IO;
 import com.imyeyu.java.TimiJava;
@@ -44,7 +45,7 @@ public class AlertFileSelector extends AbstractAlertFile {
 			return item == null || item.getValue().isDirectory();
 		}, tree.getSelectionModel().selectedItemProperty()));
 
-		getIcons().setAll(TimiFXIcon.iconFromName("FILE"));
+		getIcons().setAll(TimiFXIcon.rerender(TimiIcon.FILE));
 		setTitle(TimiFXUI.MULTILINGUAL.text("file.select"));
 
 		addItemFilter(file -> {

src/main/java/com/imyeyu/fx/ui/components/alert/AlertTextArea.java

@@ -2,7 +2,8 @@ package com.imyeyu.fx.ui.components.alert;
 
 import com.imyeyu.fx.TimiFX;
 import com.imyeyu.fx.ui.TimiFXUI;
-import com.imyeyu.fx.utils.SmoothScroll;
+import com.imyeyu.fx.utils.scroll.SmoothScroll;
+import com.imyeyu.fx.utils.Windows;
 import com.imyeyu.java.bean.CallbackArg;
 import javafx.beans.binding.Bindings;
 import javafx.beans.binding.BooleanBinding;
@@ -85,7 +86,7 @@ public class AlertTextArea extends AbstractAlertInput<TextArea> {
 	public AlertTextArea(AlertType type, String title, String content, String text, AlertButton... buttons) {
 		super(new TextArea(), type, title, content, text, buttons);
 
-		SmoothScroll.textarea(getInput());
+		SmoothScroll.text.install(getInput());
 		setResizable(true);
 
 		// 没有按钮监听
@@ -102,7 +103,7 @@ public class AlertTextArea extends AbstractAlertInput<TextArea> {
 			super.content.setPadding(isEmpty ? Insets.EMPTY : PADDING_CONTENT);
 			super.btnPane.setPadding(isEmpty ? Insets.EMPTY : PADDING_BUTTON);
 		});
-		TimiFX.toggleStyleClass4Binding(input, emptyButton, CSS.BORDER_T, CSS.BORDER_ALL);
+		input.borderProperty().bind(Bindings.when(emptyButton).then(Stroke.TOP).otherwise(Stroke.DEFAULT));
 		root.borderProperty().bind(Bindings.when(tips.visibleProperty()).then(Stroke.TOP).otherwise(Border.EMPTY));
 	}
 
@@ -117,7 +118,7 @@ public class AlertTextArea extends AbstractAlertInput<TextArea> {
 		AlertTextArea alert = new AlertTextArea(content);
 		alert.getInput().setEditable(false);
 		alert.clearButton();
-		TimiFX.showCenter(owner, alert);
+		Windows.showCentered(owner, alert);
 		return alert;
 	}
 
@@ -146,7 +147,7 @@ public class AlertTextArea extends AbstractAlertInput<TextArea> {
 		alert.getInput().setPrefSize(750, 340);
 		alert.content.setPadding(Insets.EMPTY);
 		alert.btnPane.setPadding(Insets.EMPTY);
-		TimiFX.showCenter(owner, alert);
+		Windows.showCentered(owner, alert);
 		return alert;
 	}
 

src/main/java/com/imyeyu/fx/ui/components/navigation/Navigation.java

@@ -2,7 +2,7 @@ package com.imyeyu.fx.ui.components.navigation;
 
 import com.imyeyu.fx.TimiFX;
 import com.imyeyu.fx.ui.TimiFXUI;
-import com.imyeyu.fx.utils.SmoothScroll;
+import com.imyeyu.fx.utils.scroll.SmoothScroll;
 import javafx.beans.property.DoubleProperty;
 import javafx.beans.property.ObjectProperty;
 import javafx.beans.property.SimpleDoubleProperty;
@@ -79,19 +79,22 @@ public class Navigation extends ScrollPane implements TimiFXUI {
 		initItemsListener();
 	}
 
+	@Override
+	public String getUserAgentStylesheet() {
+		return Navigation.class.getResource(RESOURCE + "style/components/navigation.css").toExternalForm();
+	}
+
 	/**
 	 * 初始化视图
 	 */
 	private void initView() {
-		contentBox.setBorder(Stroke.BOTTOM);
-
 		getStyleClass().addAll("navigation", "sp-border");
 		setMaxWidth(Double.MAX_VALUE);
 		setVbarPolicy(ScrollBarPolicy.NEVER);
 		setFitToWidth(true);
 		setContent(contentBox);
 
-		SmoothScroll.scrollPaneV(this);
+		SmoothScroll.pane.install(this);
 	}
 
 	/**

src/main/java/com/imyeyu/fx/ui/components/navigation/NavigationGroup.java

@@ -54,6 +54,7 @@ public class NavigationGroup extends TitledPane {
 		structureChangedAction = () -> {};
 		rawTitle = "";
 
+		getStylesheets().add(NavigationGroup.class.getResource("/timifx/style/components/navigation.css").toExternalForm());
 		contentBox.setPadding(Insets.EMPTY);
 		setContent(contentBox);
 		getStyleClass().add("group-pane");

src/main/java/com/imyeyu/fx/ui/components/table/TextFieldTableCell.java

@@ -3,6 +3,7 @@ package com.imyeyu.fx.ui.components.table;
 import com.imyeyu.fx.ui.TimiFXUI;
 import javafx.beans.property.StringProperty;
 import javafx.scene.control.TextField;
+import javafx.scene.layout.Border;
 
 /**
  * 表格可编辑单元格，相对原始的可编辑效果，此单元格没有输入框的样式，就像 Excel 那样
@@ -27,7 +28,7 @@ public abstract class TextFieldTableCell<S> extends BindingTableCell<S, String,
 	@Override
 	protected final TextField component() {
 		TextField textField = new TextField();
-		textField.getStyleClass().add(CSS.BORDER_N);
+		textField.setBorder(Border.EMPTY);
 		return textField;
 	}
 

src/main/resources/timifx/style/base.css

@@ -0,0 +1,86 @@
+/******************************************************************************
+ *                                                                            *
+ * Pixel Size to Font Size                                                    *
+ *                                                                            *
+ * 1px:    0.083333em                                                         *
+ * 2px:    0.166667em                                                         *
+ * 3px:    0.25em                                                             *
+ * 4px:    0.333333em                                                         *
+ * 5px:    0.416667em                                                         *
+ * 6px:    0.5em                                                              *
+ * 7px:    0.583333em                                                         *
+ * 8px:    0.666667em                                                         *
+ * 9px:    0.75em                                                             *
+ * 10px:   0.833333em                                                         *
+ * 11px:   0.916667em                                                         *
+ * 12px:   1.0em                                                              *
+ *                                                                            *
+ ******************************************************************************/
+
+/*
+	- TimiFX 的样式表 -
+
+	1. 主体颜色为灰色，辅助色为靛青 #177CB0
+	2. style.css 仅保留导入入口
+	3. 基础控件、布局、工具类、组件样式分文件维护
+
+*/
+* {
+	-fx-tab-size: 4;
+	-fx-font-smoothing-type: gray;
+}
+.root {
+	-timi-fx-white-color: #FFF;
+	-timi-fx-red-color: #F30;
+	-timi-fx-brown-color: #A67D7B;
+	-timi-fx-black-color: #000;
+	-timi-fx-orange-color: #F60;
+	-timi-fx-yellow-color: #FF0;
+	-timi-fx-green-color: #393;
+	-timi-fx-dark-green-color: #373;
+	-timi-fx-gray-color: #666;
+	-timi-fx-blue-color: #008DCB;
+	-timi-fx-light-blue-color: #DDEAF0;
+	-timi-fx-gray-white-color: #F4F4F4;
+	-timi-fx-light-gray-color: #B5B5B5;
+	-timi-fx-dark-gray-color: #333;
+	-timi-fx-pink-color: #FF7A9B;
+	-timi-fx-transparent: transparent;
+	-timi-fx-focused-default-color: #177CB0;
+	-timi-fx-focused-light-color: #55B0DF;
+	-timi-fx-focused-dark-color: #0B6C9E;
+	-timi-fx-icon-disabled-color: #939393;
+
+	-timi-fx-color: -timi-fx-focused-default-color;
+	-timi-fx-icon-color: -timi-fx-dark-gray-color;
+	-timi-fx-border-color: -timi-fx-light-gray-color;
+	-timi-fx-popup-shadow: dropshadow(three-pass-box, rgba(0, 0, 0, .3), 5, 0, 0, 1);
+	-timi-fx-opacity-hover: .7;
+	-timi-fx-selected-color: #7CC4FF;
+	-timi-fx-opacity-disabled: .4;
+
+	-fx-accent: -timi-fx-color;
+	-fx-focus-color: transparent;
+	-fx-focused-base: transparent;
+	-fx-text-box-border: -timi-fx-border-color;
+	-fx-faint-focus-color: transparent;
+	-fx-shadow-highlight-color: transparent;
+	-fx-cell-focus-inner-border: transparent;
+	-fx-control-inner-background: -timi-fx-white-color;
+}
+/* --------------------------- 聚焦边距 --------------------------- */
+.text-area:focused,
+.text-field:focused {
+	-fx-background-insets: 1, 2;
+}
+.list-view:focused {
+	-fx-background-insets: 0, 0, 2;
+}
+.table-view:focused {
+	-fx-background-insets: 0, 0, 1;
+}
+/* --------------------------- 只读 --------------------------- */
+.text-area:readonly,
+.text-field:readonly {
+	-fx-text-fill: -timi-fx-gray-color;
+}

src/main/resources/timifx/style/components/date-time-picker.css

@@ -0,0 +1,20 @@
+.date-time-picker {
+	-fx-pref-width: 200;
+}
+.date-time-picker-time-pane {
+	-fx-border-width: 0 0 0 1;
+	-fx-border-color: -timi-fx-border-color;
+	-fx-background-color: -timi-fx-gray-white-color;
+	-fx-translate-y: -1;
+	-fx-effect: dropshadow(three-pass-box, rgba(0, 0, 0, .25), 4, 0, 0, 1);
+}
+.date-time-picker-time-box {
+	-fx-hgap: 0;
+}
+.date-time-picker-now {
+	-fx-alignment: center-right;
+}
+.date-time-picker-clear {
+	-fx-background-color: -timi-fx-gray-white-color;
+}
+

src/main/resources/timifx/style/components/filled-slider.css

@@ -0,0 +1,11 @@
+.filled-slider .track {
+	-fx-padding: 0;
+}
+.filled-slider .progress-bar .bar {
+	-fx-pref-height: 6;
+	-fx-background-insets: 0;
+}
+.filled-slider .thumb,
+.filled-slider:focused .thumb {
+	-fx-background-radius: 0;
+}

src/main/resources/timifx/style/components/hyperlink.css

@@ -0,0 +1,7 @@
+.x-hyperlink {
+	-fx-text-fill: -timi-fx-focused-default-color;
+}
+.x-hyperlink:hover {
+	-fx-underline: true;
+}
+

src/main/resources/timifx/style/components/icon-button.css

@@ -0,0 +1,6 @@
+.icon-button {
+	-fx-border-width: 1;
+	-fx-border-color: transparent;
+	-fx-background-insets: 0;
+	-fx-background-radius: 0;
+}

src/main/resources/timifx/style/components/label-progress-bar.css

@@ -0,0 +1,7 @@
+.label-progress-bar .bar {
+	-fx-background-color: #7ACAF4;
+}
+.label-progress-bar:indeterminate .bar {
+	-fx-background-color: linear-gradient(to left, transparent, #7ACAF4);
+}
+

src/main/resources/timifx/style/components/navigation.css

@@ -0,0 +1,34 @@
+.navigation {
+	-fx-border-width: 1;
+	-fx-border-color: -timi-fx-border-color;
+}
+.navigation .navigation-button {
+	-fx-padding: .25em .833333em; /* 3 10 */
+	-fx-border-width: 0;
+	-fx-border-color: -timi-fx-border-color;
+}
+.navigation .navigation-button.after-group {
+	-fx-border-width: 1 0 0 0;
+}
+.navigation .navigation-button:hover {
+	-fx-background-color: #CCC;
+}
+.navigation .navigation-button:selected {
+	-fx-text-fill: -timi-fx-white-color;
+	-fx-background-color: -timi-fx-color;
+}
+.navigation .navigation-button:disabled {
+	-fx-opacity: -timi-fx-opacity-disabled;
+}
+
+.group-pane {
+	-fx-animated: false;
+	-fx-border-width: 1 0 0 0;
+}
+.group-pane.bottom-line {
+	-fx-border-width: 1 0 1 0;
+}
+.group-pane .content {
+	-fx-padding: 0;
+}
+

src/main/resources/timifx/style/components/pagination.css

@@ -0,0 +1,11 @@
+.button,
+.toggle-button {
+	-fx-padding: 0;
+	-fx-pref-width: 28;
+	-fx-pref-height: 26;
+	-fx-background-insets: 0 !important;
+	-fx-background-radius: 0 !important;
+}
+.toggle-button:selected {
+	-fx-background-color: -timi-fx-selected-color !important;
+}

src/main/resources/timifx/style/components/radio-button-group.css

@@ -0,0 +1,49 @@
+.radio-button-group .radio-button-group-box {
+	-fx-spacing: 0;
+	-fx-alignment: center-left;
+}
+.radio-button-group .radio-button-group-button {
+	-fx-padding: .25em .833333em;
+	-fx-background-insets: 0;
+	-fx-border-insets: 0;
+	-fx-background-radius: 0;
+	-fx-border-radius: 0;
+	-fx-border-style: solid;
+	-fx-border-width: 1;
+}
+.radio-button-group.button-mode .radio-button-group-button {
+	-fx-background-color: -timi-fx-white-color;
+	-fx-border-color: -timi-fx-border-color;
+	-fx-text-fill: -timi-fx-dark-gray-color;
+}
+.radio-button-group.button-mode .radio-button-group-button:hover {
+	-fx-background-color: -timi-fx-gray-white-color;
+	-fx-border-color: -timi-fx-border-color;
+	-fx-text-fill: -timi-fx-dark-gray-color;
+}
+.radio-button-group.button-mode .radio-button-group-button:selected,
+.radio-button-group.button-mode .radio-button-group-button:selected:hover {
+	-fx-background-color: -timi-fx-color;
+	-fx-border-color: -timi-fx-color;
+	-fx-text-fill: -timi-fx-white-color;
+}
+.radio-button-group.slider-mode {
+	-fx-background-color: -timi-fx-light-gray-color;
+	-fx-background-radius: 0;
+}
+.radio-button-group.slider-mode .radio-button-group-button,
+.radio-button-group.slider-mode .radio-button-group-button:hover,
+.radio-button-group.slider-mode .radio-button-group-button:selected,
+.radio-button-group.slider-mode .radio-button-group-button:selected:hover {
+	-fx-background-color: transparent;
+	-fx-border-color: transparent;
+	-fx-border-style: solid;
+	-fx-border-width: 1;
+	-fx-text-fill: -timi-fx-dark-gray-color;
+}
+.radio-button-group .radio-button-group-slider {
+	-fx-background-color: -timi-fx-white-color;
+	-fx-background-radius: 0;
+	-fx-border-radius: 0;
+	-fx-effect: null;
+}

src/main/resources/timifx/style/components/selectable-label.css

@@ -0,0 +1,8 @@
+.selectable-label * {
+	-fx-background-color: transparent;
+}
+.selectable-label .scroll-pane {
+	-fx-hbar-policy: never;
+	-fx-vbar-policy: never;
+}
+

src/main/resources/timifx/style/components/tab-pane.css

@@ -0,0 +1,36 @@
+.tab-pane {
+	-fx-border-color: -timi-fx-border-color;
+}
+.tab-pane > .tab-header-area > .headers-region > .tab {
+	-fx-padding: 0 0 0 .5em;
+	-fx-background-insets: 0 0 1 0, 0 1 1 0, 1 2 1 1;
+	-fx-background-radius: 0, 0, 0;
+}
+.tab-pane > .tab-header-area > .headers-region > .tab:selected {
+	-fx-background-insets: 0 1 0 0, 0 1 0 0;
+}
+.tab-pane > .tab-header-area > .headers-region > .tab > .tab-container > .tab-label {
+	-fx-padding: 0 .5em 0 0;
+}
+.tab-pane > .tab-header-area > .control-buttons-tab {
+	-fx-padding: 0;
+}
+.tab-pane > .tab-header-area > .control-buttons-tab > .container {
+	-fx-padding: 0;
+}
+.tab-pane > .tab-header-area > .control-buttons-tab > .container > .tab-down-button {
+	-fx-padding: 0 .5em;
+	-fx-background-insets: 0;
+	-fx-background-radius: 0;
+}
+.tab-pane > .tab-header-area > .control-buttons-tab > .container > .tab-down-button > .arrow {
+	-fx-shape: "M301.5,393.5v1h1v1h1v1h1v1h1v1h1v-1h1v-1h1v-1h1v-1h1v-1Z";
+	-fx-min-width: 9;
+	-fx-min-height: 5;
+	-fx-pref-width: 9;
+	-fx-pref-height: 5;
+}
+.tab-pane:top > .tab-header-area {
+	-fx-padding: 0;
+}
+

src/main/resources/timifx/style/components/text-area-editor.css

@@ -0,0 +1,8 @@
+.text-area-editor .find-field {
+	-fx-background-color: -timi-fx-white-color;
+	-fx-background-insets: 0;
+}
+.text-area-editor .replace-field {
+	-fx-padding: .25em .333333em .25em 1.25em; /* 3 4 3 15 */
+}
+

src/main/resources/timifx/style/components/time-picker.css

@@ -0,0 +1,16 @@
+.time-picker .text-field:readonly {
+	-fx-text-fill: -timi-fx-gray-color;
+}
+.time-picker-popup {
+	-fx-effect: dropshadow(three-pass-box, rgba(0, 0, 0, .3), 5, 0, 0, 1);
+	-fx-border-width: 1;
+	-fx-border-color: -timi-fx-border-color;
+	-fx-background-color: -timi-fx-gray-white-color;
+}
+.time-picker-time-box {
+	-fx-spacing: 0;
+}
+.time-picker-now {
+	-fx-alignment: center-right;
+}
+

src/main/resources/timifx/style/components/toggle-icon.css

@@ -0,0 +1,7 @@
+.toggle-icon:disabled {
+	-fx-opacity: -timi-fx-opacity-disabled;
+}
+.toggle-icon:disabled .icon {
+	-fx-opacity: -timi-fx-opacity-disabled;
+}
+

src/main/resources/timifx/style/components/tray-menu.css

@@ -0,0 +1,4 @@
+.tray-menu {
+	-fx-border-width: 0;
+}
+

src/main/resources/timifx/style/controls.css

@@ -1,81 +1,4 @@
-/******************************************************************************
- *                                                                            *
- * Pixel Size to Font Size                                                    *
- *                                                                            *
- * 1px:    0.083333em                                                         *
- * 2px:    0.166667em                                                         *
- * 3px:    0.25em                                                             *
- * 4px:    0.333333em                                                         *
- * 5px:    0.416667em                                                         *
- * 6px:    0.5em                                                              *
- * 7px:    0.583333em                                                         *
- * 8px:    0.666667em                                                         *
- * 9px:    0.75em                                                             *
- * 10px:   0.833333em                                                         *
- * 11px:   0.916667em                                                         *
- * 12px:   1.0em                                                              *
- *                                                                            *
- ******************************************************************************/
-
-/*
-	- TimiFX 的样式表 -
-
-	1. 主体颜色为灰色，辅助色为靛青 #177CB0
-	2. 基本组件在前，复杂组件在后，公共类最后
-
-*/
-* {
-	-fx-tab-size: 4;
-	-fx-font-smoothing-type: gray;
-}
-.root {
-	-timi-fx-color: #177CB0;
-	-timi-fx-icon-color: #333;
-	-timi-fx-border-color: #B5B5B5;
-	-timi-fx-popup-shadow: dropshadow(three-pass-box, rgba(0, 0, 0, .3), 5, 0, 0, 1);
-	-timi-fx-opacity-hover: .7;
-	-timi-fx-selected-color: #7CC4FF;
-	-timi-fx-opacity-disabled: .4;
-
-	-fx-accent: -timi-fx-color;
-	-fx-focus-color: transparent;
-	-fx-focused-base: transparent;
-	-fx-text-box-border: -timi-fx-border-color;
-	-fx-faint-focus-color: transparent;
-	-fx-shadow-highlight-color: transparent;
-	-fx-cell-focus-inner-border: transparent;
-	-fx-control-inner-background: #FFF;
-}
-/* --------------------------- 聚焦边距 --------------------------- */
-.text-area:focused,
-.text-field:focused {
-	-fx-background-insets: 1, 2;
-}
-.button:focused {
-	-fx-background-insets: 0;
-}
-.list-view:focused {
-	-fx-background-insets: 0, 0, 2;
-}
-.table-view:focused {
-	-fx-background-insets: 0, 0, 1;
-}
-/* --------------------------- 只读 --------------------------- */
-.text-area:readonly,
-.text-field:readonly,
-.time-picker:readonly {
-	-fx-text-fill: #666;
-}
 /* --------------------------- 控件 --------------------------- */
-/* 可选标签 */
-.selectable-label * {
-    -fx-background-color: transparent;
-}
-.selectable-label .scroll-pane {
-    -fx-hbar-policy: never;
-    -fx-vbar-policy: never;
-}
-/* 按钮 */
 .button {
 	-fx-padding: .25em .833333em; /* 3 10 */
 	-fx-border-width: 1;
@@ -86,6 +9,7 @@
 }
 .toggle-button {
 	-fx-padding: .25em .833333em; /* 3 10 */
+	-fx-pref-height: 26;
 	-fx-border-width: 1;
 	-fx-border-color: -timi-fx-border-color;
 	-fx-background-color: transparent;
@@ -95,19 +19,6 @@
 .toggle-button:selected {
 	-fx-background-color: -timi-fx-selected-color;
 }
-/* 图标按钮 */
-.icon-button {
-	-fx-border-width: 1;
-	-fx-border-color: transparent;
-}
-/* 切换图标按钮 */
-.toggle-icon:disabled {
-	-fx-opacity: -timi-fx-opacity-disabled;
-}
-.toggle-icon:disabled .icon {
-	-fx-opacity: -timi-fx-opacity-disabled;
-}
-/* 文本框 */
 .text-field {
 	-fx-padding: .25em .333333em; /* 3 4 */
 	-fx-border-width: 1;
@@ -116,7 +27,6 @@
 	-fx-background-insets: 0;
 	-fx-background-radius: 0;
 }
-/* 文本域 */
 .text-area {
 	-fx-border-width: 1;
 	-fx-border-color: -timi-fx-border-color;
@@ -133,15 +43,6 @@
 .text-area .scroll-pane {
 	-fx-padding: 0;
 }
-/* 文本域编辑器 */
-.text-area-editor .find-field {
-	-fx-background-color: #FFF;
-	-fx-background-insets: 0;
-}
-.text-area-editor .replace-field {
-	-fx-padding: .25em .333333em .25em 1.25em; /* 3 4 3 15 */
-}
-/* 滑动选择 */
 .slider > .track {
 	-fx-padding: .25em;
 	-fx-background-radius: 0;
@@ -155,10 +56,10 @@
 .slider:focused > .thumb {
 	-fx-background-color: -fx-shadow-highlight-color, -fx-outer-border, -fx-inner-border, -fx-body-color;
 	-fx-background-insets: 0 0 -1 0, 0, 1, 2;
+	-fx-background-radius: 0;
 }
-/* 树形结构 */
 .tree-view {
-    -fx-padding: 0;
+	-fx-padding: 0;
 }
 .tree-view .tree-disclosure-node {
 	-fx-padding: .166667em .583333em 0 .333333em;
@@ -171,7 +72,6 @@
 	-fx-pref-width: 5;
 	-fx-pref-height: 9;
 }
-/* 列表 */
 .list-view {
 	-fx-padding: 0;
 	-fx-border-width: 1;
@@ -183,7 +83,6 @@
 	-fx-background-color: -fx-control-inner-background;
 	-fx-background-insets: 0;
 }
-/* 表格 */
 .table-view {
 	-fx-padding: 0;
 	-fx-border-width: 1;
@@ -205,9 +104,7 @@
 .table-view .text-field:focused {
 	-fx-background-insets: 1;
 }
-/* 下拉选择，菜单按钮，颜色选择，日期选择 */
 .combo-box,
-.menu-button,
 .date-picker,
 .color-picker {
 	-fx-border-width: 1;
@@ -219,7 +116,7 @@
 .combo-box .text-input,
 .date-picker .text-input {
 	-fx-padding: 4;
-	-fx-background-color: -fx-text-box-border, #FFF;
+	-fx-background-color: -fx-text-box-border, -timi-fx-white-color;
 	-fx-background-insets: 0, 0 1 0 0;
 	-fx-background-radius: 0;
 }
@@ -227,12 +124,11 @@
 	-fx-padding: .25em;
 }
 .menu-button.icon > .label {
-    -fx-padding: .166667em .083333em .25em .333333em; /* 2 1 3 4 */
+	-fx-padding: .166667em .083333em .25em .333333em; /* 2 1 3 4 */
 }
 .menu-button.empty > .label {
-    -fx-padding: 0;
+	-fx-padding: 0;
 }
-/* 下拉箭头 */
 .combo-box-base .text-field {
 	-fx-border-width: 0;
 }
@@ -256,7 +152,7 @@
 	-fx-padding: 0;
 	-fx-translate-y: -1;
 	-fx-border-width: 1 1 0 1;
-	-fx-background-color: -timi-fx-border-color, #FFF;
+	-fx-background-color: -timi-fx-border-color, -timi-fx-white-color;
 	-fx-background-insets: 0, 0 0 1 0;
 }
 .combo-box .combo-box-popup .list-view .list-cell {
@@ -264,12 +160,12 @@
 	-fx-background-color: transparent;
 }
 .combo-box .combo-box-popup .list-view .list-cell:filled:hover {
-	-fx-text-fill: #FFF;
+	-fx-text-fill: -timi-fx-white-color;
 	-fx-background-color: -timi-fx-color;
 }
 .combo-box .combo-box-popup .list-view .list-cell:filled:selected,
 .combo-box .combo-box-popup .list-view .list-cell:filled:selected:hover {
-	-fx-text-fill: #FFF;
+	-fx-text-fill: -timi-fx-white-color;
 	-fx-background-color: -timi-fx-color;
 }
 .combo-box .combo-box-popup .list-view .scroll-bar:vertical {
@@ -277,7 +173,6 @@
 	-fx-border-color: -timi-fx-border-color;
 	-fx-background-color: -fx-background;
 }
-/* 单选，多选 */
 .check-box,
 .radio-button,
 .check-box:hover,
@@ -302,44 +197,37 @@
 	-fx-pref-width: 10;
 	-fx-pref-height: 8;
 }
-/* 弹出菜单 */
 .context-menu {
 	-fx-color: -fx-base;
 	-fx-effect: -timi-fx-popup-shadow;
 	-fx-padding: 0;
 	-fx-border-width: 1;
 	-fx-border-color: -timi-fx-border-color;
-	-fx-background-color: #FFF;
+	-fx-background-color: -timi-fx-white-color;
 	-fx-background-insets: 0;
 }
 .context-menu .menu-item:focused {
-	 -fx-background-color: -timi-fx-selected-color;
+	-fx-background-color: -timi-fx-selected-color;
 }
 .context-menu .menu-item:focused .label {
-	 -fx-text-fill: #333;
+	-fx-text-fill: -timi-fx-dark-gray-color;
 }
 .context-menu .separator {
-    -fx-padding: 0;
+	-fx-padding: 0;
 }
-/* 托盘菜单 */
-.tray-menu {
-	-fx-border-width: 0;
-}
-/* 菜单 */
 .menu > .right-container > .arrow {
-    -fx-shape: "M303.5,391.5h1v1h1v1h1v1h1v1h1v1h-1v1h-1v1h-1v1h-1v1h-1Z";
+	-fx-shape: "M303.5,391.5h1v1h1v1h1v1h1v1h1v1h-1v1h-1v1h-1v1h-1v1h-1Z";
 	-fx-min-width: 5;
 	-fx-min-height: 9;
 	-fx-pref-width: 5;
 	-fx-pref-height: 9;
 }
 .radio-menu-item:checked > .left-container > .radio {
-    -fx-shape: "M3,7v2h1v1h1v1h1v1h1v-1h1v-1h1V9h1V8h1V7h1V6h1V4h-2v1h-1v1H9v1H8v1H7v1H6V8H5V7H3z";
+	-fx-shape: "M3,7v2h1v1h1v1h1v1h1v-1h1v-1h1V9h1V8h1V7h1V6h1V4h-2v1h-1v1H9v1H8v1H7v1H6V8H5V7H3z";
 }
 .check-menu-item:checked > .left-container > .check {
-    -fx-shape: "M3,7v2h1v1h1v1h1v1h1v-1h1v-1h1V9h1V8h1V7h1V6h1V4h-2v1h-1v1H9v1H8v1H7v1H6V8H5V7H3z";
+	-fx-shape: "M3,7v2h1v1h1v1h1v1h1v-1h1v-1h1V9h1V8h1V7h1V6h1V4h-2v1h-1v1H9v1H8v1H7v1H6V8H5V7H3z";
 }
-/* 日期选择 */
 .date-picker:focused {
 	-fx-background-color: -fx-control-inner-background;
 }
@@ -386,7 +274,6 @@
 .date-picker-popup > * > .spinner > .button > .right-arrow {
 	-fx-shape: "M306,394h-1v-1h-1v-1h-1v-1h-1v-1h-1v-1h-1v-1h-2v1h1v1h1v1h1v1h1v1h1v1h1v1h-1v1h-1v1h-1v1h-1v1h-1v1h-1v1h2v-1h1v-1h1v-1h1v-1h1v-1h1v-1h1Z";
 }
-/* 颜色选择器 */
 .color-palette {
 	-fx-translate-y: -1;
 	-fx-background-radius: 0;
@@ -411,7 +298,6 @@
 	-fx-background-insets: 12px 0 0 0, 13px 1px 1px 1px;
 	-fx-background-radius: 0;
 }
-/* 滚动条 */
 .scroll-bar {
 	-fx-padding: 0;
 }
@@ -442,7 +328,6 @@
 	-fx-background-insets: 0;
 	-fx-background-radius: 0;
 }
-/* 列表滚动条 */
 .tree-view .scroll-bar:vertical,
 .list-view .scroll-bar:vertical,
 .table-view .scroll-bar:vertical {
@@ -450,7 +335,6 @@
 	-fx-border-color: -timi-fx-border-color;
 	-fx-background-color: -fx-background;
 }
-
 .tree-view .scroll-bar:horizontal,
 .list-view .scroll-bar:horizontal,
 .table-view .scroll-bar:horizontal {
@@ -458,7 +342,6 @@
 	-fx-border-color: -timi-fx-border-color;
 	-fx-background-color: -fx-background;
 }
-/* 进度条 */
 .progress-bar {
 	-fx-padding: 1;
 	-fx-border-width: 1;
@@ -480,29 +363,6 @@
 .progress-bar:indeterminate .bar {
 	-fx-background-color: linear-gradient(to left, transparent, -timi-fx-color);
 }
-/* 标签进度 */
-.label-progress-bar .bar {
-	-fx-background-color: #7ACAF4;
-}
-.label-progress-bar:indeterminate .bar {
-	-fx-background-color: linear-gradient(to left, transparent, #7ACAF4);
-}
-/* 滑动选择 - 进度 */
-.progress-slider .track {
-    -fx-padding: 0;
-}
-.progress-slider .progress-bar .bar {
-	-fx-pref-height: 6;
-	-fx-background-insets: 0;
-}
-/* 分页 */
-.x-pagination .button,
-.x-pagination .toggle-button {
-	-fx-padding: 0;
-	-fx-pref-width: 28;
-	-fx-pref-height: 26;
-}
-/* 标题组件 */
 .titled-pane {
 	-fx-animate: false;
 	-fx-border-width: 1;
@@ -533,14 +393,13 @@
 	-fx-padding: 0;
 	-fx-border-width: 2 0 0 0;
 	-fx-border-color: -timi-fx-border-color;
-	-fx-background-color: #FFF;
+	-fx-background-color: -timi-fx-white-color;
 	-fx-background-insets: 0;
 }
 .titled-group .titled-pane {
 	-fx-border-width: 0 0 1 0;
 	-fx-background-insets: 0, 0;
 }
-/* 图表 */
 .chart {
 	-fx-padding: 0 0 6 0;
 }
@@ -548,287 +407,22 @@
 	-fx-padding: 0 24 4 6;
 }
 .chart-legend {
-   -fx-padding: 4 8;
-   -fx-background-radius: 0, 0;
+	-fx-padding: 4 8;
+	-fx-background-radius: 0, 0;
 }
 .area-legend-symbol {
 	-fx-padding: 6;
 	-fx-background-radius: 0;
 	-fx-background-insets: 0, 6;
 }
-/* 导航 */
-.navigation {
-	-fx-border-width: 1;
-	-fx-border-color: -timi-fx-border-color;
-}
-.navigation .group-pane {
-	-fx-animated: false;
-	-fx-border-width: 1 0 0 0;
-}
-.navigation .group-pane.bottom-line {
-	-fx-border-width: 1 0 1 0;
-}
-.navigation .group-pane .content {
-	-fx-padding: 0;
-}
-.navigation .navigation-button {
-	-fx-padding: .25em .833333em; /* 3 10 */
-	-fx-border-width: 0;
-	-fx-border-color: -timi-fx-border-color;
-}
-.navigation .navigation-button.after-group { /* 紧挨着上一个导航组时，添加上边框 */
-	-fx-border-width: 1 0 0 0;
-}
-.navigation .navigation-button:hover {
-	-fx-background-color: #CCC;
-}
-.navigation .navigation-button:selected {
-	-fx-text-fill: #FFF;
-	-fx-background-color: -timi-fx-color;
-}
-.navigation .navigation-button:disabled {
-	-fx-opacity: -timi-fx-opacity-disabled;
-}
-/* 可编辑表格 */
-.editable-table .table-row-cell:odd {
-	-fx-background-color: -fx-table-cell-border-color, -fx-control-inner-background;
-}
-.editable-table .table-row-cell:filled:selected,
-.editable-table .table-row-cell:filled:selected:focused {
-	-fx-padding: 0;
-	-fx-text-fill: -fx-selection-bar-text;
-	-fx-background: -timi-fx-selected-color;
-	-fx-border-width: 0;
-	-fx-background-color: -timi-fx-selected-color;
-	-fx-background-insets: 0;
-	-fx-table-cell-border-color: -timi-fx-selected-color;
-}
-.editable-table .table-cell {
-	-fx-padding: 0;
-	-fx-cell-size: 0;
-	-fx-border-width: .083333em .083333em .083333em 0; /* 1 1 1 0 */
-}
-.editable-table .table-row-cell .text-field {
-	-fx-background-color: -timi-fx-color, #FFF;
-	-fx-background-insets: 0, 0;
-}
-.editable-table .table-row-cell .text-field:focused {
-	-fx-background-insets: 0, 1;
-}
-/* 选项卡 */
-.tab-pane {
-    -fx-border-color: -timi-fx-border-color;
-}
-.tab-pane > .tab-header-area > .headers-region > .tab {
-    -fx-padding: 0 0 0 .5em;
-    -fx-background-insets: 0 0 1 0, 0 1 1 0, 1 2 1 1;
-    -fx-background-radius: 0, 0, 0;
-}
-.tab-pane > .tab-header-area > .headers-region > .tab:selected {
-    -fx-background-insets: 0 1 0 0, 0 1 0 0;
-}
-.tab-pane > .tab-header-area > .headers-region > .tab > .tab-container > .tab-label {
-    -fx-padding: 0 .5em 0 0;
-}
-.tab-pane > .tab-header-area > .control-buttons-tab {
-    -fx-padding: 0;
-}
-.tab-pane > .tab-header-area > .control-buttons-tab > .container {
-    -fx-padding: 0;
-}
-.tab-pane > .tab-header-area > .control-buttons-tab > .container > .tab-down-button {
-    -fx-padding: 0 .5em;
-    -fx-background-insets: 0;
-    -fx-background-radius: 0;
-}
-.tab-pane > .tab-header-area > .control-buttons-tab > .container > .tab-down-button > .arrow {
-    -fx-shape: "M301.5,393.5v1h1v1h1v1h1v1h1v1h1v-1h1v-1h1v-1h1v-1h1v-1Z";
-    -fx-min-width: 9;
-    -fx-min-height: 5;
-    -fx-pref-width: 9;
-    -fx-pref-height: 5;
-}
-.tab-pane:top > .tab-header-area {
-    -fx-padding: 0;
-}
-/* 分割线 */
 .separator > .line {
-    -fx-border-style: null;
-    -fx-border-width: 0;
+	-fx-border-style: null;
+	-fx-border-width: 0;
 }
 .separator:horizontal > .line {
-    -fx-padding: 0;
-    -fx-min-height: 1;
-    -fx-max-height: 1;
-    -fx-pref-height: 1;
-    -fx-background-color: -timi-fx-border-color;
-}
-/* --------------------------- 布局 --------------------------- */
-/* 滚动 */
-.scroll-pane {
 	-fx-padding: 0;
-	-fx-background-insets: 0;
-}
-.scroll-pane .corner {
-	-fx-background-color: transparent;
-}
-/* 分割 */
-.split-pane {
-	-fx-padding: 0;
-	-fx-background-color: transparent;
-	-fx-background-insets: 0;
-}
-/* --------------------------- 可选类 --------------------------- */
-/* 其他 */
-.bg-tp,
-.bg-tp .viewport {
-	-fx-background-color: transparent;
-	-fx-background-insets: 0;
-}
-.bg-white {
-	-fx-background-color: #FFF;
-}
-.bg-black {
-	-fx-background-color: #000;
-}
-.bg-default {
-	-fx-background-color: #F4F4F4;
-}
-.bg-button-static {
-	-fx-border-color: -timi-fx-border-color;
-	-fx-background-color: -fx-body-color;
-}
-.bg-button-static:disabled {
-	-fx-opacity: -timi-fx-opacity-disabled;
-}
-.bg-button {
-	-fx-border-color: -timi-fx-border-color;
-	-fx-background-color: -fx-body-color;
-}
-.bg-button:hover {
-	-fx-color: -fx-hover-base;
-}
-.bg-button:armed {
-	-fx-color: -fx-pressed-base;
-}
-.bg-button:disabled {
-	-fx-opacity: -timi-fx-opacity-disabled;
-}
-.hover-opacity:hover {
-	-fx-opacity: -timi-fx-opacity-hover;
-}
-/* 滚动面板的滚动条边框 */
-.sp-border .scroll-bar:vertical {
-	-fx-border-width: 0 0 0 1;
-	-fx-border-color: -timi-fx-border-color;
-}
-.sp-border .scroll-bar:horizontal {
-	-fx-border-width: 1 0 0 0;
-	-fx-border-color: -timi-fx-border-color;
-}
-.sp-border .corner {
-	-fx-border-width: 1 0 0 1;
-	-fx-border-color: -timi-fx-border-color;
-}
-/* 内边距 */
-.padding-n {
-	-fx-padding: 0;
-}
-/* 字体颜色 */
-.white {
-	-fx-text-fill: #FFF;
-}
-.red {
-	-fx-text-fill: #F30;
-}
-.brown {
-	-fx-text-fill: #A67D7B;
-}
-.black {
-	-fx-text-fill: #000;
-}
-.orange {
-	-fx-text-fill: #F60;
-}
-.yellow {
-	-fx-text-fill: #FF0;
-}
-.green {
-	-fx-text-fill: #393;
-}
-.dark-green {
-	-fx-text-fill: #373;
-}
-.gray {
-	-fx-text-fill: #666;
-}
-.blue {
-	-fx-text-fill: #008DCB;
-}
-.light-blue {
-	-fx-text-fill: #DDEAF0;
-}
-.gray-white {
-	-fx-text-fill: #F4F4F4;
-}
-.light-gray {
-	-fx-text-fill: #B5B5B5;
-}
-.dark-gray {
-	-fx-text-fill: #333;
-}
-.pink {
-	-fx-text-fill: #FF7A9B;
-}
-.transparent {
-	-fx-text-fill: #FFFFFF00;
-}
-/* 边框控制 */
-.border-all {
-	-fx-border-width: 1;
-}
-.border-n {
-	-fx-border-width: 0;
-}
-.border-t {
-	-fx-border-width: 1 0 0 0;
-}
-.border-r {
-	-fx-border-width: 0 1 0 0;
-}
-.border-b {
-	-fx-border-width: 0 0 1 0;
-}
-.border-l {
-	-fx-border-width: 0 0 0 1;
-}
-.border-tr {
-	-fx-border-width: 1 1 0 0;
-}
-.border-rb {
-	-fx-border-width: 0 1 1 0;
-}
-.border-bl {
-	-fx-border-width: 0 0 1 1;
-}
-.border-lt {
-	-fx-border-width: 1 0 0 1;
-}
-.border-trb {
-	-fx-border-width: 1 1 1 0;
-}
-.border-rbl {
-	-fx-border-width: 0 1 1 1;
-}
-.border-blt {
-	-fx-border-width: 1 0 1 1;
-}
-.border-ltr {
-	-fx-border-width: 1 1 0 1;
-}
-.border-tb {
-	-fx-border-width: 1 0 1 0;
-}
-.border-lr {
-	-fx-border-width: 0 1 0 1;
+	-fx-min-height: 1;
+	-fx-max-height: 1;
+	-fx-pref-height: 1;
+	-fx-background-color: -timi-fx-border-color;
 }

src/main/resources/timifx/style/font.css

@@ -1,5 +1,5 @@
 @font-face {
-	src: url('./MinecraftAE.ttf');
+	src: url('../MinecraftAE.ttf');
 }
 
 /* Minecraft AE 字体在 16 32 64 128 像素时表现为最清晰 */
@@ -15,6 +15,7 @@
 .text-area,
 .text-field,
 .list-view > *,
+.toggle-button,
 .table-view > *,
 .minecraft-ae {
 	-fx-font-size: 16;

src/main/resources/timifx/style/layout.css

@@ -0,0 +1,14 @@
+/* --------------------------- 布局 --------------------------- */
+.scroll-pane {
+	-fx-padding: 0;
+	-fx-background-insets: 0;
+}
+.scroll-pane .corner {
+	-fx-background-color: transparent;
+}
+.split-pane {
+	-fx-padding: 0;
+	-fx-background-color: transparent;
+	-fx-background-insets: 0;
+}
+

src/main/resources/timifx/style/style.css

@@ -0,0 +1,5 @@
+@import "base.css";
+@import "layout.css";
+@import "utility.css";
+
+@import "components/radio-button-group.css";

src/main/resources/timifx/style/user-agent.css

@@ -0,0 +1,2 @@
+@import "base.css";
+@import "controls.css";

src/main/resources/timifx/style/utility.css

@@ -0,0 +1,175 @@
+/* --------------------------- 可选类 --------------------------- */
+.bg-tp,
+.bg-tp .viewport {
+	-fx-background-color: transparent;
+	-fx-background-insets: 0;
+}
+.bg-white {
+	-fx-background-color: -timi-fx-white-color;
+}
+.bg-black {
+	-fx-background-color: -timi-fx-black-color;
+}
+.bg-default {
+	-fx-background-color: -timi-fx-gray-white-color;
+}
+.bg-button-static {
+	-fx-border-color: -timi-fx-border-color;
+	-fx-background-color: -fx-body-color;
+}
+.bg-button-static:disabled {
+	-fx-opacity: -timi-fx-opacity-disabled;
+}
+.bg-button {
+	-fx-background-color: -fx-body-color;
+}
+.bg-button:hover {
+	-fx-color: -fx-hover-base;
+}
+.bg-button:armed {
+	-fx-color: -fx-pressed-base;
+}
+.bg-button:disabled {
+	-fx-opacity: -timi-fx-opacity-disabled;
+}
+.hover-opacity:hover {
+	-fx-opacity: -timi-fx-opacity-hover;
+}
+.sp-border .scroll-bar:vertical {
+	-fx-border-width: 0 0 0 1;
+	-fx-border-color: -timi-fx-border-color;
+}
+.sp-border .scroll-bar:horizontal {
+	-fx-border-width: 1 0 0 0;
+	-fx-border-color: -timi-fx-border-color;
+}
+.sp-border .corner {
+	-fx-border-width: 1 0 0 1;
+	-fx-border-color: -timi-fx-border-color;
+}
+.editable-table .table-row-cell:odd {
+	-fx-background-color: -fx-table-cell-border-color, -fx-control-inner-background;
+}
+.editable-table .table-row-cell:filled:selected,
+.editable-table .table-row-cell:filled:selected:focused {
+	-fx-padding: 0;
+	-fx-text-fill: -fx-selection-bar-text;
+	-fx-background: -timi-fx-selected-color;
+	-fx-border-width: 0;
+	-fx-background-color: -timi-fx-selected-color;
+	-fx-background-insets: 0;
+	-fx-table-cell-border-color: -timi-fx-selected-color;
+}
+.editable-table .table-cell {
+	-fx-padding: 0;
+	-fx-cell-size: 0;
+	-fx-border-width: .083333em .083333em .083333em 0; /* 1 1 1 0 */
+}
+.editable-table .table-row-cell .text-field {
+	-fx-background-color: -timi-fx-color, -timi-fx-white-color;
+	-fx-background-insets: 0, 0;
+}
+.editable-table .table-row-cell .text-field:focused {
+	-fx-background-insets: 0, 1;
+}
+.padding-n {
+	-fx-padding: 0;
+}
+.white {
+	-fx-text-fill: -timi-fx-white-color;
+}
+.red {
+	-fx-text-fill: -timi-fx-red-color;
+}
+.brown {
+	-fx-text-fill: -timi-fx-brown-color;
+}
+.black {
+	-fx-text-fill: -timi-fx-black-color;
+}
+.orange {
+	-fx-text-fill: -timi-fx-orange-color;
+}
+.yellow {
+	-fx-text-fill: -timi-fx-yellow-color;
+}
+.green {
+	-fx-text-fill: -timi-fx-green-color;
+}
+.dark-green {
+	-fx-text-fill: -timi-fx-dark-green-color;
+}
+.gray {
+	-fx-text-fill: -timi-fx-gray-color;
+}
+.blue {
+	-fx-text-fill: -timi-fx-blue-color;
+}
+.light-blue {
+	-fx-text-fill: -timi-fx-light-blue-color;
+}
+.gray-white {
+	-fx-text-fill: -timi-fx-gray-white-color;
+}
+.light-gray {
+	-fx-text-fill: -timi-fx-light-gray-color;
+}
+.dark-gray {
+	-fx-text-fill: -timi-fx-dark-gray-color;
+}
+.pink {
+	-fx-text-fill: -timi-fx-pink-color;
+}
+.transparent {
+	-fx-text-fill: -timi-fx-transparent;
+}
+.border-all {
+	-fx-border-width: 1;
+}
+.border-n {
+	-fx-border-width: 0;
+}
+.border-t {
+	-fx-border-width: 1 0 0 0;
+}
+.border-r {
+	-fx-border-width: 0 1 0 0;
+}
+.border-b {
+	-fx-border-width: 0 0 1 0;
+}
+.border-l {
+	-fx-border-width: 0 0 0 1;
+}
+.border-tr {
+	-fx-border-width: 1 1 0 0;
+}
+.border-rb {
+	-fx-border-width: 0 1 1 0;
+}
+.border-bl {
+	-fx-border-width: 0 0 1 1;
+}
+.border-lt {
+	-fx-border-width: 1 0 0 1;
+}
+.border-trb {
+	-fx-border-width: 1 1 1 0;
+}
+.border-rbl {
+	-fx-border-width: 0 1 1 1;
+}
+.border-blt {
+	-fx-border-width: 1 0 1 1;
+}
+.border-ltr {
+	-fx-border-width: 1 1 0 1;
+}
+.border-tb {
+	-fx-border-width: 1 0 1 0;
+}
+.border-lr {
+	-fx-border-width: 0 1 0 1;
+}
+
+

src/test/java/com/imyeyu/fx/ui/examples/component/animation/InterpolatorPane.java

@@ -4,7 +4,7 @@ import com.imyeyu.fx.bean.Interpolates;
 import com.imyeyu.fx.ui.MinecraftFont;
 import com.imyeyu.fx.ui.TimiFXUI;
 import com.imyeyu.fx.ui.components.SelectableLabel;
-import com.imyeyu.fx.utils.BgFill;
+import com.imyeyu.fx.utils.bg.BackgroundFillBuilder;
 import com.sun.scenario.animation.SplineInterpolator;
 import javafx.animation.TranslateTransition;
 import javafx.geometry.Insets;
@@ -41,7 +41,7 @@ public class InterpolatorPane extends BorderPane implements TimiFXUI {
 
 		// 方块
 		block = new Region();
-		block.setBackground(BgFill.test());
+		block.setBackground(BackgroundFillBuilder.test());
 
 		// 轨道
 		HBox track = new HBox(block);

src/test/java/com/imyeyu/fx/ui/examples/component/sidebar/Sidebar.java

@@ -31,9 +31,8 @@ public class Sidebar extends Navigation {
 		Item alert = new Item(SidebarItem.ALERT);
 		Item popupTips = new Item(SidebarItem.POPUP_TIPS);
 		Item runAsync = new Item(SidebarItem.RUN_ASYNC);
-		Item animationRenderer = new Item(SidebarItem.ANIMATION_RENDERER);
 
-		add(welcome, style, extendTools, bindingConfig, alert, popupTips, runAsync, animationRenderer);
+		add(welcome, style, extendTools, bindingConfig, alert, popupTips, runAsync);
 
 		// 动画
 		Item interpolator = new Item(SidebarItem.INTERPOLATOR);
@@ -41,7 +40,7 @@ public class Sidebar extends Navigation {
 		add(new NavigationGroup(TimiFXUI.MULTILINGUAL.text("animation")).add(interpolator, smoothScroll));
 
 		// 组件
-		SidebarItem[] components = {SidebarItem.DATE_TIME_PICKER, SidebarItem.EDITABLE_TABLE_CELL, SidebarItem.FILE_TREE_VIEW, SidebarItem.ICON_BUTTON, SidebarItem.ICON_PICKER, SidebarItem.LABEL_PROGRESS_BAR, SidebarItem.NAVIGATION, SidebarItem.NUMBER_FIELD, SidebarItem.PROGRESS_SLIDER, SidebarItem.SELECTABLE_LABEL, SidebarItem.TEXT_AREA_EDITOR, SidebarItem.TITLE_LABEL, SidebarItem.TOGGLE_ICON, SidebarItem.X_PAGINATION, SidebarItem.X_TAB_PANE, SidebarItem.X_TREE_VIEW};
+		SidebarItem[] components = {SidebarItem.BUTTON, SidebarItem.DATE_TIME_PICKER, SidebarItem.EDITABLE_TABLE_CELL, SidebarItem.FILE_TREE_VIEW, SidebarItem.ICON_BUTTON, SidebarItem.ICON_PICKER, SidebarItem.LABEL_PROGRESS_BAR, SidebarItem.NAVIGATION, SidebarItem.NUMBER_FIELD, SidebarItem.FILLED_SLIDER, SidebarItem.SELECTABLE_LABEL, SidebarItem.TEXT_AREA_EDITOR, SidebarItem.TITLE_LABEL, SidebarItem.TOGGLE_ICON, SidebarItem.X_PAGINATION, SidebarItem.X_TAB_PANE, SidebarItem.X_TREE_VIEW};
 		Item[] componentItems = new Item[components.length];
 		for (int i = 0; i < componentItems.length; i++) {
 			componentItems[i] = new Item(components[i]);
@@ -54,7 +53,7 @@ public class Sidebar extends Navigation {
 		Item screen = new Item(SidebarItem.SCREEN);
 		Item tray = new Item(SidebarItem.TRAY);
 		add(new NavigationGroup(TimiFXUI.MULTILINGUAL.text("other")).add(draggableNode, draggableWindow, screen, tray));
-		getStyleClass().add(CSS.BORDER_R);
+		setBorder(Stroke.RIGHT);
 		setMinWidth(140);
 
 		// ---------- 事件 ----------

src/test/java/com/imyeyu/fx/ui/examples/component/sidebar/SidebarItem.java

@@ -4,8 +4,8 @@ import com.imyeyu.fx.ui.TimiFXUI;
 import com.imyeyu.fx.ui.examples.TimiFXExamples;
 import com.imyeyu.fx.ui.examples.component.AbstractPane;
 import com.imyeyu.fx.ui.examples.view.pages.AlertDemo;
-import com.imyeyu.fx.ui.examples.view.pages.AnimationRendererDemo;
 import com.imyeyu.fx.ui.examples.view.pages.BindingsConfigDemo;
+import com.imyeyu.fx.ui.examples.view.pages.ButtonDemo;
 import com.imyeyu.fx.ui.examples.view.pages.ExtendDemo;
 import com.imyeyu.fx.ui.examples.view.pages.PopupTipsDemo;
 import com.imyeyu.fx.ui.examples.view.pages.RunAsyncDemo;
@@ -21,7 +21,7 @@ import com.imyeyu.fx.ui.examples.view.pages.component.IconPickerDemo;
 import com.imyeyu.fx.ui.examples.view.pages.component.LabelProgressBarDemo;
 import com.imyeyu.fx.ui.examples.view.pages.component.NavigationDemo;
 import com.imyeyu.fx.ui.examples.view.pages.component.NumberFieldDemo;
-import com.imyeyu.fx.ui.examples.view.pages.component.ProgressSliderDemo;
+import com.imyeyu.fx.ui.examples.view.pages.component.FilledSliderDemo;
 import com.imyeyu.fx.ui.examples.view.pages.component.SelectableLabelDemo;
 import com.imyeyu.fx.ui.examples.view.pages.component.TextAreaEditorDemo;
 import com.imyeyu.fx.ui.examples.view.pages.component.TitleLabelDemo;
@@ -68,9 +68,6 @@ public enum SidebarItem {
 	/** 异步任务 */
 	RUN_ASYNC(RunAsyncDemo.class, TimiFXUI.MULTILINGUAL.text("fx.example.run_async")),
 
-	/** 异步任务 */
-	ANIMATION_RENDERER(AnimationRendererDemo.class, TimiFXUI.MULTILINGUAL.text("fx.example.animation_renderer")),
-
 	// ---------- 动画 ----------
 
 	/** 动画插值器 */
@@ -81,6 +78,9 @@ public enum SidebarItem {
 
 	// ---------- 组件 ----------
 
+	/** 按钮组 */
+	BUTTON(ButtonDemo.class, "切换按钮组"),
+
 	/** 详细时间选择器 */
 	DATE_TIME_PICKER(DateTimePickerDemo.class, TimiFXUI.MULTILINGUAL.text("fx.example.date_time_picker")),
 
@@ -106,7 +106,7 @@ public enum SidebarItem {
 	NUMBER_FIELD(NumberFieldDemo.class, TimiFXUI.MULTILINGUAL.text("fx.example.number_field")),
 
 	/** 进度调整 */
-	PROGRESS_SLIDER(ProgressSliderDemo.class, TimiFXUI.MULTILINGUAL.text("fx.example.progress_slider")),
+	FILLED_SLIDER(FilledSliderDemo.class, TimiFXUI.MULTILINGUAL.text("fx.example.progress_slider")),
 
 	/** 可选标签 */
 	SELECTABLE_LABEL(SelectableLabelDemo.class, TimiFXUI.MULTILINGUAL.text("fx.example.selectable_label")),

src/test/java/com/imyeyu/fx/ui/examples/util/Resources.java

@@ -17,7 +17,7 @@ import javafx.scene.image.Image;
 @Configuration
 public class Resources implements TimiFXUI {
 
-	public static final Image ICON_X64 = new Image(RESOURCE + "icon.png", 64, 64, true, false);
+	public static final Image ICON_X64 = new Image(RESOURCE + "/icon.png", 64, 64, true, false);
 
 	/** @return 配置 */
 	@Bean

src/test/java/com/imyeyu/fx/ui/examples/view/ViewMain.java

@@ -1,14 +1,14 @@
 package com.imyeyu.fx.ui.examples.view;
 
+import com.imyeyu.fx.ui.TimiFXUI;
+import com.imyeyu.fx.ui.examples.bean.Config;
+import com.imyeyu.fx.ui.examples.component.RootLayout;
+import com.imyeyu.inject.annotation.Inject;
 import javafx.application.Application;
 import javafx.scene.PerspectiveCamera;
 import javafx.scene.Scene;
 import javafx.scene.image.Image;
 import javafx.stage.Stage;
-import com.imyeyu.fx.ui.TimiFXUI;
-import com.imyeyu.fx.ui.examples.bean.Config;
-import com.imyeyu.fx.ui.examples.component.RootLayout;
-import com.imyeyu.inject.annotation.Inject;
 
 /**
  * 主界面
@@ -26,14 +26,8 @@ public abstract class ViewMain extends Application implements TimiFXUI {
 
 	@Override
 	public void start(final Stage stage) {
-		PerspectiveCamera perspectiveCamera = new PerspectiveCamera(false);
-		perspectiveCamera.setTranslateX(0);
-		perspectiveCamera.setTranslateY(0);
-		perspectiveCamera.setTranslateZ(0);
-
 		Scene scene = new Scene(root);
-		scene.getStylesheets().addAll(CSS_STYLE, CSS_FONT);
-		scene.setCamera(perspectiveCamera);
+		TimiFXUI.applyStyle(scene);
 		stage.setTitle(TimiFXUI.MULTILINGUAL.text("fx.example.title"));
 		stage.getIcons().add(new Image(RESOURCE + "icon.png"));
 		stage.setScene(scene);

src/test/java/com/imyeyu/fx/ui/examples/view/pages/AlertDemo.java

@@ -15,7 +15,7 @@ import com.imyeyu.fx.ui.components.alert.AlertTips;
 import com.imyeyu.fx.ui.components.alert.AlertType;
 import com.imyeyu.fx.ui.examples.component.AbstractDemoPane;
 import com.imyeyu.fx.ui.examples.component.sidebar.SidebarItem;
-import com.imyeyu.fx.utils.Column;
+import com.imyeyu.fx.utils.grid.Column;
 import com.imyeyu.inject.annotation.Component;
 import com.imyeyu.java.bean.timi.TimiCode;
 import com.imyeyu.java.bean.timi.TimiException;
@@ -26,8 +26,14 @@ import javafx.scene.control.CheckBox;
 import javafx.scene.control.ComboBox;
 import javafx.scene.control.ListView;
 import javafx.scene.control.SelectionMode;
+import javafx.scene.layout.Border;
+import javafx.scene.layout.BorderStroke;
+import javafx.scene.layout.BorderStrokeStyle;
+import javafx.scene.layout.BorderWidths;
+import javafx.scene.layout.CornerRadii;
 import javafx.scene.layout.GridPane;
 import javafx.scene.layout.HBox;
+import javafx.scene.paint.Color;
 
 /**
  * 弹出窗体
@@ -45,47 +51,47 @@ public class AlertDemo extends AbstractDemoPane {
 
 		// 一般
 		Button info = new Button(TimiFXUI.MULTILINGUAL.text("info"));
-		info.getStyleClass().add(CSS.BORDER_BLT);
+		info.setBorder(Stroke.EX_RIGHT);
 		Button warning = new Button(TimiFXUI.MULTILINGUAL.text("warning"));
-		warning.getStyleClass().add(CSS.BORDER_BLT);
+		warning.setBorder(Stroke.EX_RIGHT);
 		Button warningDanger = new Button(TimiFXUI.MULTILINGUAL.text("warning"));
-		warningDanger.getStyleClass().add(CSS.BORDER_BLT);
+		warningDanger.setBorder(Stroke.EX_RIGHT);
 		Button error = new Button(TimiFXUI.MULTILINGUAL.text("error"));
-		error.getStyleClass().add(CSS.BORDER_BLT);
+		error.setBorder(Stroke.EX_RIGHT);
 		Button deadlyError = new Button(TimiFXUI.MULTILINGUAL.text("fx.example.alert.deadly_error"));
 
 		// 询问
 		Button confirmInfo = new Button(TimiFXUI.MULTILINGUAL.text("info"));
-		confirmInfo.getStyleClass().add(CSS.BORDER_BLT);
+		confirmInfo.setBorder(Stroke.EX_RIGHT);
 		Button confirmWarning = new Button(TimiFXUI.MULTILINGUAL.text("warning"));
-		confirmWarning.getStyleClass().add(CSS.BORDER_BLT);
+		confirmWarning.setBorder(Stroke.EX_RIGHT);
 		Button confirmWarningDanger = new Button(TimiFXUI.MULTILINGUAL.text("warning"));
-		confirmWarningDanger.getStyleClass().add(CSS.BORDER_BLT);
+		confirmWarningDanger.setBorder(Stroke.EX_RIGHT);
 		Button confirmError = new Button(TimiFXUI.MULTILINGUAL.text("error"));
-		confirmError.getStyleClass().add(CSS.BORDER_BLT);
+		confirmError.setBorder(Stroke.EX_RIGHT);
 		Button confirmCancel = new Button(TimiFXUI.MULTILINGUAL.text("fx.example.alert.can_cancel"));
 
 		// 输入
 		Button textField = new Button(TimiFXUI.MULTILINGUAL.text("fx.example.alert.text_field"));
-		textField.getStyleClass().add(CSS.BORDER_BLT);
+		textField.setBorder(Stroke.EX_RIGHT);
 		Button textArea = new Button(TimiFXUI.MULTILINGUAL.text("fx.example.alert.text_area"));
 
 		// 文件
 		Button file = new Button(TimiFXUI.MULTILINGUAL.text("file.select"));
-		file.getStyleClass().add(CSS.BORDER_BLT);
+		file.setBorder(Stroke.EX_RIGHT);
 		Button directory = new Button(TimiFXUI.MULTILINGUAL.text("file.select.directory"));
-		directory.getStyleClass().add(CSS.BORDER_BLT);
+		directory.setBorder(Stroke.EX_RIGHT);
 		Button fileBlend = new Button(TimiFXUI.MULTILINGUAL.text("fx.example.alert.file_blend"));
 
 		// 加载中
 		Button loading = new Button(TimiFXUI.MULTILINGUAL.text("loading"));
-		loading.getStyleClass().add(CSS.BORDER_BLT);
+		loading.setBorder(Stroke.EX_RIGHT);
 
 		// 自定义
 		Button custom = new Button(TimiFXUI.MULTILINGUAL.text("custom"));
 
 		setCenter(new GridPane() {{
-			getColumnConstraints().addAll(Column.KEY, Column.KEY);
+			getColumnConstraints().addAll(Column.key(), Column.key());
 			setHgap(12);
 			setVgap(6);
 			setPadding(new Insets(20));

src/test/java/com/imyeyu/fx/ui/examples/view/pages/AnimationRendererDemo.java

@@ -1,172 +0,0 @@
-package com.imyeyu.fx.ui.examples.view.pages;
-
-import com.imyeyu.fx.BindingUtils;
-import com.imyeyu.fx.TimiFX;
-import com.imyeyu.fx.ui.TimiFXUI;
-import com.imyeyu.fx.ui.components.SelectableLabel;
-import com.imyeyu.fx.ui.components.TextAreaEditor;
-import com.imyeyu.fx.ui.components.alert.AlertTips;
-import com.imyeyu.fx.ui.components.popup.PopupTipsService;
-import com.imyeyu.fx.ui.examples.TimiFXExamples;
-import com.imyeyu.fx.ui.examples.component.AbstractDemoPane;
-import com.imyeyu.fx.ui.examples.component.sidebar.SidebarItem;
-import com.imyeyu.fx.ui.examples.ctrl.Main;
-import com.imyeyu.fx.utils.AnimationRenderer;
-import com.imyeyu.fx.utils.Column;
-import com.imyeyu.inject.annotation.Component;
-import com.imyeyu.io.IO;
-import com.imyeyu.utils.OS;
-import javafx.geometry.Insets;
-import javafx.geometry.Point3D;
-import javafx.scene.control.Button;
-import javafx.scene.control.Label;
-import javafx.scene.control.Slider;
-import javafx.scene.control.SplitPane;
-import javafx.scene.layout.BorderPane;
-import javafx.scene.layout.GridPane;
-import javafx.scene.paint.PhongMaterial;
-import javafx.scene.shape.Box;
-import javafx.scene.shape.CullFace;
-import javafx.scene.shape.DrawMode;
-
-/**
- * 动画渲染器
- *
- * @author 夜雨
- * @since 2023-04-13 10:46
- */
-@Component
-public class AnimationRendererDemo extends AbstractDemoPane implements OS.FileSystem {
-
-	private final AnimationRenderer renderer;
-
-	public AnimationRendererDemo() {
-		title.setText(SidebarItem.ANIMATION_RENDERER.getText());
-		document.sync("https://doc.imyeyu.net/timi-fx/net/imyeyu/timifx/extend/AnimationRenderer.html");
-		source.sync("https://git.imyeyu.net/Timi/timi-fx/src/master/src/main/java/net/imyeyu/timifx/extend/AnimationRenderer.java");
-		tips.setText(TimiFXUI.MULTILINGUAL.text("fx.example.animation_renderer.tips"));
-
-		// 动画旋转立方体
-		Box box = new Box(128, 128, 128);
-		box.setDrawMode(DrawMode.LINE);
-		box.setCullFace(CullFace.BACK);
-		box.setMaterial(new PhongMaterial(Colorful.BLACK));
-		box.setTranslateY(60);
-		box.setRotationAxis(new Point3D(0, 64, 0));
-		renderer = new AnimationRenderer();
-		renderer.addRenderCallback(deltaSecond -> box.setRotate(box.getRotate() + 90 * deltaSecond));
-
-		String value = System.getProperty("javafx.animation.fullspeed");
-		boolean isFullSpeed = value != null && value.equalsIgnoreCase("true");
-
-		// 当前状态
-		Label labelStatus = TimiFXUI.label(TimiFXUI.MULTILINGUAL.text("fx.example.animation_renderer.status"));
-		SelectableLabel status = new SelectableLabel("-Djavafx.animation.fullspeed=" + isFullSpeed);
-
-		// 重启
-		Button restart = new Button(TimiFXUI.MULTILINGUAL.text("fx.example.animation_renderer.restart"));
-
-		// 示例
-		Label labelDemo = TimiFXUI.title(TimiFXUI.MULTILINGUAL.text("example"));
-		TextAreaEditor demo = new TextAreaEditor();
-		demo.getStyleClass().add(CSS.BORDER_N);
-		demo.setEditable(false);
-		demo.setText("""
-Box box = new Box(128, 128, 128);
-box.setDrawMode(DrawMode.LINE);
-box.setCullFace(CullFace.BACK);
-box.setMaterial(new PhongMaterial(RED));
-box.setRotationAxis(new Point3D(0, 64, 0));
-
-// 每秒 90 度旋转一个 3D 立方体，默认 60 FPS
-AnimationRenderer renderer = new AnimationRenderer();
-renderer.addRenderCallback(deltaSecond -> {
-    box.setRotate(box.getRotate() + 90 * deltaSecond);
-});
-
-// 控制 FPS
-Slider fps = new Slider(5, 240, 60);
-fps.valueProperty().addListener((obs, o, newFps) -> {
-	renderer.setPrefFPS(newFps.intValue())
-});
-				""".trim());
-
-		// 预设 FPS
-		Label labelPrefFPS = TimiFXUI.label(TimiFXUI.MULTILINGUAL.text("fx.example.animation_renderer.pref_fps"));
-		Slider prefFPS = new Slider(5, 240, 60);
-		prefFPS.valueProperty().addListener((obs, o, newFps) -> renderer.setPrefFPS(newFps.intValue()));
-		PopupTipsService.installBindingText(prefFPS, BindingUtils.integerStringBinding(prefFPS.valueProperty()));
-		renderer.setPrefFPS((int) prefFPS.getValue());
-
-		// 当前渲染 FPS
-		Label labelFPS = TimiFXUI.label(TimiFXUI.MULTILINGUAL.text("fps"));
-		Label fps = new Label();
-		fps.textProperty().bind(renderer.fpsProperty().asString("%d"));
-
-		Label labelMPF = TimiFXUI.label(TimiFXUI.MULTILINGUAL.text("mpf"));
-		Label mpf = new Label();
-		mpf.textProperty().bind(renderer.mpfProperty().asString("%.2f ms"));
-
-		setCenter(new BorderPane() {{
-			setTop(new GridPane() {{
-				getColumnConstraints().addAll(Column.KEY, Column.VALUE_FILL);
-				setVgap(6);
-				setHgap(6);
-				setPadding(new Insets(20));
-
-				addRow(0, labelStatus, status);
-				add(restart, 1, 1);
-			}});
-			setCenter(new BorderPane() {{
-				setBorder(Stroke.TOP);
-				setTop(labelDemo);
-				setCenter(new SplitPane() {{
-					setBorder(Stroke.TOP);
-					setDividerPositions(.5);
-					getItems().addAll(demo, new BorderPane() {{
-						setTop(new GridPane() {{
-							getColumnConstraints().addAll(Column.KEY, Column.VALUE_FILL);
-							setHgap(6);
-							setVgap(6);
-							setPadding(new Insets(8, 12, 8, 12));
-							setBorder(Stroke.BOTTOM);
-
-							int row = 0;
-							addRow(row++, labelPrefFPS, prefFPS);
-							addRow(row++, labelFPS, fps);
-							addRow(row, labelMPF, mpf);
-						}});
-						setCenter(box);
-					}});
-				}});
-			}});
-		}});
-
-		// ---------- 事件 ----------
-
-		restart.setOnAction(e -> {
-			// JRE
-			String jre = System.getProperty("java.home") + SEP + "bin" + SEP + "java";
-			// 启动参数
-			String param = " -Djavafx.animation.fullspeed=%s -XX:+UnlockExperimentalVMOptions -XX:+UseZGC -jar ".formatted(!isFullSpeed);
-			// 启动 Jar
-			String jar = IO.getJarAbsolutePath(getClass());
-			// 重启
-			try {
-				TimiFX.doRestart(TimiFXExamples.getInject().getBean(Main.class), jre + param + jar);
-			} catch (Exception ex) {
-				AlertTips.error(getScene().getWindow(), TimiFXUI.MULTILINGUAL.text("tips.restart.error"));
-			}
-		});
-	}
-
-	@Override
-	protected void onShow() {
-		renderer.start();
-	}
-
-	@Override
-	protected void onHide() {
-		renderer.stop();
-	}
-}

src/test/java/com/imyeyu/fx/ui/examples/view/pages/ButtonDemo.java

@@ -0,0 +1,95 @@
+package com.imyeyu.fx.ui.examples.view.pages;
+
+import com.imyeyu.fx.ui.TimiFXUI;
+import com.imyeyu.fx.ui.components.RadioButtonGroup;
+import com.imyeyu.fx.ui.examples.component.AbstractDemoPane;
+import com.imyeyu.fx.ui.examples.component.sidebar.SidebarItem;
+import com.imyeyu.inject.annotation.Component;
+import javafx.geometry.Insets;
+import javafx.geometry.Pos;
+import javafx.scene.control.Label;
+import javafx.scene.control.ToggleButton;
+import javafx.scene.layout.GridPane;
+import javafx.scene.layout.HBox;
+import javafx.scene.layout.VBox;
+
+/**
+ * 按钮组件示例
+ *
+ * @author 夜雨
+ * @since 2026-06-25
+ */
+@Component
+public class ButtonDemo extends AbstractDemoPane {
+
+	public ButtonDemo() {
+		title.setText(SidebarItem.BUTTON.getText());
+		document.setText("暂无");
+		document.setUrl("");
+		source.setText("src/main/java/com/imyeyu/fx/ui/components/RadioButtonGroup.java");
+		source.setUrl("");
+		tips.setText("演示 RadioButtonGroup 的按钮模式和滑块模式，按钮列表、选中状态和允许取消选择都是组件对外暴露的标准属性");
+
+		RadioButtonGroup buttonModeGroup = new RadioButtonGroup();
+		buttonModeGroup.addButton("全部");
+		buttonModeGroup.addButton("启用");
+		buttonModeGroup.addButton("停用");
+		buttonModeGroup.setSelectedIndex(0);
+
+		RadioButtonGroup sliderModeGroup = new RadioButtonGroup();
+		sliderModeGroup.setMode(RadioButtonGroup.Mode.SLIDER);
+		sliderModeGroup.addButton("左对齐");
+		sliderModeGroup.addButton("居中");
+		sliderModeGroup.addButton("右对齐");
+		sliderModeGroup.setSelectedIndex(1);
+
+		RadioButtonGroup clearableGroup = new RadioButtonGroup();
+		clearableGroup.setMode(RadioButtonGroup.Mode.SLIDER);
+		clearableGroup.setAllowClearSelection(true);
+		clearableGroup.addButton("日");
+		clearableGroup.addButton("周");
+		clearableGroup.addButton("月");
+		clearableGroup.addButton("年");
+		clearableGroup.setSelectedIndex(2);
+
+		Label selectedButtonText = TimiFXUI.label();
+		Label selectedIndexText = TimiFXUI.label();
+		selectedButtonText.setText("当前选中: " + clearableGroup.getSelectedButton().getText());
+		selectedIndexText.setText("当前下标: " + clearableGroup.getSelectedIndex());
+		clearableGroup.selectedButtonProperty().addListener((obs, o, button) -> {
+			if (button == null) {
+				selectedButtonText.setText("当前选中: 无");
+				return;
+			}
+			selectedButtonText.setText("当前选中: " + button.getText());
+		});
+		clearableGroup.selectedIndexProperty().addListener((obs, o, index) -> selectedIndexText.setText("当前下标: " + index.intValue()));
+
+		RadioButtonGroup customButtonGroup = new RadioButtonGroup();
+		ToggleButton primary = new ToggleButton("概览");
+		ToggleButton analysis = new ToggleButton("分析");
+		ToggleButton history = new ToggleButton("历史");
+		customButtonGroup.getButtons().addAll(primary, analysis, history);
+		customButtonGroup.setAlignment(Pos.CENTER_LEFT);
+		customButtonGroup.setSelectedButton(analysis);
+
+		setCenter(new VBox() {{
+			setSpacing(12);
+			setPadding(new Insets(20));
+			getChildren().addAll(
+				new GridPane() {{
+					setHgap(12);
+					setVgap(10);
+
+					int row = 0;
+					addRow(row++, TimiFXUI.label("按钮模式"), buttonModeGroup);
+					addRow(row++, TimiFXUI.label("滑块模式"), sliderModeGroup);
+					addRow(row++, TimiFXUI.label("允许取消"), new HBox(clearableGroup));
+					addRow(row, TimiFXUI.label("外部按钮"), customButtonGroup);
+				}},
+				selectedButtonText,
+				selectedIndexText
+			);
+		}});
+	}
+}

src/test/java/com/imyeyu/fx/ui/examples/view/pages/ExtendDemo.java

@@ -5,7 +5,7 @@ import com.imyeyu.fx.ui.components.Hyperlink;
 import com.imyeyu.fx.ui.components.TitleLabel;
 import com.imyeyu.fx.ui.examples.component.AbstractDemoPane;
 import com.imyeyu.fx.ui.examples.component.sidebar.SidebarItem;
-import com.imyeyu.fx.utils.SmoothScroll;
+import com.imyeyu.fx.utils.scroll.SmoothScroll;
 import com.imyeyu.inject.annotation.Component;
 import javafx.geometry.Insets;
 import javafx.scene.control.ScrollPane;
@@ -81,7 +81,7 @@ public class ExtendDemo extends AbstractDemoPane {
 					source.sync("https://git.imyeyu.net/Timi/timi-fx/src/master/src/main/java/net/imyeyu/timifx/extend/XAnchorPane.java");
 				}});
 			}});
-			SmoothScroll.scrollPane(this);
+			SmoothScroll.pane.install(this);
 		}});
 	}
 

src/test/java/com/imyeyu/fx/ui/examples/view/pages/PopupTipsDemo.java

@@ -35,21 +35,21 @@ public class PopupTipsDemo extends AbstractDemoPane {
 
 		// 长文本
 		Button textLong = new Button(TimiFXUI.MULTILINGUAL.text("fx.example.popup_tips.text_long"));
-		textLong.getStyleClass().add(CSS.BORDER_TRB);
+		textLong.setBorder(Stroke.EX_LEFT);
 		PopupTipsService.installText(textLong, TimiFXUI.MULTILINGUAL.text("fx.example.demo.text_long"));
 
 		// 图片
 		Button image = new Button(TimiFXUI.MULTILINGUAL.text("image"));
-		image.getStyleClass().add(CSS.BORDER_TRB);
+		image.setBorder(Stroke.EX_LEFT);
 		PopupTipsService.installImage(image, new Image(RESOURCE + "icon.png", 64, 64, false, false));
 
 		// 自定义
 		Button custom = new Button(TimiFXUI.MULTILINGUAL.text("custom"));
-		custom.getStyleClass().add(CSS.BORDER_TRB);
+		custom.setBorder(Stroke.EX_LEFT);
 
 		// 保持显示
 		Button keepShow = new Button(TimiFXUI.MULTILINGUAL.text("fx.example.popup_tips.keep_show"));
-		keepShow.getStyleClass().add(CSS.BORDER_TRB);
+		keepShow.setBorder(Stroke.EX_LEFT);
 		{
 			ListView<String> list = new ListView<>();
 			for (int i = 0; i < 20; i++) {

src/test/java/com/imyeyu/fx/ui/examples/view/pages/Style.java

@@ -4,8 +4,8 @@ import com.imyeyu.fx.ui.TimiFXUI;
 import com.imyeyu.fx.ui.components.Hyperlink;
 import com.imyeyu.fx.ui.components.TitleLabel;
 import com.imyeyu.fx.ui.examples.component.AbstractPane;
-import com.imyeyu.fx.utils.BgFill;
-import com.imyeyu.fx.utils.Column;
+import com.imyeyu.fx.utils.bg.BackgroundFillBuilder;
+import com.imyeyu.fx.utils.grid.Column;
 import com.imyeyu.inject.annotation.Component;
 import javafx.geometry.Insets;
 import javafx.scene.control.Label;
@@ -75,7 +75,7 @@ public class Style extends AbstractPane {
 		// 样式文件
 		TitleLabel styleFile = new TitleLabel(TimiFXUI.MULTILINGUAL.text("fx.example.style.file"));
 		Label labelFile = TimiFXUI.label(TimiFXUI.MULTILINGUAL.text("source"));
-		Hyperlink file = new Hyperlink("https://git.imyeyu.net/Timi/timi-fx/src/master/src/main/resources/timifx/style.css");
+		Hyperlink file = new Hyperlink("https://git.imyeyu.net/Timi/timi-fx/src/master/src/main/resources/timifx/style/style.css");
 
 		setCenter(new VBox() {{
 			setSpacing(16);
@@ -85,7 +85,7 @@ public class Style extends AbstractPane {
 			getChildren().addAll(new BorderPane() {{
 				setTop(titleTimiFX);
 				setCenter(new GridPane() {{
-					getColumnConstraints().addAll(Column.KEY, Column.VALUE_FILL);
+					getColumnConstraints().addAll(Column.key(), Column.valueFill());
 					setVgap(8);
 					setHgap(10);
 					setPadding(CONTENT_PADDING);
@@ -98,7 +98,7 @@ public class Style extends AbstractPane {
 			}}, new BorderPane() {{
 				setTop(titleColor);
 				setCenter(new GridPane() {{
-					getColumnConstraints().addAll(Column.KEY, Column.VALUE_FILL);
+					getColumnConstraints().addAll(Column.key(), Column.valueFill());
 					setVgap(8);
 					setHgap(10);
 					setPadding(CONTENT_PADDING);
@@ -134,7 +134,7 @@ public class Style extends AbstractPane {
 			}}, new BorderPane() {{
 				setTop(styleFile);
 				setCenter(new GridPane() {{
-					getColumnConstraints().addAll(Column.KEY, Column.VALUE_FILL);
+					getColumnConstraints().addAll(Column.key(), Column.valueFill());
 					setVgap(8);
 					setHgap(10);
 					setPadding(CONTENT_PADDING);
@@ -152,7 +152,7 @@ public class Style extends AbstractPane {
 	 * @return 标签
 	 */
 	private Label colorLabel(String text, Paint color) {
-		return colorLabel(text, new BgFill(color).build());
+		return colorLabel(text, BackgroundFillBuilder.solid(color).build());
 	}
 
 	/**

src/test/java/com/imyeyu/fx/ui/examples/view/pages/Welcome.java

@@ -1,6 +1,5 @@
 package com.imyeyu.fx.ui.examples.view.pages;
 
-import com.imyeyu.fx.TimiFX;
 import com.imyeyu.fx.ui.MinecraftFont;
 import com.imyeyu.fx.ui.TimiFXUI;
 import com.imyeyu.fx.ui.components.alert.AlertConfirm;
@@ -11,13 +10,13 @@ import com.imyeyu.fx.ui.examples.component.AbstractPane;
 import com.imyeyu.fx.ui.examples.component.TimiVersionLabel;
 import com.imyeyu.fx.ui.examples.ctrl.Main;
 import com.imyeyu.fx.ui.examples.util.Resources;
-import com.imyeyu.fx.utils.Column;
+import com.imyeyu.fx.utils.FXApplication;
+import com.imyeyu.fx.utils.grid.Column;
 import com.imyeyu.inject.annotation.Component;
 import com.imyeyu.inject.annotation.PostConstruct;
 import com.imyeyu.io.IO;
 import com.imyeyu.java.bean.Language;
 import com.imyeyu.utils.OS;
-import javafx.geometry.HPos;
 import javafx.geometry.Insets;
 import javafx.geometry.Pos;
 import javafx.scene.control.ComboBox;
@@ -26,7 +25,6 @@ import javafx.scene.image.ImageView;
 import javafx.scene.layout.GridPane;
 import javafx.scene.layout.HBox;
 import javafx.scene.layout.VBox;
-import javafx.scene.text.TextAlignment;
 import javafx.util.StringConverter;
 
 /**
@@ -96,7 +94,7 @@ public class Welcome extends AbstractPane implements OS.FileSystem {
 				getChildren().add(new Label(TimiFXUI.MULTILINGUAL.text("fx.example.welcome.tips1")));
 				getChildren().add(new Label(TimiFXUI.MULTILINGUAL.text("fx.example.welcome.tips2")));
 				getChildren().add(new GridPane() {{
-					getColumnConstraints().addAll(Column.build(HPos.RIGHT), Column.VALUE);
+					getColumnConstraints().addAll(Column.builder().right().build(), Column.value());
 					setHgap(8);
 					setVgap(6);
 					setPadding(new Insets(12, 0, 4, 0));
@@ -138,7 +136,7 @@ public class Welcome extends AbstractPane implements OS.FileSystem {
 					String jar = IO.getJarAbsolutePath(getClass());
 					// 重启
 					try {
-						TimiFX.doRestart(TimiFXExamples.getInject().getBean(Main.class), jre + param + jar);
+						FXApplication.restart(TimiFXExamples.getInject().getBean(Main.class), jre + param + jar);
 					} catch (Exception ex) {
 						AlertTips.error(this, TimiFXUI.MULTILINGUAL.text("tips.restart.error"));
 					}

src/test/java/com/imyeyu/fx/ui/examples/view/pages/animation/InterpolatorDemo.java

@@ -6,7 +6,7 @@ import com.imyeyu.fx.ui.examples.bean.Config;
 import com.imyeyu.fx.ui.examples.component.AbstractDemoPane;
 import com.imyeyu.fx.ui.examples.component.animation.InterpolatorPane;
 import com.imyeyu.fx.ui.examples.component.sidebar.SidebarItem;
-import com.imyeyu.fx.utils.SmoothScroll;
+import com.imyeyu.fx.utils.scroll.SmoothScroll;
 import com.imyeyu.inject.annotation.Component;
 import com.imyeyu.inject.annotation.PostConstruct;
 import javafx.beans.binding.Bindings;
@@ -46,7 +46,7 @@ public class InterpolatorDemo extends AbstractDemoPane {
 
 		// 重置
 		Button reset = new Button(TimiFXUI.MULTILINGUAL.text("reset"));
-		reset.getStyleClass().add(CSS.BORDER_TRB);
+		reset.setBorder(Stroke.EX_LEFT);
 
 		// 持续时间
 		duration = new Slider();
@@ -102,7 +102,7 @@ public class InterpolatorDemo extends AbstractDemoPane {
 					setPadding(new Insets(12, 0, 12, 0));
 					getChildren().addAll(panes);
 				}});
-				SmoothScroll.scrollPane(this);
+				SmoothScroll.pane.install(this);
 			}});
 		}});
 

src/test/java/com/imyeyu/fx/ui/examples/view/pages/animation/SmoothScrollDemo.java

@@ -5,12 +5,11 @@ import com.imyeyu.fx.task.RunAsyncScheduled;
 import com.imyeyu.fx.ui.TimiFXUI;
 import com.imyeyu.fx.ui.examples.component.AbstractDemoPane;
 import com.imyeyu.fx.ui.examples.component.sidebar.SidebarItem;
-import com.imyeyu.fx.utils.Column;
-import com.imyeyu.fx.utils.SmoothScroll;
+import com.imyeyu.fx.utils.grid.Column;
+import com.imyeyu.fx.utils.scroll.SmoothScroll;
 import com.imyeyu.inject.annotation.Component;
 import com.imyeyu.utils.Calc;
 import javafx.beans.property.SimpleObjectProperty;
-import javafx.geometry.HPos;
 import javafx.geometry.Insets;
 import javafx.geometry.Pos;
 import javafx.scene.control.ComboBox;
@@ -46,7 +45,7 @@ public class SmoothScrollDemo extends AbstractDemoPane {
 		// 下拉框
 		ComboBox<String> comboBoxDef = new ComboBox<>();
 		ComboBox<String> comboBox = new ComboBox<>();
-		SmoothScroll.comboBox(comboBox);
+		SmoothScroll.virtual.install(comboBox);
 
 		// 滚动面板
 		VBox spDefVB = new VBox();
@@ -55,37 +54,42 @@ public class SmoothScrollDemo extends AbstractDemoPane {
 		ScrollPane scrollPane = new ScrollPane(spVB);
 		scrollPaneDef.setBorder(Stroke.LT);
 		scrollPane.setBorder(Stroke.LT);
-		SmoothScroll.scrollPane(scrollPane);
+		SmoothScroll.pane.install(scrollPane);
 
 		// 文本域
 		TextArea textAreaDef = new TextArea();
 		TextArea textArea = new TextArea();
-		textAreaDef.getStyleClass().add(CSS.BORDER_LT);
-		textArea.getStyleClass().add(CSS.BORDER_LT);
-		SmoothScroll.textarea(textArea);
+		textAreaDef.setBorder(Stroke.LT);
+		textArea.setBorder(Stroke.LT);
+		SmoothScroll.text.install(textArea);
 
 		// 列表
 		ListView<String> listViewDef = new ListView<>();
 		ListView<String> listView = new ListView<>();
-		listViewDef.getStyleClass().add(CSS.BORDER_LT);
-		listView.getStyleClass().add(CSS.BORDER_LT);
-		SmoothScroll.virtual(listView);
+		listViewDef.setBorder(Stroke.LT);
+		listView.setBorder(Stroke.LT);
+		SmoothScroll.virtual.install(listView);
 
 		// 表格
 		TableView<String> tableViewDef = new TableView<>();
 		TableView<String> tableView = new TableView<>();
-		tableViewDef.getStyleClass().add(CSS.BORDER_LT);
-		tableView.getStyleClass().add(CSS.BORDER_LT);
+		tableViewDef.setBorder(Stroke.LT);
+		tableView.setBorder(Stroke.LT);
 		TableColumn<String, Object> col = new TableColumn<>("col");
 		col.setCellValueFactory(param -> new SimpleObjectProperty<>(param.getValue()));
 		tableViewDef.getColumns().add(col);
 		tableView.getColumns().add(col);
-		SmoothScroll.virtual(tableView);
+		SmoothScroll.virtual.install(tableView);
 
 		setCenter(new GridPane() {{
-			Column key = Column.build(HPos.RIGHT).percentWidth(10);
-			Column value = Column.build(HPos.CENTER).percentWidth(18).fill();
-			getColumnConstraints().addAll(key, value, value, value, value, value);
+			getColumnConstraints().addAll(
+					Column.builder().right().percentWidth(10).build(),
+					Column.builder().center().percentWidth(18).fill().build(),
+					Column.builder().center().percentWidth(18).fill().build(),
+					Column.builder().center().percentWidth(18).fill().build(),
+					Column.builder().center().percentWidth(18).fill().build(),
+					Column.builder().center().percentWidth(18).fill().build()
+			);
 
 			add(new StackPane() {{
 				setBorder(Stroke.TOP);

src/test/java/com/imyeyu/fx/ui/examples/view/pages/component/EditableTableCellDemo.java

@@ -3,7 +3,7 @@ package com.imyeyu.fx.ui.examples.view.pages.component;
 import com.imyeyu.fx.ui.TimiFXUI;
 import com.imyeyu.fx.ui.examples.component.AbstractDemoPane;
 import com.imyeyu.fx.ui.examples.component.sidebar.SidebarItem;
-import com.imyeyu.fx.utils.Column;
+import com.imyeyu.fx.utils.grid.Column;
 import com.imyeyu.inject.annotation.Component;
 import javafx.beans.property.SimpleStringProperty;
 import javafx.beans.property.StringProperty;
@@ -63,7 +63,7 @@ public class EditableTableCellDemo extends AbstractDemoPane {
 		tfxCol.prefWidthProperty().bind(tfx.widthProperty().subtract(50));
 
 		setCenter(new GridPane() {{
-			getColumnConstraints().addAll(Column.VALUE_FILL, Column.VALUE_FILL);
+			getColumnConstraints().addAll(Column.valueFill(), Column.valueFill());
 			setVgap(6);
 			setHgap(20);
 			setPadding(new Insets(32));

src/test/java/com/imyeyu/fx/ui/examples/view/pages/component/FileTreeViewDemo.java

@@ -4,8 +4,8 @@ import com.imyeyu.fx.ui.TimiFXUI;
 import com.imyeyu.fx.ui.components.FileTreeView;
 import com.imyeyu.fx.ui.examples.component.AbstractDemoPane;
 import com.imyeyu.fx.ui.examples.component.sidebar.SidebarItem;
-import com.imyeyu.fx.utils.Column;
-import com.imyeyu.fx.utils.Row;
+import com.imyeyu.fx.utils.grid.Column;
+import com.imyeyu.fx.utils.grid.Row;
 import com.imyeyu.inject.annotation.Component;
 import javafx.geometry.Insets;
 import javafx.geometry.Pos;
@@ -57,8 +57,8 @@ public class FileTreeViewDemo extends AbstractDemoPane {
 		hide.setShowHide(true);
 
 		setCenter(new GridPane() {{
-			getColumnConstraints().addAll(Column.VALUE_FILL, Column.VALUE_FILL, Column.VALUE_FILL, Column.VALUE_FILL);
-			getRowConstraints().addAll(Row.build(), Row.build().alwaysPriority());
+			getColumnConstraints().addAll(Column.valueFill(), Column.valueFill(), Column.valueFill(), Column.valueFill());
+			getRowConstraints().addAll(Row.builder().build(), Row.builder().alwaysPriority().build());
 			setVgap(5);
 			setPadding(new Insets(32));
 

src/test/java/com/imyeyu/fx/ui/examples/view/pages/component/FilledSliderDemo.java

@@ -1,7 +1,7 @@
 package com.imyeyu.fx.ui.examples.view.pages.component;
 
 import com.imyeyu.fx.ui.TimiFXUI;
-import com.imyeyu.fx.ui.components.ProgressSlider;
+import com.imyeyu.fx.ui.components.FilledSlider;
 import com.imyeyu.fx.ui.examples.component.AbstractDemoPane;
 import com.imyeyu.fx.ui.examples.component.sidebar.SidebarItem;
 import com.imyeyu.inject.annotation.Component;
@@ -10,21 +10,21 @@ import javafx.scene.control.Label;
 import javafx.scene.layout.FlowPane;
 
 /**
- * 拖拽进度组件
+ * 填充轨道滑动条示例
  *
  * @author 夜雨
  * @since 2022-08-30 09:36
  */
 @Component
-public class ProgressSliderDemo extends AbstractDemoPane {
+public class FilledSliderDemo extends AbstractDemoPane {
 
-	public ProgressSliderDemo() {
-		title.setText(SidebarItem.PROGRESS_SLIDER.getText());
-		document.sync("https://doc.imyeyu.net/timi-fx/net/imyeyu/timifx/component/ProgressSlider.html");
-		source.sync("https://git.imyeyu.net/Timi/timi-fx/src/master/src/main/java/net/imyeyu/timifx/component/ProgressSlider.java");
+	public FilledSliderDemo() {
+		title.setText(SidebarItem.FILLED_SLIDER.getText());
+		document.sync("https://doc.imyeyu.net/timi-fx/net/imyeyu/timifx/component/FilledSlider.html");
+		source.sync("https://git.imyeyu.net/Timi/timi-fx/src/master/src/main/java/net/imyeyu/timifx/component/FilledSlider.java");
 
 		// 组件
-		ProgressSlider slider = new ProgressSlider();
+		FilledSlider slider = new FilledSlider();
 		slider.setPrefWidth(360);
 		slider.setValue(.5);
 

src/test/java/com/imyeyu/fx/ui/examples/view/pages/component/IconButtonDemo.java

@@ -1,12 +1,15 @@
 package com.imyeyu.fx.ui.examples.view.pages.component;
 
 import com.imyeyu.fx.icon.TimiFXIcon;
+import com.imyeyu.fx.icon.TimiIcon;
 import com.imyeyu.fx.ui.TimiFXUI;
 import com.imyeyu.fx.ui.components.IconButton;
 import com.imyeyu.fx.ui.examples.component.AbstractDemoPane;
 import com.imyeyu.fx.ui.examples.component.sidebar.SidebarItem;
 import com.imyeyu.inject.annotation.Component;
 import javafx.geometry.Insets;
+import javafx.scene.control.Button;
+import javafx.scene.layout.Border;
 import javafx.scene.layout.GridPane;
 
 /**
@@ -24,16 +27,16 @@ public class IconButtonDemo extends AbstractDemoPane {
 		source.sync("https://git.imyeyu.net/Timi/timi-fx/src/master/src/main/java/net/imyeyu/timifx/component/IconButton.java");
 
 		// 一般
-		IconButton commonly = new IconButton(TimiFXUI.MULTILINGUAL.text("fx.example.icon_button"), TimiFXIcon.fromName("HAMMER"));
+		IconButton commonly = new IconButton(TimiFXUI.MULTILINGUAL.text("fx.example.icon_button"), TimiFXIcon.get(TimiIcon.HAMMER));
 
 		// 按钮背景
-		IconButton commonlyWithBG = new IconButton(TimiFXUI.MULTILINGUAL.text("fx.example.icon_button"), TimiFXIcon.fromName("HAMMER")).withBackground();
+		IconButton commonlyWithBG = new IconButton(TimiFXUI.MULTILINGUAL.text("fx.example.icon_button"), TimiFXIcon.get(TimiIcon.HAMMER)).withBackground();
 
 		// 无文本
-		IconButton notText = new IconButton(TimiFXIcon.fromName("HAMMER"));
+		IconButton notText = new IconButton(TimiFXIcon.get(TimiIcon.HAMMER));
 
 		// 无文本按钮背景
-		IconButton notTextWithBG = new IconButton(TimiFXIcon.fromName("HAMMER")).withBackground();
+		IconButton notTextWithBG = new IconButton(TimiFXIcon.get(TimiIcon.HAMMER)).withBackground();
 
 		setCenter(new GridPane() {{
 			setVgap(4);

src/test/java/com/imyeyu/fx/ui/examples/view/pages/component/NavigationDemo.java

@@ -6,8 +6,8 @@ import com.imyeyu.fx.ui.components.navigation.NavigationGroup;
 import com.imyeyu.fx.ui.components.navigation.NavigationItem;
 import com.imyeyu.fx.ui.examples.component.AbstractDemoPane;
 import com.imyeyu.fx.ui.examples.component.sidebar.SidebarItem;
-import com.imyeyu.fx.utils.Column;
-import com.imyeyu.fx.utils.Row;
+import com.imyeyu.fx.utils.grid.Column;
+import com.imyeyu.fx.utils.grid.Row;
 import com.imyeyu.inject.annotation.Component;
 import javafx.geometry.Insets;
 import javafx.geometry.Pos;
@@ -81,9 +81,13 @@ public class NavigationDemo extends AbstractDemoPane {
 		);
 
 		setCenter(new GridPane() {{
-			Column col = Column.build().width(220);
-			getColumnConstraints().addAll(col, col, col, col);
-			getRowConstraints().addAll(Row.build(), Row.build().alwaysPriority());
+			getColumnConstraints().addAll(
+					Column.builder().width(220).build(),
+					Column.builder().width(220).build(),
+					Column.builder().width(220).build(),
+					Column.builder().width(220).build()
+			);
+			getRowConstraints().addAll(Row.builder().build(), Row.builder().alwaysPriority().build());
 			setVgap(5);
 			setHgap(5);
 			setPadding(new Insets(32));

src/test/java/com/imyeyu/fx/ui/examples/view/pages/component/TextAreaEditorDemo.java

@@ -5,7 +5,7 @@ import com.imyeyu.fx.ui.components.TextAreaEditor;
 import com.imyeyu.fx.ui.components.TextAreaEditorField;
 import com.imyeyu.fx.ui.examples.component.AbstractDemoPane;
 import com.imyeyu.fx.ui.examples.component.sidebar.SidebarItem;
-import com.imyeyu.fx.utils.Column;
+import com.imyeyu.fx.utils.grid.Column;
 import com.imyeyu.inject.annotation.Component;
 import javafx.geometry.Insets;
 import javafx.scene.control.Label;
@@ -33,14 +33,14 @@ public class TextAreaEditorDemo extends AbstractDemoPane {
 		field.setTitle("TextAreaEditorField");
 
 		TextAreaEditor editor = new TextAreaEditor();
-		editor.getStyleClass().add(CSS.BORDER_L);
+		editor.setBorder(Stroke.LEFT);
 
 		setCenter(new BorderPane() {{
 			setBorder(Stroke.TOP);
 			setLeft(new BorderPane() {{
 				setPadding(new Insets(12, 20, 12, 20));
 				setTop(new GridPane() {{
-					getColumnConstraints().addAll(Column.KEY, Column.VALUE_FILL);
+					getColumnConstraints().addAll(Column.key(), Column.valueFill());
 					setVgap(8);
 					setHgap(10);
 

src/test/java/com/imyeyu/fx/ui/examples/view/pages/component/ToggleIconDemo.java

@@ -1,6 +1,7 @@
 package com.imyeyu.fx.ui.examples.view.pages.component;
 
 import com.imyeyu.fx.icon.TimiFXIcon;
+import com.imyeyu.fx.icon.TimiIcon;
 import com.imyeyu.fx.ui.TimiFXUI;
 import com.imyeyu.fx.ui.components.ToggleIcon;
 import com.imyeyu.fx.ui.examples.component.AbstractDemoPane;
@@ -27,16 +28,18 @@ public class ToggleIconDemo extends AbstractDemoPane {
 
 		// 默认
 		Label labelDef = TimiFXUI.label(TimiFXUI.MULTILINGUAL.text("default"));
-		ToggleIcon def = new ToggleIcon(TimiFXIcon.fromName("ARROW_0_W"));
+		ToggleIcon def = new ToggleIcon(TimiFXIcon.get(TimiIcon.ARROW_0_W));
 
 		// 跟随状态变换
 		Label labelDiff = TimiFXUI.label(TimiFXUI.MULTILINGUAL.text("fx.example.toggle_icon.diff"));
-		ToggleIcon diff = new ToggleIcon(TimiFXIcon.fromName("ARROW_0_W"), TimiFXIcon.fromName("ARROW_0_E"));
+		ToggleIcon diff = new ToggleIcon(TimiFXIcon.get(TimiIcon.ARROW_0_W), TimiFXIcon.get(TimiIcon.ARROW_0_E));
 
 		// 按钮背景
 		Label labelWithBG = TimiFXUI.label(TimiFXUI.MULTILINGUAL.text("fx.example.toggle_icon.with_bg"));
-		ToggleIcon withBG = new ToggleIcon(TimiFXIcon.fromName("ARROW_0_W")).withBackground();
-		ToggleIcon withBGDiff = new ToggleIcon(TimiFXIcon.fromName("ARROW_0_W"), TimiFXIcon.fromName("ARROW_0_E")).withBackground();
+		ToggleIcon withBG = new ToggleIcon(TimiFXIcon.get(TimiIcon.ARROW_0_W)).withBackground();
+		withBG.setBorder(Stroke.DEFAULT);
+		ToggleIcon withBGDiff = new ToggleIcon(TimiFXIcon.get(TimiIcon.ARROW_0_W), TimiFXIcon.get(TimiIcon.ARROW_0_E)).withBackground();
+		withBGDiff.setBorder(Stroke.DEFAULT);
 
 		setCenter(new GridPane() {{
 			setHgap(5);

src/test/java/com/imyeyu/fx/ui/examples/view/pages/component/XPaginationDemo.java

@@ -4,7 +4,7 @@ import com.imyeyu.fx.ui.TimiFXUI;
 import com.imyeyu.fx.ui.components.Pagination;
 import com.imyeyu.fx.ui.examples.component.AbstractDemoPane;
 import com.imyeyu.fx.ui.examples.component.sidebar.SidebarItem;
-import com.imyeyu.fx.utils.Column;
+import com.imyeyu.fx.utils.grid.Column;
 import com.imyeyu.inject.annotation.Component;
 import javafx.geometry.Insets;
 import javafx.scene.control.Label;
@@ -51,7 +51,7 @@ public class XPaginationDemo extends AbstractDemoPane {
 		setCenter(new VBox() {{
 			setPadding(new Insets(20));
 			getChildren().addAll(pagination, new GridPane() {{
-				getColumnConstraints().addAll(Column.build(), Column.build().width(40));
+				getColumnConstraints().addAll(Column.builder().build(), Column.builder().width(40).build());
 				setHgap(10);
 				setVgap(8);
 				setPadding(new Insets(20 , 0, 0, 0));

src/test/java/com/imyeyu/fx/ui/examples/view/pages/other/DraggableNodeDemo.java

@@ -5,7 +5,7 @@ import com.imyeyu.fx.ui.TimiFXUI;
 import com.imyeyu.fx.ui.components.TextAreaEditor;
 import com.imyeyu.fx.ui.examples.component.AbstractDemoPane;
 import com.imyeyu.fx.ui.examples.component.sidebar.SidebarItem;
-import com.imyeyu.fx.utils.BorderStroke;
+import com.imyeyu.fx.utils.BorderBuilder;
 import com.imyeyu.inject.annotation.Component;
 import javafx.geometry.Orientation;
 import javafx.scene.control.Label;
@@ -26,7 +26,7 @@ public class DraggableNodeDemo extends AbstractDemoPane {
 		tips.setText(TimiFXUI.MULTILINGUAL.text("fx.example.draggable_node.tips"));
 
 		TextAreaEditor demo = new TextAreaEditor();
-		demo.getStyleClass().add(CSS.BORDER_T);
+		demo.setBorder(Stroke.TOP);
 		demo.setEditable(false);
 		demo.setText("""
 StackPane box = new StackPane();
@@ -48,7 +48,7 @@ draggable.maxYProperty().bind(box.heightProperty().multiply(.5).subtract(pane.he
 		StackPane box = new StackPane();
 
 		StackPane pane = new StackPane(new Label(TimiFXUI.MULTILINGUAL.text("fx.example.drag_me")));
-		pane.setBorder(new BorderStroke(Colorful.FOCUSED_DEFAULT).width(2).build());
+		pane.setBorder(BorderBuilder.solid(Colorful.FOCUSED_DEFAULT).width(2).build());
 		pane.setMaxSize(200, 40);
 		pane.setEffect(Shadow.POPUP);
 		pane.setBackground(BG.WHITE);

src/test/java/com/imyeyu/fx/ui/examples/view/pages/other/DraggableWindowDemo.java

@@ -5,7 +5,7 @@ import com.imyeyu.fx.ui.TimiFXUI;
 import com.imyeyu.fx.ui.components.TextAreaEditor;
 import com.imyeyu.fx.ui.examples.component.AbstractDemoPane;
 import com.imyeyu.fx.ui.examples.component.sidebar.SidebarItem;
-import com.imyeyu.fx.utils.BorderStroke;
+import com.imyeyu.fx.utils.BorderBuilder;
 import com.imyeyu.inject.annotation.Component;
 import javafx.beans.binding.Bindings;
 import javafx.geometry.Insets;
@@ -33,7 +33,7 @@ public class DraggableWindowDemo extends AbstractDemoPane {
 
 		popup = new Popup();
 		popup.getContent().add(new BorderPane() {{
-			setBorder(new BorderStroke(Colorful.RED).width(2).build());
+			setBorder(BorderBuilder.solid(Colorful.RED).width(2).build());
 			setBackground(BG.WHITE);
 			setTop(new StackPane() {{
 				setBorder(Stroke.BOTTOM);

src/test/java/com/imyeyu/fx/ui/examples/view/pages/other/TrayFXDemo.java

@@ -1,7 +1,7 @@
 package com.imyeyu.fx.ui.examples.view.pages.other;
 
-import com.imyeyu.fx.TimiFX;
 import com.imyeyu.fx.icon.TimiFXIcon;
+import com.imyeyu.fx.icon.TimiIcon;
 import com.imyeyu.fx.ui.TimiFXUI;
 import com.imyeyu.fx.ui.components.TextAreaEditor;
 import com.imyeyu.fx.ui.components.TrayFX;
@@ -9,9 +9,8 @@ import com.imyeyu.fx.ui.components.popup.PopupTipsService;
 import com.imyeyu.fx.ui.examples.component.AbstractDemoPane;
 import com.imyeyu.fx.ui.examples.component.sidebar.SidebarItem;
 import com.imyeyu.fx.ui.examples.ctrl.Main;
-import com.imyeyu.inject.annotation.Component;
+import com.imyeyu.fx.utils.Windows;
 import com.imyeyu.inject.annotation.PostConstruct;
-import javafx.stage.Stage;
 import javafx.geometry.Insets;
 import javafx.geometry.VPos;
 import javafx.scene.control.Button;
@@ -21,6 +20,7 @@ import javafx.scene.control.MenuItem;
 import javafx.scene.control.TextField;
 import javafx.scene.layout.GridPane;
 import javafx.scene.layout.HBox;
+import javafx.stage.Stage;
 
 import java.awt.TrayIcon;
 
@@ -48,7 +48,7 @@ public class TrayFXDemo extends AbstractDemoPane {
 
 		show = new Button(TimiFXUI.MULTILINGUAL.text("show"));
 		hide = new Button(TimiFXUI.MULTILINGUAL.text("remove"));
-		hide.getStyleClass().add(CSS.BORDER_TRB);
+		hide.setBorder(Stroke.EX_LEFT);
 
 		Label labelSendMsg = TimiFXUI.label(TimiFXUI.MULTILINGUAL.text("fx.example.tray.send_msg"));
 
@@ -108,9 +108,9 @@ public class TrayFXDemo extends AbstractDemoPane {
 		hide.disableProperty().bind(trayFX.showingProperty().not());
 
 		MenuItem show = new MenuItem(TimiFXUI.MULTILINGUAL.text("show"));
-		MenuItem exit = new MenuItem(TimiFXUI.MULTILINGUAL.text("exit"), TimiFXIcon.fromName("FAIL", Colorful.RED));
+		MenuItem exit = new MenuItem(TimiFXUI.MULTILINGUAL.text("exit"), TimiFXIcon.get(TimiIcon.FAIL, Colorful.RED));
 
-		show.setOnAction(e -> TimiFX.requestTop(stage));
+		show.setOnAction(e -> Windows.requestTop(stage));
 		exit.setOnAction(e -> main.stop());
 
 		trayFX.addMenu(0, show, TimiFXUI.sep(), exit);