[JavaFX] Problemas com binding

Oi,

Quando você faz um binding, não pode mais modificar o valor da variável, fica semelhante a um def…

O TileWidth e height é manipulado pela classe Tile, ela calcula o tamanho para o Tile de acordo com o Width total do Layout. Provalemente no JavaFX 1.2, versão sobre qual o livro é baseado, não há esse redimensionamento do Tile, daí o erro.

Sugestão:

• remova esse segundo bind
• Faça um override na variavel width do scene, quando ela for modificada acione um trigger que atualiza a variavel tilewidth do tile.

Se tiver dúvidas poste ae

[]'s

Jesuíno:

Você então sugere criar uma subclasse de Scene para fazer um override de width? Poderia dar um exemplo?
Uma tentativa sem muito sucesso foi a seguinte:

package testejavafx2;

import javafx.stage.Stage;
import javafx.scene.Scene;
import javafx.scene.layout.Tile;
import javafx.scene.text.Text;
import javafx.scene.text.Font;

Stage {
  title: "Teste Bind"
  var scene: Scene;
  var myWidth = 600 on replace {
        var tile = scene.content[0] as Tile;
        tile.tileWidth = scene.width / 2;
        println(tile.tileWidth)
      };
  var myHeight = 120 on replace {
        var tile = scene.content[0] as Tile;
        tile.tileHeight = scene.height;
        println(tile.tileHeight);
      }
  scene: scene = Scene {
        width: myWidth
        height: myHeight //120
        content: Tile {
          width: bind scene.width
          height: bind scene.height
          tileWidth: scene.width / 2
          tileHeight: scene.height
          content: [
            Text {
              font: Font {
                size: 24
              }
              x: 10, y: 30
              content: "Teste de Bind"
            }
          ]
        }
      }
}

Em width de Scene tentei fazer bind myWidth. Entretanto por Scene.width public-init, tive erro de compilação.

Então, segue abaixo um exemplo que acredito que não demonstra o Bind, mas mostra uma solução para quando temos problemas com campos que não podem ter referência fixa.

import javafx.stage.Stage;  
import javafx.scene.Scene;  
import javafx.scene.layout.Tile;  
import javafx.scene.text.Text;  
import javafx.scene.text.Font;  

var tileRef:Tile;

var scene: Scene;
var height:Number = bind scene.height on replace{ tileRef.tileHeight = scene.height; }
var width:Number = bind scene.width on replace{ tileRef.tileWidth = scene.width;}

Stage {  
    title: "Teste Bind"
    scene: scene = Scene {  
		width: 600 height: 120
        content: tileRef = Tile {  
            width: bind scene.width height: bind scene.height   
            content: [
                Text{
					font: Font { size: 24 } x: 10, y: 30 
					content: "Teste de Bind"  
                }
			]
		}
    }
}

Escrevi um artigo sobre bind do JavaFX para o JavaFree:

http://javafree.uol.com.br/topic-874587-Bind-em-JavaFX.html?page=1

mas o livro realmente destrói e explica tudo que é possível sobre o binding, o mesmo acontece com a Reflection do JavaFX, ele explica melhor que qualquer tutorial na internerds

Jesuíno:

Funcionou! Obrigado!
Ah! Obrigado também pelo site http://www.javafx.com.br/

Enviei um email para o autor do código original, Stephen Chin. Eia a resposta dele:

O código corrigido ficou assim:

package testejavafx2;

import javafx.stage.Stage;
import javafx.scene.Scene;
import javafx.scene.layout.Tile;
import javafx.scene.text.Text;
import javafx.scene.text.Font;

Stage {
  title: "Teste Bind"
  var scene:Scene;
  scene: scene = Scene {
    width: 600
    height: 120
    content: Tile {
      width: bind scene.width
      height: bind scene.height
      tileWidth: bind scene.width / 2
      tileHeight: bind scene.height
      autoSizeTiles: false // Eis a Correção
      content: [
        Text {
          font: Font {
            size: 24
          }
          x: 10, y: 30
          content: "Teste de Bind"
        }
      ]
    }
  }
}

