viernes, 12 de julio de 2019

Cambiar imagen al hacer clic en un boton "Android Studio"

Hoy vamos a ver como hacer algo que en sí, es muy sencillo, y es que tengamos una imagen de fondo en un boton, y al hacer clic sobre el se cambie la imagen, y a su vez, dependiendo de la imagen mostrada, haremos una cosa u otra, comenzamos.



Tendremos en nuesto activity.xml el boton, nuestro ejemplo será el siguiente:

  1. <Button
  2.  android:id="@+id/boton"
  3.  android:layout_width="wrap_content"
  4.  android:layout_height="wrap_content"
  5.  android:background="@drawable/1º_imagen"
  6.  android:onClick="pulsado"/>

Como veis hemos creado un boton que le hemos dado un id llamado boton y un metodo onclick que lo hemos llamado pulsado.

Ahora ya solo nos queda programar en java, que queremos que haga y que fondo le ponemos al hacer clic sobre dicho boton, veamos nuestro archivo MainActivity.java como quedaría:

En primer lugar crearemos un boolean y lo iniciaremos como verdadero.

  1. boolean boton_pulsado = true;
Este boolean lo utilizaremos para ir cambiando de verdadero a falso y así sucesivamente , y segun su estado actuaremos.


  1. public void puldado(View view) {
        if (boton_pulsado){
           //aquí la acción 
        }
    
    }

Como veis al recivir el clic, lo primeros es comprovar el estado del boolen (true o false). Como cuando inicia la aplicacion lo henos puesto en verdadero(true), comenzara con la imagen que le hemos iniciado, a partir de aquí es cuando le cambiamos la imagen , cambiamos el estado del boolean y le decimos que queremos que haga.

  1. public void puldado(View view) {
        if (boton_pulsado){
            boton_pulsado= false;
            nuestro_boton.setBackgroundResource(R.drawable.2º_imagen);
           //aquí la acción que queramos
  2.     }
    
    }

Ya tenemos cambiado el boolean a false, la imagen de fondo la hemos cambiado y hemos realizado la acción que queriamos.
Ahora solo nos queda decirle que queremos que haga cuando haya cambiado la imagen, lo hariamos añadiendo el siguiente código.


  1. else {
        boton_pulsado = true;
    pulsado.setBackgroundResource(R.drawable.1º_imagen);
    //aquí la acción que queramos
        
  2. }

Ahora que teniamos el boolean en falso(false) lo hemos vuelto a pasar a verdadero(true) , hemos vuelto a poner la imagen que teniamos al inicio y hemos ejecutado la segunda acción.

Para que lo veais mas claro voy a poner un ejemplo con un boton que utilizaremos para iniciar y parar una reproducción, boton play stop.



  1. public void puldado(View view) {
        if (boton_pulsado){
            boton_pulsado = false;
            pulsado.setBackgroundResource(R.drawable.stop);
            //ponemos en marcha la reproducción
    
  2.         mMediaPlayer.play();
        }else {
            boton_pulsado = true;
            pulsado.setBackgroundResource(R.drawable.play);
            //paramos la reproducción 
  3.         mMediaPlayer.stop();
        }
    
    }

Como habeis visto es sencillo cambiar imagen del boton y además ejecutar una acción diferente segun sea su imagen de fondo.

Espero que os sea útil.


Un saludo.

miércoles, 17 de abril de 2019

Solucionar luz roja en ambientador Air Wick Freshmatic

Hoy vamos a ver como solucionar el error de la luz roja en estos ambientadores.


A estos ambientadores para evitar el uso de recambios (no originales) le colocaron un "sensor" que comprobaba si el bote puesto era de su marca, la idea como tal, podría ser valida, pero lo que ocurre es que con el paso del tiempo este "sensor" deja de funcionar ó funciona incorrectamente, con lo cual solo dispara el primer golpe y a continuación tenemos el aviso piloto rojo y deja de funcionar.
Para reparar este problema es muy sencillo y no no llevará mas de 15 o 20 minutos, y necesitaremos unas herramientas que todo manitas tiene en casa: un destornillador, un soldador de estaño y trozo pequeño de cable (2cm).


Empezamos a ello:

