MemeFX ... mi biblioteca para JavaFX

El nombre puede parecer "curioso", pero tiene una razón "intelectualoide" de ser...

Meme (se pronuncia MIM), responde a toda una teoría sobre la capacidad de las ideas para replicarse y evolucionar por si mismas, como seres vivos. La idea es que el diseño puede surgir del caos (suena a código abierto, ¿no?).

Se supone que a través de un proceso evolutivo y se selección natural, se consigue un resultado superior al original... ahora, como este proyecto es código abierto, y por lo mismo, fácilmente replicable y modificable (puede mutar y evolucionar libremente)... entonces, podría convertirse en un meme.

Veamos si el EFECTO MEME (MemeFX) ocurre con él... ;)

En este momento la biblioteca contiene sólo tres componentes, pero, no por eso no son útiles ;D ... la idea es que con el tiempo vaya creciendo. Tengo algunas ideas como incorporar controles para un menu flotante gráfico (si han mirado el blog, por ahí ya hice un intento), un componente de acordeón, componentes que permitan fácilmente asignar drag and drop a los elementos y definir areas para ser arrojados, un componente para simplificar que los applets sean arrastrables desde el navegador al escritorio (básicamente que genere el área de arrastre solo, porque de por sí es simple habilitar esa funcionalidad), etc. Las ideas son bienvenidas.

Por ahora, aquí está el código fuente de la biblioteca, demos Java Web Start con sus respectivos códigos fuentes y la documentación sobre como utilizarlos y personalizarlos.

Ojalá les sean de utilidad y puedan unirse al proyecto quienes se sientan motivados.

http://code.google.com/p/memefx/

Aquí hay más info sobre los Memes, si alguien tiene curiosidad.

Una aplicación Desktop / Móvil que se adapta a la pantalla

Este ejemplo hace algo bastante simple, pero útil:

- Detecta el profile en que se está ejecutando (si es una aplicación móvil o de escritorio)
- Dependiendo de eso, obtiene las dimensiones de la pantalla (en caso de ser móvil) o define un tamaño inicial para la aplicación de escritorio.
- En caso de tratarse de una aplicación de escritorio, resta al tamaño de la ventana el borde de la misma, de manera de conocer el area útil (en la que puede desplegar información o gráficos).
- En el caso de una aplicación de escritorio, ajusta lo desplegado al tamaño de la ventana, en caso que se cambie el tamaño a la ventana.



Aquí está el código:

package mobilescreen;

import javafx.stage.Stage;
import javafx.scene.Scene;
import javafx.scene.text.*;
import javafx.animation.*;
import javafx.scene.shape.Circle;
import javafx.scene.paint.Color;
import javafx.scene.shape.Rectangle;

var dx: Number=2;
var dy: Number=3;
var x: Number;
var y: Number;
var realW:Number;
var realH:Number;

var profile = FX.getProperty("javafx.me.profiles");
var isMobile = profile != null and 
               profile.indexOf("MIDP") >= 0;

var w: Number on replace {
  if (w == 0) then w = 300;
  realW = w - (if (isMobile) 0 else 16);
  x = realW / 2 ;
};

var h: Number on replace {
  if (h == 0) then h = 400;
  realH = h - (if (isMobile) 0 else 36);
  y = realH / 2 ;
};

Timeline {
  repeatCount: Timeline.INDEFINITE
  keyFrames: [
      KeyFrame {
          time: 0.02s
          action: function () {
              x += dx;
              y += dy;
              if (x < 0 or x > realW )
              dx = -dx;
              if (y < 0 or y > realH)
              dy = -dy;
          }
      }
  ]
}.play();

Stage {
    width: bind w with inverse
    height: bind h with inverse
  scene: Scene {
      content: [
          Text {
              font: Font { size: 16 }
              x: 10, y: 30
              content: bind
              "width: {w}\nheight:{h}\nis mobile: {isMobile}"
          },
          Rectangle {
              x: 10, y: 10
              width: bind realW - 20
              height: bind realH - 20
              fill: Color.BLUE
              opacity: 0.5
          },
          Circle {
              centerX: bind x,
              centerY: bind y
              fill: Color.RED,
              opacity: 0.5
              radius: 40
          }
      ]
  }
};