Informatica-prohibida: botones

<center>
<script async="" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

<ins class="adsbygoogle" data-ad-client="ca-pub-6123383525339038" data-ad-slot="3276222169" style="display: inline-block; height: 280px; width: 336px;"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
<script async="" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

<ins class="adsbygoogle" data-ad-client="ca-pub-6123383525339038" data-ad-slot="4728944563" style="display: inline-block; height: 60px; width: 468px;"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script></center>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkXgNjGYIgq2CX6Cn8FkDyC98lkI9Z4_hNZeDj5CXtte1grr0jlMTigtf1uf7dog3Xkf0Psd05xZQaZQs85j0tsLCSk6mpVGCeN1YU-2YYszrfqfLmssd6Qcn23YJj8-wKdDBD0-mNrnJp/s1600/avatar.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkXgNjGYIgq2CX6Cn8FkDyC98lkI9Z4_hNZeDj5CXtte1grr0jlMTigtf1uf7dog3Xkf0Psd05xZQaZQs85j0tsLCSk6mpVGCeN1YU-2YYszrfqfLmssd6Qcn23YJj8-wKdDBD0-mNrnJp/s1600/avatar.jpg" /></a></div>
Este tutorial se va a basar en efectos con botones.<br />
Empecemos:<br />
Como primer paso elegimos o hacemos las imágenes que van a estar involucradas.<br />
En mi caso usare estas: pero ustedes pueden optar por usar cualquiera que os gusten o les llamen mas la atención este solo es un tutorial de formación y explicación para ayudar a darles ideas y o bien hacerlo tal y como yo lo hago o ustedes ponerle de su creatividad a si que manos a la obra en la siguiente imagen de abajo pueden ver los que utilizare yo a si que mucho bla bla bla y nada de acción ya saben cualquier duda dejen su comentario por muy tonta que sea me gusta ria ver un comentario en alguno de mis post bueno ya basta a comenzar el tuto<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh65q-yXDvPXe9gZfnfJCoKXc6xebxI4APlJxZsgv2GqMqn4qfiTxqgqlCqWFMvpuFrMU6WAB7DcCKsU08l9QYIuq1gb3b-heT94aD2Qm8h9Ob7ojrI4Pr-G-aLUu4cTESFQWu2WQpVRQoR/s1600/Screenshot_8.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="74" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh65q-yXDvPXe9gZfnfJCoKXc6xebxI4APlJxZsgv2GqMqn4qfiTxqgqlCqWFMvpuFrMU6WAB7DcCKsU08l9QYIuq1gb3b-heT94aD2Qm8h9Ob7ojrI4Pr-G-aLUu4cTESFQWu2WQpVRQoR/s1600/Screenshot_8.png" width="320" /></a></div>
Una con el borde blanco para el botón común.<br />
Una con el borde rojo para cuando posicionamos el mouse sobre ella.<br />
Y una con el borde azul para cuando apretamos.<br />
<br />
Abrimos VB6 y generamos un nuevo proyecto.<br />
Y ponemos 3 image en el form.<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLPnfAxUFDXtaJF4Rsqkl0zLhb98N2tqcOHTp1-83BbNpEvE7BFMCXDRcnWtyJhbmoxIM6ZZW5GBQRTnefvSlubg3Geg3rq7LvjIvbk1OCT2hA-mV4slPu1K6__r8-I67XfVYWY9pFMV2I/s1600/Screenshot_9.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLPnfAxUFDXtaJF4Rsqkl0zLhb98N2tqcOHTp1-83BbNpEvE7BFMCXDRcnWtyJhbmoxIM6ZZW5GBQRTnefvSlubg3Geg3rq7LvjIvbk1OCT2hA-mV4slPu1K6__r8-I67XfVYWY9pFMV2I/s1600/Screenshot_9.png" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
Y a cada una en la propiedad picture elegimos una de las imágenes.</div>
<div class="separator" style="clear: both; text-align: left;">
Quedándonos así:</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNSH0qXhDKjg0T2iZYq_bCxhwrx2wDGovsfWNI78mMIunuTn0H3Ps0JkQ1L8t-wXDd2bnM0Mai4R2yGfpNlLbfNaAGJv78p_Za_IZlnYkk4Ne8kSsocbv4CEYomWoeKRfza3Pou2PA3PFj/s1600/Screenshot_10.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="244" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNSH0qXhDKjg0T2iZYq_bCxhwrx2wDGovsfWNI78mMIunuTn0H3Ps0JkQ1L8t-wXDd2bnM0Mai4R2yGfpNlLbfNaAGJv78p_Za_IZlnYkk4Ne8kSsocbv4CEYomWoeKRfza3Pou2PA3PFj/s1600/Screenshot_10.png" style="cursor: move;" width="320" /></a></div>
<div class="separator" style="clear: both;">
A la imagen del borde blanco la llame BotonComun, a la del borde rojo BotonSeleccionado y a la</div>
<div class="separator" style="clear: both;">
del borde azul BotonApretado.</div>
<div class="separator" style="clear: both;">
Posicionamos las tres imágenes una arriba de otra.</div>
<div class="separator" style="clear: both;">
Primero la imagen del BotonComun, luego la del BotonSeleccionado y por último la del</div>
<div class="separator" style="clear: both;">
BotonApretado.</div>
<div class="separator" style="clear: both;">
Quedando solo visible la imagen BotonApretado, como se ve abajo:</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhX8XGE_i6hbTFdIETxws0bAufvIhoP3uYxj7zOXoMmaOgaD4YcUJ0rfT5r6t3h1oEPz5xyqLD2Ek-y6ITfeHMp2aQ6zPrCsZL1-R106UdLmmBCHc0PuqClkk2bIMq_Zg3XR4BxpchcRNhQ/s1600/Screenshot_11.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="264" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhX8XGE_i6hbTFdIETxws0bAufvIhoP3uYxj7zOXoMmaOgaD4YcUJ0rfT5r6t3h1oEPz5xyqLD2Ek-y6ITfeHMp2aQ6zPrCsZL1-R106UdLmmBCHc0PuqClkk2bIMq_Zg3XR4BxpchcRNhQ/s1600/Screenshot_11.png" width="320" /></a></div>
<div class="separator" style="clear: both;">
Nota: A mí me gusta más hacer las cosas por código en vez de usar la tabla de propiedades del</div>
<div class="separator" style="clear: both;">
costado que te provee vb.</div>
<div class="separator" style="clear: both;">
Al evento Load del form le agregamos dos líneas, quedando así:</div>
<div class="separator" style="clear: both;">
-------------------</div>
<div class="separator" style="clear: both;">
<b>Private Sub Form_Load()</b></div>
<div class="separator" style="clear: both;">
<b>BotonSeleccionado.Visible = False</b></div>
<div class="separator" style="clear: both;">
-------------------</div>
<div class="separator" style="clear: both;">
<b>BotonApretado.Visible = False</b></div>
<div class="separator" style="clear: both;">
<b>End Sub</b></div>
<div class="separator" style="clear: both;">
-------------------</div>
<div class="separator" style="clear: both;">
Para que al ejecutar el programa solo se vea la imagen BotonComun.</div>
<div class="separator" style="clear: both;">
Ahora vamos a hacer que al posicionar el mouse sobre la imagen BotonComun nos muestre la</div>
<div class="separator" style="clear: both;">
imagen BotonSeleccionado.</div>
<div class="separator" style="clear: both;">
Para ello vamos a hacer uso del evento MouseMove de la imagen BotonComun.</div>
<div class="separator" style="clear: both;">
-------------</div>
<div class="separator" style="clear: both;">
<b>Private Sub BotonComun_MouseMove(Button As Integer, Shift As Integer, X</b></div>
<div class="separator" style="clear: both;">
<b>As Single, Y As Single)</b></div>
<div class="separator" style="clear: both;">
<b>BotonSeleccionado.Visible = True</b></div>
<div class="separator" style="clear: both;">
<b>End Sub</b></div>
<div class="separator" style="clear: both;">
------------</div>
<div class="separator" style="clear: both;">
Pero también tendremos que agregarle al evento MouseMove del form lo siguiente:</div>
<div class="separator" style="clear: both;">
-------------</div>
<div class="separator" style="clear: both;">
<b>Private Sub Form_MouseMove(Button As Integer, Shift As Integer, X As</b></div>
<div class="separator" style="clear: both;">
<b>Single, Y As Single)</b></div>
<div class="separator" style="clear: both;">
<b>BotonSeleccionado.Visible = False</b></div>
<div class="separator" style="clear: both;">
<b>End Sub</b></div>
<div class="separator" style="clear: both;">
----------</div>
<div class="separator" style="clear: both;">
Esto es porque si no, una vez que uno posicione el mouse arriba de la imagen BotonApretado, la</div>
<div class="separator" style="clear: both;">
imagen BotonSeleccionado quedara siempre visible.</div>
<div class="separator" style="clear: both;">
Entonces lo que hace ese último código es que cuando posicionemos el mouse sobre el form la</div>
<div class="separator" style="clear: both;">
imagen BotonSeleccionado se oculte.</div>
<div class="separator" style="clear: both;">
Ahora vamos a agregar que al apretar se muestre la imagen BotonApretado por un momento muy</div>
<div class="separator" style="clear: both;">
pequeño.</div>
<div class="separator" style="clear: both;">
Para ello vamos a hacer uso del evento Click de la imagen BotonSeleccionado.</div>
<div class="separator" style="clear: both;">
-------------</div>
<div class="separator" style="clear: both;">
<b>Private Sub BotonSeleccionado_Click()</b></div>
<div class="separator" style="clear: both;">
<b>BotonApretado.Visible = True</b></div>
<div class="separator" style="clear: both;">
<b>Dim j As Long</b></div>
<div class="separator" style="clear: both;">
<b>For j = 0 To 100000</b></div>
<div class="separator" style="clear: both;">
<b>DoEvents</b></div>
<div class="separator" style="clear: both;">
<b>Next j</b></div>
<div class="separator" style="clear: both;">
<b>BotonApretado.Visible = False</b></div>
<div class="separator" style="clear: both;">
<b>End Sub</b></div>
<div class="separator" style="clear: both;">
-------------</div>
<div class="separator" style="clear: both;">
Lo que hacemos en ese código es que cuando hacemos click en la imagen Boton Seleccionado se</div>
<div class="separator" style="clear: both;">
muestre la imagen Boton Apretado, hacemos un bucle de 0 a 100000 para generar un retardo y</div>
<div class="separator" style="clear: both;">
luego ocultamos la imagen Boton Apretado.</div>
<div class="separator" style="clear: both;">
Para ese bucle podría utilizarse la función Sleep que nos provee vb pero tendríamos que también</div>
<div class="separator" style="clear: both;">
declarar el uso de un api.</div>
<div class="separator" style="clear: both;">
Y listo con eso ya tendríamos lo que queríamos hacer.</div>
<div class="separator" style="clear: both;">
Saludos y espero que les sirva.</div>
<div class="separator" style="clear: both;">
a qui una breve de como quedaría el trabajo ya terminado</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNk9fPuiEFsbBVKzdSTIVhCtrDgZU1wSHUvh9spDTZ1nZxzu5y3yTIbi9wuJd4qsAWB1p7nF9m3_BqTbRx84F5fyWkns1sYeKBhYWEs1nk-vjlb02ewwViYe55_ESRCwlUHxLltFm7aEmW/s1600/no-mames.com.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="256" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNk9fPuiEFsbBVKzdSTIVhCtrDgZU1wSHUvh9spDTZ1nZxzu5y3yTIbi9wuJd4qsAWB1p7nF9m3_BqTbRx84F5fyWkns1sYeKBhYWEs1nk-vjlb02ewwViYe55_ESRCwlUHxLltFm7aEmW/s1600/no-mames.com.gif" width="320" /></a></div>
<div class="separator" style="clear: both;">
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

