2016-11-30 8 views
0

두 가지 목표를 달성하려고합니다.FXML 이미지 투명도

  1. 텍스트를 투명하게 만듭니다.
  2. 이미지 오른쪽에 텍스트가 뭉개지지 않습니다.

    <Button fx:id="btn" layoutX="90.0" layoutY="14.0" mnemonicParsing="false" prefHeight="97.0" prefWidth="320.0" styleClass="root" text="Button"> 
        <graphic> 
         <ImageView fitHeight="87.0" fitWidth="244.0"> 
          <image> 
           <Image url="@image.jpg"/> 
          </image> 
         </ImageView> 
        </graphic> 
    </Button> 
    

어떤 도움이 크게 감사합니다. 당신이 무엇을 할 수 있는지

+0

http://stackoverflow.com/questions/16340269/styling-a-javafx-2-button-using-fxml-only-how :이 Button에 사용되는 graphic의 상단에있는 텍스트를 그릴한다 -to-add-an-image-to-a-button – FamousFrik

+0

http://stackoverflow.com/questions/34852751/button-with-image-styling-with-fxml-css – FamousFrik

답변

0
를 해결하는 경우뿐만 아니라 scene.setFill(Color.TRANSPARENT).이 답변을 승인

세트 the contentDisplay property ~ ContentDisplay.CENTER.

<Button fx:id="btn" contentDisplay="CENTER" ...> 
    ... 
</Button> 
+0

이것은 작동하지만 fxml을 사용하여 이미지를 페이드 아웃 할 수 있습니까? – FamousFrik

+0

@FamousFrik 불투명도를 설정하거나 적절한 'ColorAdjust' 효과를 사용하는 것과 같이 페이드 아웃합니다. ??? – fabian

+0

이것은 좋은 작업 지점이며 부분 답변입니다. 이 예제에서 중심으로 텍스트를 이동시키지 않고 이미지를 단지 뒤쪽으로 그릴 수 있습니까? 이미지가 왼쪽에서 왼쪽, 가운데 또는 오른쪽에 텍스트로 표시됩니까? – FamousFrik

0

그것에 모든이 방법을 사용하여 투명하게 될 것이라고 있도록 투명 스테이지를 만들 수 있습니다 : stage.initStyle(StageStyle.TRANSPARENT)는 그런 다음에 장면을 설정할 수를 투명이 당신의 문제 :

+0

고맙지 만 Scene Builder를 사용 했으므로 코드를 FXML로 유지하려고합니다. 이것을 쓸모 없게하려고 노력했다. 그래도 입력 주셔서 감사합니다. – FamousFrik

+0

이미지를 응용 프로그램의 배경으로 만 사용 하시겠습니까? – Aaron

+0

텍스트 뒤에 있지만 전체 배경이 반드시 필요한 것은 아닙니다. – FamousFrik