Que es EWE OU?

Es una lnea de componentes innovadores de apariencia agradable, para crear disenios de ventanas (Frame) con nuevos sentidos. Destinado exclusivamente al entorno Java. Tienen, su propia lgica de operacin, para brindar dinamismo al momento de estar interactuando El disenio de cada nuevo componente de EWE OU, est pensado para un futuro adaptarse a las nuevas tecnologas como por ejemplo: Los Mviles, Tabletas. Pensando que java SE (y no ME) controlara estos campos en el juego.

Inicios
Actualmente se est elaborando con mucho detalle estos nuevos componentes. Presentamos a continuacin la versin prueba de EWE OU, tiene funcionalidad y puede descargar desde esta misma pgina. Para que los usuarios externos puedan probar y evaluar, comentar. Como el objetivo del grupo abierto Warevalid, es recibir y trasmitir cdigo, este proyecto es libre de aceptar toda la ayuda posible. NOTA: Llamaremos Componente a lo que se le conoce como Control, de una forma no apropiada.

Objetivo
Tener en un futuro la valides como componentes totalmente seguros y aceptados.

Versin prueba
Esta es la primera versin en su nivel inane. Prcticamente es un bosquejo general de su versin total, aunque esta versin tiene funcionalidad y puede usarse.

JDK, JRE, IDE y otros

EWE OU se realiza con jdk1.7.0, jre7, Eclipse ndigo (cdigo fuente), NetBeans 7.1.1. Computador: Sistema Operativo Windows 7Home Premium 64x , Procesador Pentium Dual-Core, 2.20 GHz, Memoria 2.00 GB.

Aviso Importante
No es responsabilidad de ningn tipo; Los efectos negativos que pueda tener el uso de EWE OU, en los ambientes de ejecucin.

Lnea de componentes EWE OU

Cada componente tiene: Nombre: Se puede observar en la imagen que lo acompania. Descripcin: Aqu se describe el funcionamiento y como usarlo. Evolucin: Se describe algunos detalles de su posible cambio o que tendr en su futura versin. Crear uno nuevo: Se coloca la lnea de cdigo para crear uno. Debido a que algunos componentes diferente constructor. Mtodos: Cada mtodo que tiene el componente es descrito a detalle, para que los usuarios puedan usarlo. Se coloca las lneas necesarias de cdigo como ejemplo. Variables pblicas: Todas las variables que el usuario puede usar.

Usos: Se describe los posibles usos que pueda darse al componente.

Es un interruptor de 3 estados, parecido a al switch de Android, y al JToggleButton. Si el deslizador esta a la Izquierda significa que el componente est apagado, ala derecha encendido y en el centro suspenso. Evolucin En posibles versiones, mayor estabilidad para su movimiento con el mouse. Agregar un mtodo para cambiar de icono. Crear uno nuevo

WAntonym antonym=new WAntonym();

Mtodos setState(int value): Sirve para inicializar el control con uno de sus tres posibles opciones. OFF(apagado) con 0, ON(encendido) con 2 y MIDDLE(reposo) con 1. Ejemplos: antonym.setState(antonym.MIDDLE); antonym.setState(antonym.ON); antonym.setState(antonym.OFF); getState(): Devuelve 0 para indicar apagado, 1 para indicar reposo y 2 para indicar encendido. Ejemplo: System.out.println(antonym.getState()); isOn(): Con el estado OFF(0) y MIDDLE(1) devuelve False y con el estado ON(1) devuelve true. Ejemplo: System.out.println(ant.isOn()); Variables pblicas Podemos acceder a tres variables: OFF, MIDDLE y ON. Usos Su aplicacin puede ser variada. Un ejemplo, una pequea encuesta donde la respuesta sea s, no y desconozco.

Sirve para dar una puntuacin a algo. Las 5 estrellas indican: Psimo (1), Regular (2), Bueno (3), Muy Bueno (4) y Excelente (5). Dependiendo de la estrella que seleccionemos, ser la cantidad de estrellas amarillas y las sobrantes de color gris. La estrella negra indica enfoque presentando en la parte inferior la etiqueta correspondiente (Psimo, Regular.). Evolucin Cambio de colores, manejo de nuevos valores. Crear uno nuevo

WSense sen=new WSense();