Abrimos la tapa y localizamos los dos tornillos, que aunque veais que tienen cabeza triangular, se pueden aflojar perfectamente con un destornillador plano

Una vez quitados los dos tornillos, retiramos la tapa que cubre el mecanismo y localizamos el sensor, tiramos de el hacia arriba y sale sin ningun esfuerzo.
Una vez que lo tengamos fuera, podemos ver los cuatro puntos de soldadura donde vamos a trabajar, para que lo hagamos mas comodo cortaremos el plástico marcado en la foto de abajo.



Cuando ya tengamos el todo preparado, lo que tenemos que hacer es un puente entre los pin Nº3 y el pin Nº4, tal y como se muestra en la imagen de abajo.

Una vez hecho el puente ya solo nos queda volver a montar todo de nuevo y tendremos nuestro ambientador listo para seguir funcionando.
Como podeis ver el puente es sencillo de hacer.


Pues esto ha sido todo, espero que os sea útil, cualquier duda, comentar.

Un saludo.

miércoles, 20 de junio de 2018

Tachar texto en html

Hoy vamos a ver como tachar un texto en html, puede que necesitemos tacharlo en lugar de eliminarlo por motivos de indexacción o simplemente queremos que siga mostrándose, pero indicarle al visitante que ya no está activo o vigente dicho texto.

Veamos como hacerlo.

Tachar texto en html




Lo que tenemos que hacer es meter el texto a tachar entra las etiquetas de apertura y cierre  "strike"
quedando de la siguiente manera:


  1. <strike>este texto se mostrará tachado</strike>


Y en el navegador del visitante lo verá  así:


este texto se mostrará tachado




Espero que os haya sido útil.

Un saludo.

lunes, 18 de junio de 2018

Abrir un enlace o vinculo en nueva pestaña o ventana html

Hoy vamos a ver como decirle a un enlace o vinculo que se abra en un a nueva ventana.
Veamos como hacerlo.


abrir enlace o vinculo en nueva pestaña o ventana


Cogeremos el enlace que queramos darle esta funcion, que tendrá una estructura parecida a esta:


  1. <a href="aquí la url">aquí el texto a mostrar</a>


Y simplemente al enlace anterior le tendremos que añadir el siguiente código:


  1. target="_blank"


Quedando el enlace de la siguiente manera:



  1. <a href="aquí la url" target="_blank">aquí el texto a mostrar</a>



Como podéis ver la solución es fácil y rápida de hacer.




Espero que os haya sido útil.


Un saludo.


lunes, 4 de junio de 2018

Comprobar si dos campos de Email son iguales

Hoy vamos a ver como comprobar  si los dos email introducidos son iguales. A la hora de que se registre un usuario, en ocasiones necesitamos que vuelva escribir la dirección de correo electrónico con el único fin de que a la hora de escribirlo se pueda confundir, lo que ello llevaría a un registro nulo, y dependiendo de los datos a introducir en el registro, se le podria complicar hecer un nuevo registro.

Veamos como hacerlo.


comprobar si dos email son iguales

Lo primero que tenemos que hacer en el formulario de registro es crear un nuevo campo de texto para que puedan repetir el email




  1. <p> Clave: 
  2. <input type="text" name="clave1" maxlength="12" size="20" required="required"></p>
  3. <p><br>
  4.   Repite Clave: 
  5.   <input type="text" name="clave2" maxlength="12" size="20" required="required"></p>
  6. <p>



y una vez tengamos duplicado el campo, vayamos a validarlo con javascript, para que los dos sean iguales, si no lo son, se lo hacemos saber, en este caso, será mediante una alerta.

Lo haremos con el siguiente código:



  1. var c1 = document.mi_formulario.clave1.value;
  2. var c2 = document.mi_formulario.clave2.value;

  3. if (c1 != c2) {
  4. alert ("Las contraseñas introducidas no son iguales");
  5. return false;
  6. }else {
  7. alert('Contraseña correcta');
  8. }
  9. }


Como veis es un código sencillo, a continuación os dejo un  ejemplo para que veais el funcionamiento:



Clave:

Repite Clave:

Veréis que al darle al botón de comprobar  validara si los dos campos son iguales.






Espero que os haya sido útil.


Un saludo.