Anuncio ASP

jueves, 9 de julio de 2015

INTERFAZ–PANELES DE DESPLAZAMIENTO

1. MARCO TEÓRICO - PRÁCTICA 
- Llamaremos paneles de desplazamiento a paneles que contienen elementos tan grandes que no pueden ser mostrados en su totalidad. Estos paneles contienen entonces dos barras de desplazamiento que permiten visualizar el interior del panel de desplazamiento correctamente.
- Por ejemplo, un panel de desplazamiento podría contener una imagen tan grande que no se viera entera:
- Los paneles de desplazamiento son objetos del tipo JScrollPane.
- Los objetos JScrollPane son paneles de desplazamiento. Estos paneles pueden contener objetos mayores que el propio panel de desplazamiento. Cuando esto sucede, el panel muestra barras de desplazamiento para poder visualizar todo el contenido del panel.
- Los JScrollPane son ideales para mostrar imágenes, paneles y otros elementos cuyo tamaño pueda ser mayor que la propia ventana.
2. Interfaz
- Crear un nuevo proyecto “jpro_interfaz”
- Crear un paquete “jpack_interfaz”
- Crear un frame “jframe_ScrollPane”
3.ScrollPane
3.1 Pasos
1) Añadir en el frame los siguientes componentes:
- El formulario debe tener ahora este aspecto:
- Si observas el Inspector verás claramente la distribución de los objetos:
Observa como tienes un JScrollPane que contiene una etiqueta.
- Aprovechemos el Inspector para cambiar el nombre a cada objeto. Al JScrollPane le llamaremos jscp_Imagen y a la etiqueta jlabel_Imagen.
- Luego introduciremos una imagen dentro de la etiqueta, a través de la propiedad icon. La imagen la introduciremos desde fichero, y elegiremos la siguiente imagen de tu disco duro:
Mis Documentos / Mis Imágenes / Imágenes de Muestra / flores.jpg
- Esta imagen es tan grande que no se podrá ver entera dentro del panel de desplazamiento. Ejecuta el programa y observarás el uso de las barras de desplazamiento dentro del panel.
2)Puedes mejorar el programa si agrandas el panel de desplazamiento de forma que ocupe todo el formulario:
De esta forma, cuando ejecutes el programa, al agrandar la ventana, se agrandará el panel de desplazamiento, viéndose mejor la imagen contenida.
3)Ejecuta y probar el programa.
4. Ejercicio de extensión
1)Los JScrollPane no solo están diseñados para contener imágenes. Pueden contener cualquier otro elemento
- Crea un nuevo frame . jframe_ScpDatos
- Añade a la ventana una etiqueta con el texto “Ejemplo 2 de JScrollPane” y un JScrollPane de forma que esté asociado a los límites de la ventana. Observa la imagen:
2)Como ves, el JScrollPane – jscp_Datos contiene a un objeto JPanel – jpanel_Datos
- Los JPanel son objetos contenedores. Es decir, pueden contener otros objetos como por ejemplo botones, etiquetas, cuadros de texto, etc.
3) Para distinguirlo de lo que es en sí la ventana, realizar lo siguiente en el panel:
- Cambia el color de fondo y asígnale un color verde.
- Añade en él una etiqueta con el texto “Panel de Datos”.
- Añade varias etiquetas y cuadros de textos correspondientes a los días de la semana.
-Agranda el panel.
El panel debería quedar así. Toma como referencia esta imagen:
4)Verificar la funcionalidad de la siguiente forma:

miércoles, 8 de julio de 2015

INTERFAZ – JSLIDER

1. MARCO TEÓRICO - PRÁCTICA 
Es un componente que permite al usuario seleccionar gráficamente un valor deslizando un botón en un intervalo acotado.
El regulador puede mostrar tanto las marcas de graduación y las marcas de graduación secundarias entre los más importantes. El número de valores entre las marcas de graduación se controla con setMajorTickSpacing y setMinorTickSpacing. La pintura de las marcas de graduación es controlada por setPaintTicks.
Sliders también pueden imprimir etiquetas de texto a intervalos regulares (o en ubicaciones arbitrarias) a lo largo de la pista deslizante. Pintura de etiquetas está controlado por setLabelTable y setPaintLabels.

