컴퓨터프로그래밍및실습 (2022년)/1124 - Revision history

Swpark at 06:01, 22 July 2022

2022-07-22T06:01:54Z

← Older revision		Revision as of 15:01, 22 July 2022
Line 1,352:		Line 1,352:
	}		}
	</syntaxhighlight>		</syntaxhighlight>


			[[category:컴퓨터프로그래밍및실습]]

Swpark: /* Bindings 클래스 */

2022-07-22T06:01:09Z

Bindings 클래스

← Older revision		Revision as of 15:01, 22 July 2022
Line 1,311:		Line 1,311:
	</table2>		</table2>

			* 예제
	[[file:CP-17.6.3-실행결과1.png \| thumb \| 초기 화면]]		[[file:CP-17.6.3-실행결과1.png \| thumb \| 초기 화면]]
	[[file:CP-17.6.3-실행결과2.png \| thumb \| 화면 크기 변환 후]]		[[file:CP-17.6.3-실행결과2.png \| thumb \| 화면 크기 변환 후]]

Swpark: /* 속성 바인딩 */

2022-07-22T06:00:41Z

속성 바인딩

← Older revision		Revision as of 15:00, 22 July 2022
Line 1,221:		Line 1,221:

	=== 속성 바인딩 ===		=== 속성 바인딩 ===
			* JavaFX 속성은 다른 속성과 바인딩될 수 있음
			* 바인딩된 속성들은 하나가 변경되면 자동적으로 다른 하나도 변경

			* 예: textArea1에서 입력된 내용이 textArea2에 자동으로 입력 (단방향)
	<syntaxhighlight lang="java">		<syntaxhighlight lang="java">
	TextArea textArea1 = new TextArea();		TextArea textArea1 = new TextArea();
Line 1,228:		Line 1,231:
	</syntaxhighlight>		</syntaxhighlight>

			* 양방향 바인딩
	<syntaxhighlight lang="java">		<syntaxhighlight lang="java">
	textArea2.textProperty().bindBidirectional(textArea1.textProperty());		textArea2.textProperty().bindBidirectional(textArea1.textProperty());
Line 1,233:		Line 1,237:
	</syntaxhighlight>		</syntaxhighlight>

			* Unbind
	<syntaxhighlight lang="java">		<syntaxhighlight lang="java">
	textArea2.textProperty().unbin(); // 단방향 해제		textArea2.textProperty().unbin(); // 단방향 해제
Line 1,239:		Line 1,244:
	</syntaxhighlight>		</syntaxhighlight>

			* 예제
			[[file:CP-17.6.2-실행결과.png \| thumb \| 속성 바인딩]]
	<syntaxhighlight lang="xml">		<syntaxhighlight lang="xml">
	<?xml version="1.0" encoding="UTF-8"?>		<?xml version="1.0" encoding="UTF-8"?>
Line 1,262:		Line 1,268:
	</syntaxhighlight>		</syntaxhighlight>

	* 예제
	~~[[file:CP-17.6.2-실행결과.png \| thumb \| 속성 바인딩]]~~
	<syntaxhighlight lang="java">		<syntaxhighlight lang="java">
	package ch17.p893;		package ch17.p893;
Line 1,286:		Line 1,290:
	}		}
	</syntaxhighlight>		</syntaxhighlight>


	=== Bindings 클래스 ===		=== Bindings 클래스 ===

Swpark: /* 속성 감시 */

2022-07-22T05:57:26Z

속성 감시

