<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Blog de Daniel Zegarra &#187; UIComponents</title>
	<atom:link href="http://danielzegarra.net/category/adobe/uicomponents/feed/" rel="self" type="application/rss+xml" />
	<link>http://danielzegarra.net</link>
	<description>De vuelta en Lima!</description>
	<lastBuildDate>Tue, 03 Jan 2012 08:11:42 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Flex: Clase datagridColumnSelector</title>
		<link>http://danielzegarra.net/2010/06/11/flex-clase-datagridcolumnselector/</link>
		<comments>http://danielzegarra.net/2010/06/11/flex-clase-datagridcolumnselector/#comments</comments>
		<pubDate>Fri, 11 Jun 2010 21:53:43 +0000</pubDate>
		<dc:creator>Daniel Zegarra</dc:creator>
				<category><![CDATA[AS3]]></category>
		<category><![CDATA[Flex]]></category>
		<category><![CDATA[Tutoriales]]></category>
		<category><![CDATA[UIComponents]]></category>

		<guid isPermaLink="false">http://danielzegarra.net/?p=1212</guid>
		<description><![CDATA[[...]]]></description>
			<content:encoded><![CDATA[<p>Esta es una clase que hice para Flex para mostrar y ocultar las columnas de cualquier instancia de DataGrid sin ensuciarse con mucho codigo.</p>
<div id="attachment_1213" class="wp-caption aligncenter" style="width: 460px"><a href="http://danielzegarra.net/wp-content/uploads/2010/06/screenshot.2.png" rel="lightbox[1212]"><img class="size-medium wp-image-1213" title="Menu contextual del DataGrid" src="http://danielzegarra.net/wp-content/uploads/2010/06/screenshot.2-450x305.png" alt="Menu contextual del DataGrid" width="450" height="305" /></a><p class="wp-caption-text">Menu contextual del DataGrid</p></div>
<p>Se puede implementar en solo una linea de codigo:</p>
<pre class="brush: as3; light: true; title: ; notranslate">
new datagridColumnSelector(datagridInstance, [campoignorado1]);
</pre>
<p>El primer argumento es obligatorio y debe ser una instancia de DataGrid. El segundo argumento es opcional y debe recibir un Array con los nombres de las columnas a ignorar. </p>
<p>Cambiando algunas propiedades por defecto:</p>
<pre class="brush: as3; light: true; title: ; notranslate">
datagridColumnSelector.label_hide = &quot;Ocultar&quot;;
datagridColumnSelector.label_show = &quot;Mostrar&quot;;
var selector:datagridColumnSelector = new datagridColumnSelector(data_dg);
selector.hidden = [&quot;col3&quot;];
</pre>
<p>En el siguiente ejemplo la columna 4 y 5 estan ocultas por defecto. Tambien se decide ignorar la columna 3 para que el usuario no pueda ocultar todas las columnas.<br />
Nota que el valor del atributo <code>headerText</code> en cada <code>DataGridColumn</code> es usado en el menu contextual para que el usuario pueda identificar la columna. </p>
<pre class="brush: xml; auto-links: false; title: ; notranslate">
&lt;?xml version=&quot;1.0&quot; encoding=&quot;utf-8&quot;?&gt;
&lt;mx:Application layout=&quot;vertical&quot; creationComplete=&quot;init()&quot;
	xmlns:mx=&quot;http://www.adobe.com/2006/mxml&quot;
	backgroundGradientAlphas=&quot;[1.0, 1.0]&quot; backgroundGradientColors=&quot;[#FFFFFF, #E7E7E7]&quot;
	paddingBottom=&quot;8&quot; paddingLeft=&quot;8&quot; paddingRight=&quot;8&quot; paddingTop=&quot;8&quot; horizontalAlign=&quot;left&quot; viewSourceURL=&quot;srcview/index.html&quot;&gt;

	&lt;mx:Script&gt;
		&lt;![CDATA[
			import net.danielzegarra.utils.datagridColumnSelector;

			protected function init():void{
				new datagridColumnSelector(data_dg, [&quot;col3&quot;]);
			}
		]]&gt;
	&lt;/mx:Script&gt;

	&lt;mx:Label text=&quot;Haga un clic secundario sobre el DataGrid para mostrar u ocultar columnas.&quot;/&gt;
	&lt;mx:DataGrid id=&quot;data_dg&quot; width=&quot;100%&quot; height=&quot;100%&quot;&gt;
		&lt;mx:columns&gt;
			&lt;mx:DataGridColumn headerText=&quot;Columna 1&quot; dataField=&quot;col1&quot;/&gt;
			&lt;mx:DataGridColumn headerText=&quot;Columna 2&quot; dataField=&quot;col2&quot;/&gt;
			&lt;mx:DataGridColumn headerText=&quot;Columna 3&quot; dataField=&quot;col3&quot;/&gt;
			&lt;mx:DataGridColumn headerText=&quot;Columna 4&quot; dataField=&quot;col4&quot; visible=&quot;false&quot;/&gt;
			&lt;mx:DataGridColumn headerText=&quot;Columna 5&quot; dataField=&quot;col5&quot; visible=&quot;false&quot;/&gt;
		&lt;/mx:columns&gt;
	&lt;/mx:DataGrid&gt;
&lt;/mx:Application&gt;
</pre>
<p>Y el resultado:<br />
<iframe class="" src="http://danielzegarra.net/wp-content/uploads/2010/06/datagridColumnSelector/index.html" style="width: 100%; height: 300px; " frameborder="0" scrolling="" onload="scro11me(this)"></iframe><script type="text/javascript">function scro11me(f){f.contentWindow.scrollTo(0,0); }</script>
<p><a title="Ver el codigo fuente" href="http://danielzegarra.net/wp-content/uploads/2010/06/datagridColumnSelector/srcview/index.html">Ver la fuente</a> | <a href="http://danielzegarra.net/download/8" title="Selector de columnas para datagrid.">Descargar datagridColumnSelector Class</a></p>
<p>Nota: Funciona tambien con Air aunque es preferible usar las <a href="http://livedocs.adobe.com/flex/3/langref/flash/display/NativeMenu.html">clases nativas de Adobe Air</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://danielzegarra.net/2010/06/11/flex-clase-datagridcolumnselector/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Primeros pasos con el API para Flash de Google Maps</title>
		<link>http://danielzegarra.net/2009/03/21/primeros-pasos-con-google-maps-api-para-flash/</link>
		<comments>http://danielzegarra.net/2009/03/21/primeros-pasos-con-google-maps-api-para-flash/#comments</comments>
		<pubDate>Sat, 21 Mar 2009 23:11:44 +0000</pubDate>
		<dc:creator>Daniel Zegarra</dc:creator>
				<category><![CDATA[AS3]]></category>
		<category><![CDATA[Experimentos]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[Tutoriales]]></category>
		<category><![CDATA[UIComponents]]></category>
		<category><![CDATA[API]]></category>
		<category><![CDATA[Google Maps]]></category>

		<guid isPermaLink="false">http://www.danielzegarra.net/?p=638</guid>
		<description><![CDATA[[...]]]></description>
			<content:encoded><![CDATA[<p>Por fin me decidi a probarlo.</p>
<p>Google Maps tiene un API que te permite incrustar sus mapas en tu aplicacion Flash (solo ActionScript 3). Imagina una libreta de direcciones online en la que los usuarios puedan definir visualmente el punto exacto donde viven (aunque habria que tomar en cuenta las implicancias de eso) y en tu DB solo almacenar la latitud y longitud de la elección. Incluso podrias medir la distancia entre dos puntos.</p>
<p>El SDK lo puedes encontrar aquí: <a title="Bajate el SDK" href="http://code.google.com/intl/es-ES/apis/maps/documentation/flash/intro.html#SWC_File">http://code.google.com/intl/es-ES/apis/maps/documentation/flash/intro.html#SWC_File</a><br />
Debes solicitar un API Key: <a title="Create una clave" href="http://code.google.com/intl/es-ES/apis/maps/documentation/flash/intro.html#API_Key">http://code.google.com/intl/es-ES/apis/maps/documentation/flash/intro.html#API_Key</a><br />
Creando tu primera aplicacion: <a title="Creando tu primera aplicacion" href="http://code.google.com/intl/es-ES/apis/maps/documentation/flash/tutorial-flash.html">http://code.google.com/intl/es-ES/apis/maps/documentation/flash/tutorial-flash.html</a><br />
Y la guia de referencia donde pueden encontrar toda la documentacion tecnica: <a title="API reference" href="http://code.google.com/intl/es-ES/apis/maps/documentation/flash/reference.html">http://code.google.com/intl/es-ES/apis/maps/documentation/flash/reference.html</a></p>
<p><strong>El Golf de San Isidro</strong></p>

    <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" id="swfobj_0" width="550" height="400">
      <param name="movie" value="http://danielzegarra.net/wp-content/uploads/2009/03/ejemplogooglemapsapi.swf" />
      <param name="allowfullscreen" value="true" />
      <!--[if !IE]>-->
      <object type="application/x-shockwave-flash" data="http://danielzegarra.net/wp-content/uploads/2009/03/ejemplogooglemapsapi.swf" width="550" height="400" allowfullscreen="true">
      <!--<![endif]-->
        
      <!--[if !IE]>-->
      </object>
      <!--<![endif]-->
    </object>

<p>Puedes descargar las fuentes de este ejemplo en el siguiente enlace: <a href="http://danielzegarra.net/download/4" title="">Descargar Ejemplo de API de Google Maps</a></p>
]]></content:encoded>
			<wfw:commentRss>http://danielzegarra.net/2009/03/21/primeros-pasos-con-google-maps-api-para-flash/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Componente Background</title>
		<link>http://danielzegarra.net/2007/02/08/componente-background/</link>
		<comments>http://danielzegarra.net/2007/02/08/componente-background/#comments</comments>
		<pubDate>Fri, 09 Feb 2007 01:09:00 +0000</pubDate>
		<dc:creator>Daniel Zegarra</dc:creator>
				<category><![CDATA[UIComponents]]></category>

		<guid isPermaLink="false">http://dzegarra.wordpress.com/2007/02/08/componente-background/</guid>
		<description><![CDATA[[...]]]></description>
			<content:encoded><![CDATA[<p><span style="font-family:arial;font-size:85%;">Este componente sirve para crear facilmente fondos en sus aplicaciones. Aun no he implementado los efectos de desvanecimiento pero lo demas si funciona.</span><br /><span style="font-family:arial;font-size:85%;"></span><br /><span style="font-family:arial;font-size:85%;">La poca documentacion esta en la descripcion del componente.</span><br /><span style="font-family:arial;font-size:85%;"></span><br /><span style="font-family:arial;font-size:85%;">En si lo q hace es cargar un archivo jpg o swf y lo acomoda en el fondo.</span><br /><span style="font-family:arial;font-size:85%;"></span><br /><strong><span style="font-family:arial;font-size:85%;">Parametros</span></strong><br /><span style="font-family:arial;font-size:85%;"></span><br /><span style="font-family:arial;font-size:85%;color:#3333ff;"><strong>modo</strong></span><br /><span style="font-size:85%;"><span style="font-family:arial;"><span style="color:#006600;">normal:</span> Centra la imagen cargada.</span></span><br /><span style="font-size:85%;"><span style="font-family:arial;"><span style="color:#006600;">noborders:</span> Hace que la imagen ocupe todo el espacio del clip (todo el Stage empezando desde (0,0) ).</span></span><br /><span style="font-size:85%;"><span style="font-family:arial;"><span style="color:#006600;">escalar:</span> Escala el tamaño la imagen conservando sus proporciones, la imagen no excedera el tamaño del Stage.</span></span><br /><span style="font-family:arial;font-size:85%;"></span><br /><strong><span style="font-family:arial;font-size:85%;color:#3333ff;">autoAlign</span></strong><br /><span style="font-family:arial;font-size:85%;">Si es <span style="color:#006600;">true </span>alineara el componente el la posicion (0,0) del nivel superior.</span><br /><span style="font-family:arial;font-size:85%;"></span><br /><strong><span style="font-family:arial;font-size:85%;color:#3333ff;">file</span></strong><br /><span style="font-family:arial;font-size:85%;">Cadena que especifica la ruta del archivo que se va a cargar, durante la carga mostrara la barra de progreso.</span><br /><span style="font-family:arial;font-size:85%;"></span><br /><span style="font-family:arial;font-size:85%;color:#3333ff;"><strong>bgcolor</strong></span><br /><span style="font-family:arial;font-size:85%;">Color solido de fondo. Ejemplo: 0&#215;00000, 0xFF0055, etc&#8230;</span><br /><span style="font-family:arial;font-size:85%;"></span><br /><span style="font-family:arial;font-size:85%;">El componente realiza estos cambios al Stage:<br /><span style="color:#000099;">Stage.scaleMode</span> = <span style="color:#009900;">&#8220;noScale&#8221;</span>;</span><br /><span style="font-size:85%;"><span style="font-family:arial;"><span style="color:#000099;">Stage.align</span> = <span style="color:#009900;">&#8220;TL&#8221;</span>;</span></span><br /><span style="font-family:arial;font-size:85%;"></span><br /><strong><span style="font-family:arial;font-size:85%;">Eventos</span></strong><br /><span style="font-family:arial;font-size:85%;"></span><br /><span style="font-family:arial;font-size:85%;">onComplete({httpStatus:})</span><br /><span style="font-family:arial;font-size:85%;">onError({errorCode:String, httpStatus:Number})</span><br /><span style="font-family:arial;font-size:85%;">onProgress({bytesLoaded:Number, bytesTotal:Number})</span><br /><span style="font-family:arial;font-size:85%;">onStart({file:String})</span><br /><span style="font-family:arial;font-size:85%;">onChangeColor({color})</span><br /><span style="font-family:arial;font-size:85%;">onResize({})</span><br /><span style="font-family:Arial;font-size:85%;"></span><br /><span style="font-family:Arial;font-size:85%;">Puedes descargar el SWC desde aki</span><br /><span style="font-family:Arial;font-size:85%;"><a href="http://200.31.117.122/Componentes/Background.rar">Descargar SWC</a></span><br /><span style="font-family:Arial;font-size:85%;"><a href="http://200.31.117.122/Componentes/Background_test.rar">Descargar Test</a></span></p>
]]></content:encoded>
			<wfw:commentRss>http://danielzegarra.net/2007/02/08/componente-background/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

