Инструменты пользователя

Инструменты сайта


develop:java:javafx

Различия

Показаны различия между двумя версиями страницы.

Ссылка на это сравнение

Предыдущая версия справа и слева Предыдущая версия
develop:java:javafx [2023/05/28 03:22]
admin
develop:java:javafx [2023/06/20 15:34] (текущий)
admin
Строка 4: Строка 4:
  
 ===== Сведения ===== ===== Сведения =====
- 
 <details> <details>
 <summary>:!: Сведения </summary> <summary>:!: Сведения </summary>
Строка 12: Строка 11:
  
 **Node** - элемент управления, например кнопки, метки или даже макеты (**layout**), внутри которых может быть несколько вложенных компонентов. У каждого узла свой идентификатор, стиль и т.д.\\ **Node** - элемент управления, например кнопки, метки или даже макеты (**layout**), внутри которых может быть несколько вложенных компонентов. У каждого узла свой идентификатор, стиль и т.д.\\
- 
- 
- 
  
  
 <code java> <code java>
- 
 </code> </code>
 </details> </details>
Строка 215: Строка 210:
  
  
 +===== Оформление =====
 +Хорошее разделение должно придерживаться пути:\\
 +  * логика в java (модели/контроллеры)
 +  * элементы формы в FXML описании
 +  * а оформление в CSS
  
 +В JavaFX не совсем тот самый общеизвестный CSS, имеет собственные свойства\\
 +Выбор компонентов либо селектором (название типа компонента, с точкой вначале, либо ИД с решеткой вначале) аналогично CSS\\
 +
 +<details>
 +<summary>:!: Примеры </summary>
 +<code java>
 +.button {
 +    -fx-font-size: 15px;
 +}
 +
 +.label {
 +    // Some properties
 +}
 +
 +#my-component {
 +  ...
 +}
 +</code>
 +
 +
 +<code java>
 +<Label styleClass="my-label,other-class">I am a simple label</Label>
 +   # или в java
 +Label label = new Label("I am a simple label");
 +label.getStyleClass().addAll("my-label", "other-class");
 +
 +
 +<Label fx:id="foo">I am a simple label</Label>
 +  #
 +Label label = new Label("I am a simple label");
 +label.setId("foo");
 +</code>
 +
 +Подключение
 +<code java>
 +<BorderPane xmlns="http://javafx.com/javafx"
 +            xmlns:fx="http://javafx.com/fxml"
 +            stylesheets="styles.css"
 +            ...
 +            >
 +  ...
 +</BorderPane>
 +
 +  #
 +String stylesheet = getClass().getResource("/styles.css").toExternalForm();
 +scene.getStylesheets().add(stylesheet);
 +
 +  #
 +<HBox stylesheets="styles.css">
 +    ...
 +</HBox>
 +
 +  #
 +HBox box = new HBox();
 +String stylesheet = getClass().getResource("/styles.css").toExternalForm();
 +box.getStylesheets().add(stylesheet);
 +</code>
 +</details>
  
  
  
develop/java/javafx.1685244174.txt.gz · Последнее изменение: 2023/05/28 03:22 — admin