<ins class="adsbygoogle"
     style="display:inline-block;width:234px;height:60px"
     data-ad-client="ca-pub-6123383525339038"
     data-ad-slot="5218675366"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script></div>
<div class="separator" style="clear: both;">
<a href="http://informatica-proibida.blogspot.com/2014/04/efecto-combinado-para-los-forms-visual.html#" id="flotante" style="-webkit-text-stroke-width: 0px; background-color: white; background-image: url(http://informatica-proibida.blogspot.com/); background-position: 50% 50%; background-repeat: no-repeat no-repeat; clear: both; color: black; font-family: 'helvetica neue', arial, sans-serif; font-size: small; font-style: normal; font-variant: normal; font-weight: normal; height: 360px; letter-spacing: normal; line-height: 20.799999237060547px; margin-top: -365px; orphans: auto; position: relative; text-align: left; text-decoration: none; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; width: 640px; word-spacing: 0px;"></a></div>
<div id="aim21122286279642883794" style="-webkit-text-stroke-width: 0px; background-color: white; color: #333333; font-family: 'helvetica neue', arial, sans-serif; font-size: small; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 20.799999237060547px; orphans: auto; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;">
<div id="aim23327554375511170614" style="-webkit-text-stroke-width: 0px; background-color: white; color: #333333; font-family: 'helvetica neue', arial, sans-serif; font-size: small; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 20.799999237060547px; orphans: auto; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px;">
cualquier duda que tengan comenten o deja un buen comentario en apoyo a mi trabajo<br />
<span style="background-color: white; color: #333333; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 19.200000762939453px;">No olviden visitar mi Web Oficial |</span><a href="http://no-mames.com/" style="background-color: white; color: #999999; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 19.200000762939453px; text-decoration: none;"><b><span style="color: magenta;">no-mames.com</span></b></a><span style="background-color: white;"><span style="color: #333333; font-family: Verdana, Geneva, sans-serif;"><span style="font-size: 12px; line-height: 19.200000762939453px;">| solo por apoyo ya que hay no hablo nada sobre programación hay es algo mas ligero y solo de pasatiempo así que espero tener su apoyo en mi humilde web y pues a un que sea me den un me gusta o algo a si bueno ya mucho bla bla bla </span></span></span><br />
<b style="background-color: white;"><span style="color: #333333; font-family: Verdana, Geneva, sans-serif;"><span style="font-size: 12px; line-height: 19.200000762939453px;">Empezando con tutoriales super básicos apoyame con un me gusta si el post su de tu agrado</span></span></b></div>
<center><script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

<ins class="adsbygoogle"
     style="display:inline-block;width:336px;height:280px"
     data-ad-client="ca-pub-6123383525339038"
     data-ad-slot="3276222169"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script></center>
</div>

Efecto con botones visual basic 6.0

Este tutorial se va a basar en efectos con botones. Empecemos: Como primer paso elegimos o hacemos las imágenes que van a estar...