← Older revision		Revision as of 14:57, 22 July 2022
Line 1,115:		Line 1,115:
	</syntaxhighlight>		</syntaxhighlight>

			* text 속성을 감시하는 리스너 등록
	<syntaxhighlight lang="java">		<syntaxhighlight lang="java">
	textProperty().addListener(new ChangeListener<String>() {		textProperty().addListener(new ChangeListener<String>() {
Line 1,124:		Line 1,125:
	</syntaxhighlight>		</syntaxhighlight>

			* Slider의 value 속성에 리스너 등록
	<syntaxhighlight lang="java">		<syntaxhighlight lang="java">
	Slider slider = new Slider();		Slider slider = new Slider();
Line 1,217:		Line 1,219:
	}		}
	</syntaxhighlight>		</syntaxhighlight>


	=== 속성 바인딩 ===		=== 속성 바인딩 ===

Swpark: /* JavaFX 속성 감시와 바인딩 */

2022-07-22T05:49:05Z

JavaFX 속성 감시와 바인딩

@@ Line 1,091: / Line 1,091: @@
 === 속성 감시 ===
 <syntaxhighlight lang="java">
 private StringProperty text = new SimpleStringProperty(); // 값이 저장될 필드
@@ Line 1,231: / Line 1,236: @@
 textArea2.textProperty().unbindBidirectional(textArea1.textProperty()); // 양방향 해제
 Bindings.unbindBidirectional(textArea1.textProperty(), textArea2.textProperty()); // 양방향 해제
 </syntaxhighlight>
 <syntaxhighlight lang="xml">
@@ Line 1,284: / Line 1,281: @@
      public void initialize(URL location, ResourceBundle resources) {
          Bindings.bindBidirectional(textArea1.textProperty(), textArea2.textProperty());
+     }
+}
 </syntaxhighlight>

Swpark: /* JavaFX 속성 감시와 바인딩 */

2022-07-22T05:15:18Z

JavaFX 속성 감시와 바인딩

Show changes

Swpark: /* EventHandler 등록 */

2022-07-22T03:17:12Z

EventHandler 등록

← Older revision		Revision as of 12:17, 22 July 2022
Line 982:		Line 982:
	==== EventHandler 등록 ====		==== EventHandler 등록 ====

			[[file:CP-17.5.2-실행결과.png\| thumb \| 실행 결과]]
	* AppMain.java		* AppMain.java
	<syntaxhighlight lang="java">		<syntaxhighlight lang="java">
Line 1,075:		Line 1,076:
	</HBox>		</HBox>
	</syntaxhighlight>		</syntaxhighlight>


	==== 이벤트 처리 메소드 매핑 ====		==== 이벤트 처리 메소드 매핑 ====

Swpark: /* 이벤트 처리 메소드 매핑 */

2022-07-22T03:16:14Z

이벤트 처리 메소드 매핑

← Older revision		Revision as of 12:16, 22 July 2022
Line 1,078:		Line 1,078:

	==== 이벤트 처리 메소드 매핑 ====		==== 이벤트 처리 메소드 매핑 ====
			* FXML 파일
	<syntaxhighlight lang="xml">		<syntaxhighlight lang="xml">
	<Button fx:id="btn" text="버튼" onAction="#handleBtnAction" />		<Button fx:id="btn" text="버튼" onAction="#handleBtnAction" />
	</syntaxhighlight>		</syntaxhighlight>

			* Controller 클래스
	<syntaxhighlight lang="java">		<syntaxhighlight lang="java">
	public void handleBtnAction(ActionEvent event) { ... }		public void handleBtnAction(ActionEvent event) { ... }

Swpark: /* FXML 컨트롤러(Controller) */

2022-07-22T03:15:01Z

FXML 컨트롤러(Controller)

Show changes

Swpark: /* JavaFX 이벤트 처리 */

2022-07-22T02:49:57Z

JavaFX 이벤트 처리

← Older revision		Revision as of 11:49, 22 July 2022
Line 841:		Line 841:

	=== 이벤트 핸들러(EventHandler) ===		=== 이벤트 핸들러(EventHandler) ===
			* JavaFX는 이벤트 발생 콘트롤과 이벤트 핸들러(EventHandler)를 분리하는 위임형(Delegation<ref>Design Pattern 중 Delegation Pattern</ref>) 방식을 사용함
			* 이를 위해 먼저 컨트롤에 EventHandler를 등록해야 함 (setOnXXX() 메소드. 예: setOnAction())

			<table2 class=wikitable head=top sep=bar align=cccc>
			컨트롤(control) \| 사건 \| 이벤트(event) 발생 \| 이벤트 처리 담당 객체 \| 이벤트 처리 메소드 실행 \| 이벤트 처리 효과
			Button \| 버튼을 누름 \| ActionEvent \| EventHandler \| public void handle(...) {<br/>{{sp2}}이벤트 처리</br/>} \| 1. 윈도우 닫기<br/>2. 컨트롤 내용 변경<br/>3. 다이얼로그 띄우기
			</table2>

			* Button 클릭 처리하는 이벤트 등록
	<syntaxhighlight lang="java">		<syntaxhighlight lang="java">
	Button button = new Button();		Button button = new Button();
Line 850:		Line 858:
	</syntaxhighlight>		</syntaxhighlight>

			* TableView에서 행을 마우스로 클릭할 때 처리하는 이벤트 등록
	<syntaxhighlight lang="java">		<syntaxhighlight lang="java">
	TableView tableView = new TableView();		TableView tableView = new TableView();
Line 858:		Line 867:
	</syntaxhighlight>		</syntaxhighlight>

			* 윈도우 우측 상단(x) 버튼 클릭할 때 처리하는 이벤트 등록
	<syntaxhighlight lang="java">		<syntaxhighlight lang="java">
	stage.setOnCloseRequest(new EventHandler<WindowEvent>() {		stage.setOnCloseRequest(new EventHandler<WindowEvent>() {
Line 865:		Line 875:
	</syntaxhighlight>		</syntaxhighlight>

			* EventHandler는 하나의 메소드를 가진 함수적 인터페이스이므로 람다식을 이용하여 이벤트 등록 가능
	<syntaxhighlight lang="java">		<syntaxhighlight lang="java">
	button.setOnAction( event->{ ... } );		button.setOnAction( event->{ ... } );