2016-09-07 3 views
0

JavaFX을 사용하여 WP 8 시뮬레이터를 만들고 있습니다. 나는 CSS로 타일처럼 보이도록 버튼의 스타일을 지정했으며, 이름으로는 setText(), 아이콘에는 setGraphic()을 사용했습니다.JavaFX 응용 프로그램에서 Windows 폰 8을 일정한 크기의 타일로 만들기

실제 WP 8 타일처럼 보이게하려면 텍스트를 왼쪽 하단 정렬 및 그래픽 중앙 정렬해야합니다. 어떻게해야합니까?

나는 setAlignment()을 사용했지만 그래픽 및 텍스트와 동일한 정렬을 제공합니다. 및 setTextAlignment()은 한 줄 텍스트에는 작동하지 않습니다.

답변

0

시도는 다음과 같이, CSS 파일에 삽입합니다 : 사용할 여분의 공간이있는 경우

-fx-alignment: CENTER; 
-fx-text-alignment: BOTTOM-LEFT; 
+0

-fx-alignment는 부모 노드와 버튼을 정렬합니다.이 경우 부모 노드는 내 시작 화면의 배경입니다. 그래픽 wrt를 버튼에 정렬하고 싶습니다. –

0

당신은 (버튼의 전체 내용을 정렬 할

setAlignment(Pos.CENTER); 

을 사용할 수 있습니다 그러한 정렬이 필요함), 그리고 텍스트에 상대적으로 그래픽을 정렬 할

.

두 가지 모두 CSS로 설정할 수 있습니다 (-fx-alignment: center;-fx-content-display: top;).

+0

센터에서 텍스트와 그래픽을 모두 정렬합니다. 텍스트를 아래쪽 왼쪽 정렬해야합니다. –

+0

@ RoystonD'mello 정렬을 위해 'Pos.CENTER_LEFT'일까요? 나는 지금 테스트 할 수 없다. 만약 당신이 그래픽과 텍스트를위한 두 개의 라벨이있는'VBox'를 사용해야 할 수도있다. –

+0

아 맞아. 두 개의 버튼이있는'VBox'는 트릭을해야합니다. –

관련 문제