Mtodos setText(): Agrega el ttulo del Sense. getSelectedLevel(): Devuelve el nivel seleccionado como un String.

Usos:
Podra utilizarse para calificar algn examen electrnico, dar una puntuacin a algn objeto. Ejemplo:

Diseado para mostrar mltiples opciones, con sus respectivas descripciones. Navega atreves de sus flechas, o deslizando el puntero sobre las mismas. Cuando selecciona un elemento, puede capturar el evento y utilizarlo para X cosa. Evolucin Controlar mejor su animacin, agregar ms etiquetas. Agregar opcin de usarse como mosaicos. Crear uno nuevo
WOrbital orbital=new WOrbital();

Mtodos: setValues(ImageIcon mages[],String value1[],String value2[],String value3[],String value4[],String value5[]): Agrega los valores que se mostraran en cada WCardButton (Botn carta o ficha). En esta versin cuenta con un mximo de 5 valores y un icono.
ImageIcon mages[]= { new new new new new ImageIcon("Mages/foto1.jpg"), ImageIcon("Mages/foto2.jpg"), ImageIcon("Mages/foto3.jpg"), ImageIcon("Mages/foto4.jpg"), ImageIcon("Mages/foto5.jpg")

}; String name1[]={"Lorem Ipsum","Lorem Ipsum","Lorem Ipsum","Lorem Ipsum","Lorem Ipsum"}; String name2[]={"Lorem Ipsum","Lorem Ipsum,Lorem Ipsum","Lorem Ipsum","Lorem Ipsum"}; String name3[]={"Lorem Ipsum","Lorem Ipsum","Lorem Ipsum", Lorem Ipsum","Lorem Ipsum"}; orbital.setValues(mages,name1,name2, name3,null,null); NOTA: Los arreglos siempre tienen que tener el mismo tamanio.

setConfiguration(int widthCard,int heightCard,int advanceClick,int velocityMouse,Color colorFocus,Color colorText): Este mtodo hace configurable el component. Los dos primeros configuran el ancho y alto del WCardButton, el tercero los pixeles que avanz ara al dar clic, el cuarto los pixeles que avanzara con el mouse cuando se deslice, el quinto color de enfoque para los botones de las flechas y el sexto color de texto para los WCardButton. getCountButtonOrbital(): Devuelve la cantidad de WCardButton en el orbital. getButtonOrbital(): Devuelve los WCardButton en un arreglo, con esto agregamos un evento para cada uno.
WCardButton cardButton[]=orbital.getButtonOrbital(); for(int i=0;i<orbital.getCountButtonOrbital();i++) { cardButton [i].getButtonCard().addActionListener(this); }

Usos
Uno de los usos que podra darse, es la descarga de informacin de BD y mostrarlos. Como ejemplo: La cantidad de usuarios para un cierto sistema, mostrando foto, nombre, apellidos, direccin, telfonos.

Tiene la misma lgica de un JButton y JToogleButton. La nica diferencia es su borde, cuando est enfocada muestra en la esquina una pequenia marca. Otra diferencia es que es agradable usarlo como elemento de una seria de opciones. El componente tiene dos reas, la primera su botn y la otra su panel (donde se agregan ms texto). Evolucin Mejorar el control Crear uno nuevo
WCardButton cardButton=new JCardButton(); WCardButton cardButton=new JCardButton(CardButton);

Mtodos setText(String arg): Este mtodo agrega texto en su botn. setIcon(ImageIcon icon):Agrega un icono en su botn, en sus estado normal. setRolloverIcon(ImageIcon icon): Agrega un icono en su botn, en sus estado cuando este enfocado por el puntero. setPressedIcon(ImageIcon icon): Agrega un icono en su botn, en sus estado cuando este presionado. setBackgroundCardButton(Color color):Color del boton. getButtonCard():Obtiene el Boton del componente, es muy importante debido, que solo de esta forma accedemos a sus botn para un evento.
cardButton.getButtonCard().addActionListener(new ActionListener() { public void actionPerformed(ActionEvent ae) {//Evento} });

setBorderColor(Color clr1,Color clr2):Agrega el color del borde. El primero es en su estado normal y el segundo de enfoque con el puntero del mouse. setState(boolean active): Activar o desactivar el componente. getWidthButton():Ancho del Componente por defecto. getHeightButton():Alto del Componente por defecto. getState(): Obtiene el estado del botn, puede ser verdadero o falso segn sea su seleccin o no. setPaintClick(boolean paint): Este metodo activa la caracteristica de no quedar seleccionado por los clic del mouse. setValues(String arg[],int size): Agrega las etiquetas que quieran mostrarse en su panel.

String values[]={"Edmy,administrador","7561041223"}; cardButton.setValues(values,values.length);

Nota: Son muchos usos internamente que se da a este component, sera ilgico que el tamano del arreglo se vuelva a especificar (con values.length en el ejemplo), pero en esta versin si es necesario.

Usos
Se pueden diseniar mosaicos con mltiples opciones.

Parecido a un JComboBox, con la diferencia que esta si permite seleccionar mltiples opciones. Tiene la habilidad de mostrar su men en 4 posiciones, norte, sur, centro e izquierdo. Para acceder a ese men, solo es cuestin de dar clic en la flecha o directamente en cualquier otra parte. Para cerrar el men, dar clic en cualquier rea del men (parte blanca). Evolucin Mejora en las imgenes en miniatura. Crear uno nuevo:
WCurtainButton curtainButton=new WCurtainButton();

Mtodos setList(String title[],ImageIcon mages[] ): Mandar dos arreglos uno de ttulos y el otro de iconos.
String arg[]={"Opcion1","Opcion2","Opcion3"}; ImageIcon mage[]= { new ImageIcon(getClass().getResource("/Mages/warevalid_1.png")), new ImageIcon(getClass().getResource("/Mages/warevalid_1.png")), new ImageIcon(getClass().getResource("/Mages/warevalid_1.png")) }; curtainButton.setList(arg, mage);

setOrientation(int value): Agrega la orientacin que tendr el men que muestre. Las cuatro orientaciones son: curtainButton.setOrientation(SwingConstants.LEFT); curtainButton.setOrientation(SwingConstants.NORTH); curtainButton.setOrientation(SwingConstants.SOUTH); curtainButton.setOrientation(SwingConstants.CENTER); getSelectedList(): Obtiene un arreglo en boolean, que es el mapa de seleccin y no seleccin. Ejemplo, si el componente tiene un tamanio de 5 elementos y devuelve: true,true,true,false,true, significa que el botn 4 no est seleccionado. getButton(): Obtiene un arreglo de botones seleccionado.

JButton btn[]=curtainButton.getButton();
Usos Separar elementos con iconos ms grandes.

Este componente es un auxiliar para obtener una imagen y guardarlo en una direccin especifica. Antes de comenzar debe ser configurado con una ruta de destino donde se almacenara las imgenes obtenidas. Dar clic en el WCardButton, esto abrir el dialogo para seleccionar la ruta de la imagen, cuando este lista, dar clic en el icono de mas para guardar. Evolucin En prximas versiones, se habilitara para encajar en tablas, ocultar opciones, ajustar automticamente su imagen contenida, etc. Crear uno Nuevo

WPhoto photo=new WPhoto();

Mtodos setDestinationFile(String arg): Define una ruta donde se guardaran todas las imagenes, cuando presionen Mas(icono). Si no especifica ninguna ruta, WPhoto creara una ruta junto al proyecto. getNameImagen(): Devuelve el nombre de la imegen. getFileInput(): Obtiene la ruta origen complete de la imagen incluyendo nombre. getFileOutput(): Obtiene la ruta destino complete de la imagen incluyendo nombre. getButtonSave(): Obtener el botn Mas. getDirectoryFileInput(): Obtener la ruta origen de la imagen. getDirectoryFileOutput(): Obtiene la ruta destino de la imagen Usos Especialmente fue pensado para resolver un problema comn, cuando deseamos guardar imgenes en una BD(solo rutas) y obtenerlas cuando la aplicacin cargu o refresque. Un ejemplo comn es el uso de formularios, para llenar los datos de un usuario y cargar una foto.

Es un rpido selector de color. Es simple, para no acceder a JColorChooser, funciona con la lgica de RGB para mezclar el color. Tiene 12 botones con colores ya definidos. El botn de usar obtiene el color y el botn cancelar evita el uso. Evolucin Sus posibles versiones, tendrn la posibilidad de adaptar mezclas avanzadas con la misma simpleza, y adaptarse como objeto normal.

Mtodos showDamage(JComponent com): Abre un dialogo, para mezclar o seleccionar un color. Recibe como argumento un componente, esto servir para que aparezca junto a l.

Color c=WRouge.showDamage(botonEjemplo);
Usos Es eficiente para que los usuarios finales utilicen con menor simpleza.

Heredado directamente de JPanel, con todos sus caractersticas. La diferencia es que tiene capacidad para borde redondeado, cambio de color al enfocar con mouse y capacidad para una imagen de fondo. Evolucin En su prxima versin, un posible soporte para animacin de imgenes y transparencia. Crear uno nuevo WPanel pnl=new WPanel();

Mtodos Icon getMage() : Devuelve la imagen de fondo. setColorBorder(Color color): Agrega color al borde. setStrokeBorder(float value) :Agrega el grosor del borde. setCurveBorder(int curve): Agrega un valor de curvatura. setBorder(Color color,float value,int curve): Agrega color, valor para el grosor y valor de curvatura para el borde. setMage(ImageIcon mage):Agregar un imagen. getColorBorder(): Devuelve el color del borde. getStrokeBorder():Devuelve el grosor del borde. getCurveBorder(): Devuelve el valor de curvatura. setRolloverPanel(final Color color,float value,int curve,Color colorFondo): Mtodo especial para agregar un efecto de Enfoque con mouse, el primer argumento es para el color del borde, el segundo para valor del grosor, el tercero para valor de curvatura y el ultimo para un color. Este resultado se ver cuando pasemos en mouse por encima del WPanel. Usos Se puede diseniar gustosos formularios utilizando este tipo de panel.

Un simple componente para mostrar la fecha actual y/o para obtener una fecha. Se enlaza con WCalendar para definir seleccionar una fecha. Evolucin En sus prximas versiones integrara ms caractersticas de configuracin. Crear uno nuevo WDate date=new WDate();

Mtodos setSizePlane(int value):Tamanio de cuadricula para dibujar(no liberado esta en prueba). setScale(int value):Agregar una escala (no liberado esta en prueba). setColorGenerate(int value,int type): Generar color para las barras (no liberado esta en prueba). setZoomValue(int value1,int value2,int expansion):Valor para crear zoom(no liberado esta en prueba). setZoom(int value): Agregar un Nuevo zoom (no liberado esta en prueba). setExpansion(int value):Capacidad de expansin( no liberado esta en prueba). setTitle(String value):Agrega un titular al WSane. setTextOrdinate(String value): Agrega un texto a la Ordenada del WSane. setTextAbscisa(String value): Agrega un texto a la Abscisa del WSane. setPaintText(String[] ot): Nuevo arreglo que imprimir en la parte de la Abscisa, esto sirve para imprimir otro texto como fechas por ejemplo. Usos Se puede utilizar para mostrar encuetas, calificaciones, ventas, etc.

Un simple componente para mostrar la fecha actual y/o para obtener una fecha. Se enlaza con WCalendar para definir seleccionar una fecha. Evolucin En sus prximas versiones integrara ms caractersticas de configuracin. Crear uno nuevo WDate date=new WDate();

Mtodos Todava estn en desarrollo los mtodos para este componente. Uso Est pensado para utilizarse en formularios donde sea necesaria la fecha, o simplemente visualizar.

Un simple componente para mostrar un calendario. Se puede obtener la fecha seleccionada y darle uso. Evolucin En sus prximas versiones integrara ms caractersticas de configuracin. Crear uno nuevo WCalendar calendar=new WCalendar();

Mtodos Todava estn en desarrollo los mtodos para este componente. Uso Est pensado para utilizarse en formularios donde sea necesaria la fecha, o simplemente visualizar.

Un simple componente para mostrar un reloj. Se puede obtener la hora seleccionada y darle uso. Evolucin En sus prximas versiones integrara ms caractersticas de configuracin. Crear uno nuevo WClock clock=new WClock();

Mtodos Todava estn en desarrollo los mtodos para este componente. Uso Est pensado para utilizarse en formularios donde sea necesaria la hora, o simplemente visualizar.

Otra forma de crear y usar una contrasenia, la funcin es devolver una cadena de texto o un respectivo arreglo. Las flechas sirven para desplazarse por diferentes valores. Para ocultar o mostrar en cualquier momento los smbolos, solo dar clic en las hojas o al smbolo. Crear uno nuevo:

WCode code=new WCode(7); WCode code=new WCode();

El primer constructor especifica el uso de 7 smbolos, el Segundo crea por defecto 5 smbolos.

Mtodos getText(): Devuelve una simple cadena de texto. getValues():Devuelve un arreglo String con los smbolos. Usos Este componente puede ser el candado de una objeto, aplicativo, pagina, etc. Es un fiel simulador de un candado. Otra forma de ver contrasenias Posible ejemplo:

Es un pequenio despachador de efectivo, solo es necesario dar clic al billete (rectngulos) y monedas (crculos), para ir sumando el efectivo. Para descontar el efectivo dar clic derecho sobre el billete o moneda que quiere disminuir (cantidad). Puede teclear directamente en su caja de texto.. Dirigido a las aplicaciones punto de venta, donde se maneja el efectivo constantemente. Evolucin Mejora en su dinamismo. Crear uno nuevo WNimoty ant=new WNimoty(); Mtodos getText(): Obtiene el texto. getCash(): Devuelve la cantidad de efectivo almacenado. setMoney(float billetes[],float monedas[]):Un arreglo de nuevas monedas y billetes. Usos Puede aplicarse por ejemplo en aplicaciones que cobrar pasaje. En aplicaciones que simulen venta de productos, etc.

(Sin desarrollo) Su funcionamiento ser en base a una ruta o rutas, su tarea es de mostrar imgenes ya sea en presentacin o exploradas con los botones de herramienta. Podr abrirse una nueva imagen y mostrarla.

(Sin desarrollo) Es un men de opciones. Al centro se fija la opcin principal, y esta se expande segn sea la opcin, dentro de estas opciones podr contener ms opciones, etc.

(Sin desarrollo) Recibir como argumento un arreglo de etiquetas, para crear un efecto de men en forma de flor. Es posible capturar el evento de la Hoja seleccionada y utilizarla.

(Sin desarrollo) Acceder a cierta ventana, evento, etc. Resolviendo un pequenio Puzle. En tiempo se contara y al finalizar si no est resuelto, arrojara un evento.

(Sin desarrollo) Parecido al funcionamiento de un JSlider, con la diferencia que manejara grados y un contador interno. Podr girarse en un cierto destino (valor x) y automticamente regresara a su origen (0).

(Sin desarrollo) Progreso

(Sin desarrollo) Sera un panel con la caracterstica para redimensionar y mover atreves de la pantalla.

(Sin desarrollo) Parecido a un JTabbedPane. Cada ficha seleccionada es maximizada y solo una puede estarlo. Tendr capacidad de

recordar quien fue antes y despus.

(Sin desarrollo) Planta de cerezo, es una calculadora reducida lo mas posible. Al igual que WRouge, estar habilitada para solo mostrarse como dialogo.

Como instalar
En eclipse Solo realizar la importacin del jarro al proyecto donde quiera dar uso. En Netbeans De igual forma puede hacer lo mismo. Pero existe una forma ms divertida de usar. Esta es la explicacin: 1. Si es la primera vez. Crear un proyecto. Crear un JFrame Form.

2. Con el cursor en posicin en el titulo de los controles. Dar un clic derecho y seleccionar Crear Nueva Categoria.

3. Teclear el ttulo. Esta nueva categora ser donde se vern los componentes de Ewe OU.

4. Nuevamente dar un clic derecho en alguno de los ttulos. Ahora seleccionar Administrador de paletas.

5. En el dialogo seleccionar Agregar Jarro de

6. Buscamos el tarro Ewe OU

7. Seleccionamos todo. Dar clic en siguiente.

8. Seleccionamos la categora creada y dar clic en finalizar.

9. Para usarlos solo es necesario arrastrarlos al formulario.

10. Observe que los mtodos de solo un argumento aparecen en la lista.

Gracias por su inters

Visite tambin: Warevalid Facebook UpperEssentialLookAndFeel - Facebook y You Tobe Ewe Ou- You Tobe