Efectos de Entrada y Salida para PopUps en Flex
Posted by Shogoki in Programación on February 4, 2010
En el último tip vimos como cerrar una ventana emergente (PopUp) de flex al hacer click fuera de la ventana, hoy veremos como podemos animar las entradas y salidas de dicho popup mediante los métodos creationCompleteEffect y removedEffect respectivamente
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 | < ?xml version="1.0" encoding="utf-8"?> <mx :Canvas xmlns:mx="http://www.adobe.com/2006/mxml" width="300" height="174" backgroundAlpha="0" mouseDownOutside="removePopUp()" creationCompleteEffect="{myFade}" removedEffect="{myFade}" horizontalCenter="0" verticalCenter="0"> </mx><mx :Script> < ![CDATA[ import mx.effects.easing.Elastic; import mx.managers.PopUpManager; private function removePopUp():void { PopUpManager.removePopUp(this); } ]]> </mx> <mx :Fade id="myFade" duration="1000"/> <mx :Canvas width="226" height="122" borderStyle="solid" borderColor="#000000" backgroundColor="#FFFFFF" horizontalCenter="0" verticalCenter="0"> <mx :Text text="Hola soy PopUp con Animación de entrada y salida :D" height="45" width="202" fontFamily="Arial" fontSize="12" color="#000000" horizontalCenter="1" verticalCenter="2"/> <mx :Label x="10" y="10" text="Ventana Modal" fontWeight="bold" fontSize="14" fontFamily="Arial" color="#000000"/> </mx> <mx :LinkButton x="220" y="145" label="cerrar" skin="{null}" color="#000000" fontSize="11" fontFamily="Arial" click="removePopUp()"/> |
Como se ve bastante sencillo solo basta con crear el efecto deseado en nuestro caso: <mx:Fade /> y asociar dicho efecto a los métodos creationCompleteEffect y removedEffect como se muestra en las lineas 5 y 6, esto daría como resultado lo siguiente:
Caracas y sus locales nocturnos discriminatorios
Hace mucho que no salgo a locales nocturnos y a cambio prefiero ir a casa de mis amigos al momento de socializar y beberme unas cuantas cervezas, pero el fin de semana pasado me toco asistir a la despedida de una amiga el cual fue un local nocturno de la ciudad.
Al llegar al local esperamos en la parte de afuera mientras le enviábamos mensajes a mi amiga para decirle que ya habíamos llegado al local y estuviera pendiente, al salir ella nos saludo y nos invito a pasar pero al intentar entrar nos detuvo el portero(al cual me referiré a partir de ahora como Guachimán) del local y nos dijo que teníamos que esperar que nos chequearan.
Los que pensé fue que nos iban a revisar como hacen normalmente en los locales nocturnos para evitar que las personas entren con algún tipo de arma blanca.
Mientras esperábamos nos indico que nos colocáramos en todo el frente de la puerta, unos segundos despues entro el guachimán al local y cuando sale nos dice:
Guachimán: No pueden entrar!
Nosotros: Porque?
Guachimán: Solo no pueden entrar, son ordenes directas(como si fuera un militar) y no conozco la razón.
Nosotros: Y quien te dijo que no podemos entrar.
Guachimán: La persona de la cámara.
La intención de que nos colocáramos en frente de la puerta mientras esperábamos la aprobación para entrar era porque en algún lugar del planeta(no sé si estaba dentro del local) hay una persona que ve quien quiere entrar al local y el selecciona quien entra y quien no al local.
Así que nos toco irnos para otro sitio y nos quedamos sin compartir con nuestra amiga 
Ahora bien luego de todo esto me pregunto yo lo siguiente:
- Porque si yo quiero gastar mi dinero en un local nocturno debo de pasar por un proceso de selección.
- Porque si yo quiero ir a un local a pasar un buen rato tengo que vestirme de una manera en particular.
Primera vez que me pasa esto ya que nunca me han gustado ese tipo de locales en donde te discriminan solo porque no estas vestidos como ellos quieren, tampoco se como a ciertas personas le gusta pasar por esto para entrar a un local o__O en donde ellos son los que quieren gastar su dinero en ese local.
El local en donde sucedió esto es uno llamado Factory que se encuentra en Las Mercedes, Caracas – Venezuela
Mazinger
Audio clip: Adobe Flash Player (version 9 or above) is required to play this audio clip. Download the latest version here. You also need to have JavaScript enabled in your browser.
Sube multiples archivos al servidor con Uploadify
Posted by Psycho in Programación on January 27, 2010
Uploadify es un plugin de JQuery el cual nos permite subir varios archivos a un servidor.
En la pagina oficial del proyecto hay varios ejemplos de como funciona, una sección de como implementarlo en nuestros proyectos y un foro para cualquier duda.
Sitio oficial de Uploadify.
Cerrar ventana modal al hacer Click fuera de la ventana en FlashBuilder
Posted by Shogoki in Programación, Tips on January 26, 2010
Una de las mejores funcionalidades de FlashBuilder y ActionScript3 es la clase PopUpManager que nos permite mostrar ventanas a los usuarios bien sea modales o no; a veces simplemente queremos dar la opción al usuario de cerrar la ventana al hacer click fuera de esta, al estilo de los PopUps hechos con JQuery y gracias al Evento MOUSE_DOWN_OUTSIDE de la clase FlexMouseEvent podemos hacerlo, como vemos en el siguiente ejemplo:
Puedes ver y descargar el código fuente mediante el menú del botón derecho
Crear imagenes miniaturas con CodeIgniter
Posted by Psycho in Programación on January 26, 2010
El Framework en PHP llamado CodeIgniter el cual utilizo al momento de crear aplicaciones en PHP, trae un conjunto de librerías y entre ellas esta una para la manipulación de imágenes.
El objetivo de este ejemplo es mostrar como utilizando el metodo image_lib->resize() de la librería image_lib podemos crear imagenes miniaturas a partir de cualquier imagen que se encuentre en nuestro servidor.
La función en el código de ejemplo debe ser colocada en cualquier parte de un controlador de CodeIgniter para cargar la libreria image_lib, luego le asignamos una serie de parámetros de configuración en donde especificamos como queremos dimensionar la imagen miniatura, como se va a llamar la imagen, etc.
/**
*
* @param $imagen: ruta de la imagen en el servidor
* @param $nombre_archivo: nombre del archivo
* @param $ancho: ancho para la imagen a generar
* @param $alto: alto de la imagen a generar
* @return void
*/
function crear_thumbnail($imagen, $nombre_archivo, $ancho, $alto)
{
// cargar libreria de imagen
$this->load->library('image_lib');
// dividir el nombre del archivo y tomar el nombre y extension del archivo
$nombre_archivo = split("[.]", $nombre_archivo);
// crear valores de configuracion para cargar la libreria
$config['image_library'] = 'GD2'; // libreria a utilizar
$config['source_image'] = $imagen; // imagen fuente, aqui se debe colocar la ruta completa del archivo en el servidor tomando como referencia la raíz del sitio (ejemplo ./uploads/)
$config['width'] = $ancho; // ancho de la imagen a generar
$config['height'] = $alto; // alto de la imagen a generar
$config['create_thumb'] = TRUE; // especificar que se quiere generar un thumbnail
$config['new_image'] = './uploads/home_party/thumbnails/'.$nombre_archivo[0].'_'.$ancho.'x'.$alto.'.'.$nombre_archivo[1]; // nombre y ubicacion de la imagen miniatura
$this->image_lib->initialize($config); // asignar parametros de configuracion a la libreria
$this->image_lib->resize(); // crear thumbnail
}
Para mas información de la libreria puedes consultar la guia de usuario de CodeIgniter.
Alguna duda, preguntale a Dimitri
Luego de haber trabajado como un burro el día de hoy, Shogoki me ha alegrado el día al pasarme esta página.
Tenia un problema con la Suite CS4 y Dimitri supo darme una sabia respuesta. Lo único que tu tienes que hacer es darle tu nombre y plantearle tu problema, Dimitri te dará una sabia solución U_U
Ya tengo una nueva PC
Como sabrán Psycho PC se ha ido al cielo de las PC’s y que al intentar hacer una solicitud para un equipo en CANTV haya sido rechazada ya tengo una nueva PC luego de una segunda solicitud en CANTV con los documentos “correctos”.
La PC es una laptop Lenovo modelo ThinkPad SL400 con un procesador Core 2 Duo de 2.10Ghz, 2GB de Ram, un disco de 160GB unidad de DVD, etc.
La intención de este post aparte de presumir mi nueva adquisición es que puedas sugerir algun nombre el cual ponerle. estos son los que me han sugerido hasta el momento:
- psycholap ( Yaraher)
- psybot ( jamiefhj)
- la hija bastarda ( El Comegente)
- la loca de mierda ( darkgraphic)
Deja tu sugerencia 
UPDATE: Para los que no saben de la promoción de CANTV para obtener un equipo lo pueden visitar en el sitio oficial.
Parque Central atacada por Zergs!
Los edificios me recuerdan a unos que se encuentran en una zona en Caracas llamada Parque Central y me image a los Zerg invadiendo Caracas
Imagen tomada del artwork del sitio oficial de Starcraft 2
Feliz Año 2011
Porque del 2010 no van ni 15 dias y ya se jodio.
@psycho_vnz
