Search

JavaFX

JavaFX

JavaFX ν”„λ‘œμ νŠΈ 생성

JavaFX ν”„λ‘œμ νŠΈ 생성

JavaFX

Java ν”Œλž«νΌμ—μ„œ ν’λΆ€ν•œ κ·Έλž˜ν”½ μ‚¬μš©μž μΈν„°νŽ˜μ΄μŠ€(GUI) μ• ν”Œλ¦¬μΌ€μ΄μ…˜μ„ κ°œλ°œν•˜κΈ° μœ„ν•œ μ˜€ν”ˆ μ†ŒμŠ€ μœ„μ ― 개발 도ꡬ

JavaFX ν•΅μ‹¬κ°œλ…

β€’
Stage
β€’
Scene
JavaFX

Stage

ν”„λ‘œκ·Έλž¨μ˜Β μ΅œμƒμœ„ μœˆλ„μš°

κ΅¬μ„±μš”μ†Œ

β€’
메뉴
β€’
도ꡬλͺ¨μŒ
β€’
μƒνƒœ ν‘œμ‹œμ€„
β€’
μ—¬λŸ¬ 개의 Scene
Stage

Scene

Stage μœ„μ— ν‘œμ‹œλ˜λŠ” 컨텐츠 μ˜μ—­(ν™”λ©΄)

κ΅¬μ„±μš”μ†Œ

β€’
컨트둀
β€’
λ ˆμ΄μ•„μ›ƒ
β€’
κ·Έλž˜ν”½
UI μš”μ†Œλ“€μ΄ 배치될 수 μžˆλŠ” μ˜μ—­μž…λ‹ˆλ‹€.
Scene

Parent

λͺ¨λ“  μ»¨ν…Œμ΄λ„ˆμ˜ 좔상 클래슀
λͺ¨λ“  λ ˆμ΄μ•„μ›ƒ μ»¨ν…Œμ΄λ„ˆ(Pane, Group, VBox, HBox, AnchorPane, …) 의 곡톡 λΆ€λͺ¨ ν΄λž˜μŠ€μž…λ‹ˆλ‹€.

Parent의 μ—­ν• 

β€’
μžμ‹ λ…Έλ“œ(getChildren())λ₯Ό 관리할 수 μžˆλŠ” κΈ°λŠ₯ 제곡
Parent

FXML

FXML은 JavaFX μ• ν”Œλ¦¬μΌ€μ΄μ…˜μ˜ μ‚¬μš©μž μΈν„°νŽ˜μ΄μŠ€λ₯Ό μ •μ˜ν•˜λŠ” XML 기반의 λ§ˆν¬μ—… μ–Έμ–΄μž…λ‹ˆλ‹€.
UI μ»΄ν¬λ„ŒνŠΈμ˜ λ ˆμ΄μ•„μ›ƒκ³Ό 속성을 μ„ μ–Έμ μœΌλ‘œ μ •μ˜ν•  수 μžˆμ–΄ Java μ½”λ“œμ™€ UI λ””μžμΈμ„ λΆ„λ¦¬ν•˜μ—¬ 관리할 수 μžˆμŠ΅λ‹ˆλ‹€.
Scene Builder와 같은 μ‹œκ°μ  도ꡬλ₯Ό μ‚¬μš©ν•˜μ—¬ FXML νŒŒμΌμ„ μ‰½κ²Œ μƒμ„±ν•˜κ³  νŽΈμ§‘ν•  수 있으며, μ΄λŠ” MVC(Model-View-Controller) νŒ¨ν„΄μ„ κ΅¬ν˜„ν•˜λŠ” 데 도움이 λ©λ‹ˆλ‹€.
FXML

Controller

JavaFXμ—μ„œ FXML둜 μ„€κ³„λœ UI와 Java μ½”λ“œ(둜직)λ₯Ό μ—°κ²°ν•˜λŠ” 역할을 ν•˜λŠ” ν΄λž˜μŠ€μž…λ‹ˆλ‹€.
μ‚¬μš©μžμ˜ μž…λ ₯(λ²„νŠΌ 클릭, ν…μŠ€νŠΈ μž…λ ₯ λ“±)을 μ²˜λ¦¬ν•˜κ³ , UI μš”μ†Œλ₯Ό λ™μ μœΌλ‘œ λ³€κ²½ν•˜λŠ” κΈ°λŠ₯을 λ‹΄λ‹Ήν•©λ‹ˆλ‹€.
Controller

데이터 전달

ν™”λ©΄ 간에 데이터λ₯Ό μ „λ‹¬ν•˜λŠ” 방법을 μ•Œμ•„λ΄…λ‹ˆλ‹€.

데이터 전달 방법