E finalmente funcionou como esperado.

Ha legal

recebeu uma resposta direto do Stephen Chin hein

Assim o Tile não tenta ajustar seu Frame e você pode modificar a vontade o tamanho do mesmo.

Acho uma burrice do JavaFX isso, na verdade… Ele deveria saber que vocÊ fez bind na variável e automaticamente tirar o ajuste automático…

Valeu por compartilhar a solução!

Rafael Afonso:

Enviei um email para o autor do código original, Stephen Chin. Eia a resposta dele:

O código corrigido ficou assim:

package testejavafx2;

import javafx.stage.Stage;
import javafx.scene.Scene;
import javafx.scene.layout.Tile;
import javafx.scene.text.Text;
import javafx.scene.text.Font;

Stage {
  title: "Teste Bind"
  var scene:Scene;
  scene: scene = Scene {
    width: 600
    height: 120
    content: Tile {
      width: bind scene.width
      height: bind scene.height
      tileWidth: bind scene.width / 2
      tileHeight: bind scene.height
      autoSizeTiles: false // Eis a Correção
      content: [
        Text {
          font: Font {
            size: 24
          }
          x: 10, y: 30
          content: "Teste de Bind"
        }
      ]
    }
  }
}

E finalmente funcionou como esperado. :)

Não querendo reabrir o tópico, mas estou estudando esse mesmo livro, e acabei me deparando com diversos problemas, esse problema com a ligação dos tileWidth e titlHeight já estavam me tirando o sono.

Rafael Afonso você consegui executar todos os códigos do livro com perfeição?
tenho outras partes dos códigos de exemplos apresentando erro, e não consegui resolver.

Olá:

Nem me lembro mais se consegui tudo o que estava no livro. Mas acho melhor você nem mais esquentar a cabeção com isso. Acho que é melhor você deixar a antiga versão do JavaFX e estudar a versão 2.0. Além disso o Livro já foi atualizado. Seria melhor estudar a partir dele.

Grato,

Rafael U. C. Afonso

/DR:

Rafael Afonso:

Enviei um email para o autor do código original, Stephen Chin. Eia a resposta dele:

O código corrigido ficou assim:

package testejavafx2;

import javafx.stage.Stage;
import javafx.scene.Scene;
import javafx.scene.layout.Tile;
import javafx.scene.text.Text;
import javafx.scene.text.Font;

Stage {
  title: "Teste Bind"
  var scene:Scene;
  scene: scene = Scene {
    width: 600
    height: 120
    content: Tile {
      width: bind scene.width
      height: bind scene.height
      tileWidth: bind scene.width / 2
      tileHeight: bind scene.height
      autoSizeTiles: false // Eis a Correção
      content: [
        Text {
          font: Font {
            size: 24
          }
          x: 10, y: 30
          content: "Teste de Bind"
        }
      ]
    }
  }
}

E finalmente funcionou como esperado. :)

Não querendo reabrir o tópico, mas estou estudando esse mesmo livro, e acabei me deparando com diversos problemas, esse problema com a ligação dos tileWidth e titlHeight já estavam me tirando o sono.

Rafael Afonso você consegui executar todos os códigos do livro com perfeição?
tenho outras partes dos códigos de exemplos apresentando erro, e não consegui resolver.

Sim. Estou estudando a versão script por causa de meu TCC. Quando elaborei o projeto de TCC, no inicio do 7° semestre no ano passado, o fiz sobre a versão script do JavaFX, pois era a versão atual naquele período. Agora com meu projeto sendo sobre a versão script somado com a escassez de material sobre o versão 2.0, me parece mais conveniente concluir o TCC utilizando a versão script do projeto. Mas concluindo o TCC vou me atualizar com um bom livro da versão 2.0.
Depois dos diversos erros encontrados no livro Plataforma Pro JavaFx v 1.2, não sei se confio em comprar o livro da Apress com a versão atualizada.