2. Interfaz
- Crear un nuevo proyecto “jpro_ jslider”
- Crear un paquete “jpack_ jslider”
- Crear un frame “jframe_ jslider”
3.JSLIDER
3.1 Pasos
1) Añadir en el frame los siguientes componentes:
- Una barra de menús, llamada jBMenu_AbrirGuardar
- Dentro de ella una opción “Archivo” llamada jmenu_Archivo, Dentro de la opción “Archivo”, introduce los siguientes elementos:
o Una opción “Abrir”, llamada jmenuAbrir.
o Un separador – jseparador1
o Una opción “Salir”, llamada jmenu_Salir.
- Una vez hecho esto tu formulario tendrá la siguiente forma:
2) Ejecutar el programa el menú se verá así:
3)Si observas el Inspector, tendrá un aspecto parecido al siguiente:
4)Para que al pulsar la opción “Abrir” aparezca el diálogo de apertura de ficheros, es necesario añadir un objeto del tipo JFileChooser.
- Los objetos JFileChooser se añadirán en la zona de “Otros Componentes” del inspector.
- Clic con el botón derecho sobre la zona de “otros componentes” y activa la opción Agregar desde Paleta – Swing – JFileChooser:
5) Aparecerá entonces un objeto JFileChooser dentro de Otros Componentes. Aprovecha para cambiarle el nombre a este objeto. Su nombre será jfileChoo_elegirFichero.
- El inspector quedará así:
6)Una vez hecho esto, ya podemos programar la opción Abrir del menú. Activa el evento actionPerformed de la opción “Abrir” y programa dentro de él lo siguiente:
7)Al ejecutar obtenemos:
8) Probar cancelar .
9)Analicemos el código anterior:
int Respuesta;
Respuesta = jFileChooser_elegirArchivo.showOpenDialog(this);
- Estas dos líneas crean una variable entera (respuesta) y a continuación hacen que se muestre la ventana “Abrir Fichero”. Observa que para conseguirlo hay que usar el método showOpenDialog del objeto elegirFichero. Este método lleva como parámetro la ventana actual (this)
- El método showOpenDialog no solo muestra la ventana “Abrir Fichero” sino que también devuelve un valor entero según el botón pulsado por el usuario en esta ventana. Esto es: botón “Abrir” o botón “Calcelar”.
- Se pueden usar dos if para controlar lo que sucede si el usuario pulsó el botón “Abrir” o el botón “Calcelar” de la ventana “Abrir Fichero”:
- En el primer if se compara la variable respuesta con la constante JFileChooser.APPROVE_OPTION, para saber si el usuario pulsó “Abrir”.
- En el segundo if se compara la variable respuesta con la constante JFileChooser.CANCEL_OPTION, para saber si el usuario pulsó “Cancelar”.
- En el caso de que el usuario pulsara “Abrir”, el programa usa el método getSelectedFile del objeto elegirFichero para recoger el camino del fichero elegido. Este camino debe ser convertido a cadena con el método toString.
- El programa aprovecha esto para mostrar dicho camino en pantalla gracias al típico JOptionPane.
- En el caso del que el usuario pulsara el botón “Cancelar” el programa muestra un mensaje indicándolo.
OJO Recordando para dejar claro el cuadro de diálogo “Abrir” realmente no abre ningún fichero, sino que devuelve el camino del fichero elegido usando el código:
elegirFichero.getSelectedFile().toString()
- El programador puede trabajar con el fichero correspondiente de la forma que desee.
4. Ejercicio de extensión
1) Implemente la opción Guardar
2) Supongamos que tiene en su proyecto un objeto del tipo JFileChooser llamado jFileChooser_elegirFichero.
- Entonces observamos lo siguiente:
int respuesta; //una respuesta
File f; //un archivo
respuesta= jFileChooser_elegirFichero.showOpenDialog(this);
if (respuesta==JFileChooser.APPROVE_OPTION)
{
f = jFileChooser_elegirFichero.getSelectedFile();
}
- Si observa este código, verá que se crea una variable f de tipo File. Y f es el archivo elegido por el usuario en el cuadro de diálogo Abrir.
- Si observa este código, verá que se crea una variable f de tipo File. Y f es el archivo elegido por el usuario en el cuadro de diálogo Abrir.
Tomando en cuenta la teoría desarrolle el siguiente ejercicio:
- Si el usuario pulsa el botón “Info Fichero”, aparecerá el cuadro de diálogo (JFileChooser) Abrir, donde el usuario podrá elegir un fichero. Una vez que el usuario elija un fichero y pulse el botón “Abrir”, aparecerán los datos del fichero en las distintas etiquetas.
- En la etiqueta nombre del fichero aparecerá el nombre del fichero (use getName())
- En la etiqueta camino del fichero aparecerá el camino completo del fichero (use getPath())
- En la etiqueta existe? aparecerá un mensaje indicando si el fichero existe o no (use exists()) Queda claro que si el fichero no existe no se puede visualizar ni su nombre ni su camino.
- Si el usuario, en cambio, pulsa el botón “Eliminar Fichero”, entonces el programa mostrará el cuadro de diálogo “Abrir” y una vez que el usuario elija un fichero, el programa lo borrará (use delete())
- Pida una confirmación antes de eliminar el fichero. Tenga cuidado al comprobar esta opción.