1.
FXML 컨트둀러의 λ©”μ†Œλ“œλ₯Ό ν†΅ν•œ 데이터 전달
2.
싱글톀 νŒ¨ν„΄μ„ μ΄μš©ν•œ μ „μ—­ 데이터 곡유
데이터 전달

컨트둀러 생λͺ…μ£ΌκΈ°

JavaFX μ»¨νŠΈλ‘€λŸ¬λŠ” FXMLLoader.load() μ‹œ μžλ™ μƒμ„±λ˜κ³ , FXML μ£Όμž… ν›„ initialize()κ°€ ν˜ΈμΆœλœλ‹€. 일반 λ©”μ†Œλ“œ ν›„, UI 변경은 Platform.runLater()둜 μ•ˆμ „ν•˜κ²Œ μ²˜λ¦¬λœλ‹€.
컨트둀러 생λͺ…μ£ΌκΈ°

JavaFX Platform 클래슀

μ£Όμš” λ©”μ†Œλ“œ 정리

κ°œμš”

β€’
νŒ¨ν‚€μ§€: javafx.application.Platform
β€’
μ—­ν• :
JavaFX μ• ν”Œλ¦¬μΌ€μ΄μ…˜μ˜ μŠ€λ ˆλ“œ μ œμ–΄, μ’…λ£Œ, UI μž‘μ—… μ˜ˆμ•½ 등을 κ΄€λ¦¬ν•˜λŠ” 클래슀
(λͺ¨λ“  λ©”μ„œλ“œλŠ” static)
JavaFX Application Thread(메인 UI μŠ€λ ˆλ“œ)μ—μ„œ μ‹€ν–‰λ˜λŠ” μž‘μ—…μ„ μ œμ–΄ν•˜κΈ° μœ„ν•΄ μ‚¬μš©ν•œλ‹€.
Platform

JavaFX CSS

JavaFX CSS

JavaFX CSSλŠ” UI ꡬ성 μš”μ†Œμ˜ λͺ¨μ–‘κ³Ό μŠ€νƒ€μΌμ„ μ •μ˜ν•˜λŠ” μ–Έμ–΄λ‘œ, HTML의 CSS처럼 Sceneκ³Ό Node에 색상, κΈ€κΌ΄, μ—¬λ°±, 효과 등을 지정해 μΌκ΄€λœ λ””μžμΈμ„ κ΅¬ν˜„ν•  수 μžˆλ‹€.

CSS λž€?

CSS

MVC νŒ¨ν„΄ & JavaFX

MVC νŒ¨ν„΄

μ†Œν”„νŠΈμ›¨μ–΄λ₯Ό β€œλͺ¨λΈ, λ·°, μ»¨νŠΈλ‘€λŸ¬β€ ꡬ성 μš”μ†Œλ‘œ λͺ¨λ“ˆν™” ν•˜μ—¬ κ°œλ°œν•˜λŠ” μ•„ν‚€ν…μ²˜ νŒ¨ν„΄
MVC νŒ¨ν„΄ & JavaFX
JavaFX ν”„λ‘œμ νŠΈ

Java X MySQL - κ²Œμ‹œνŒ ν”„λ‘œκ·Έλž¨

Java - κ²Œμ‹œνŒ ν”„λ‘œκ·Έλž¨

JavaFX κ²Œμ‹œνŒ ν”„λ‘œκ·Έλž¨

쀀비사항

JavaFX κ²Œμ‹œνŒ ν”„λ‘œκ·Έλž¨

점메좔 ν”„λ‘œκ·Έλž¨

1.
데이터 μˆ˜μ§‘
a.
메뉴 리슀트 20개
b.
메뉴 이미지 20개
2.
ν™”λ©΄
a.
ν”„λ‘œκ·Έλž¨ 제λͺ© 라벨
b.
이미지 μ˜μ—­
c.
메뉴 이름 라벨
d.
μΆ”μ²œ λ²„νŠΌ
3.
κΈ°λŠ₯
a.
Menu 객체 μ •μ˜
i.
name : 메뉴이름
ii.
img : 이미지 파일 경둜
b.
랜덀 μΆ”μ²œ κΈ°λŠ₯
i.
μΆ”μ²œ λ²„νŠΌ 클릭 λ©”μ†Œλ“œ μ—°κ²°
ii.
20개의 메뉴 μš”μ†Œλ“€ 쀑, 랜덀으둜 ν•˜λ‚˜ 선택
iii.
μ„ νƒλœ 숫자의 메뉴 이름을 라벨에 λ³€κ²½
iv.
μ„ νƒλœ 숫자의 메뉴 이미지λ₯Ό 이미지 μ˜μ—­μ— 지정
점메좔 ν”„λ‘œκ·Έλž¨