Ingenieros de Sistemas

Ingenieros de Sistemas
Innovando

jueves, 18 de diciembre de 2014

Widget Switch

Que es un  Switch  

Un Switch es un tipo de botón que sólo puede tener dos estados ON y OFF. Puede establecer el estado inicial y luego el usuario puede cambiarlo. 
Para obtener el estado actual se puede comprobar si el interruptor está marcada o no, además de que se puede adjuntar una OnCheckedChangeListener al interruptor para obtener la notificación cuando cambia el estado. 


Se añade un Switch a la página arrastrándolo y soltándolo en un espacio vacío en el espacio de trabajo del Diseñador, haciendo doble clic en él, o dibujándolo del tamaño que desee directamente en el área de trabajo del Diseñador.
Puede asignar la fuente de datos (por ejemplo, un atributo de tipo Booleano) arrastrándolo y soltándolo en la parte superior del widget. Si la fuente de datos es un atributo, el nombre del atributo se inserta automáticamente en la propiedad Label.
Si introduce un nombre de fuente de datos que no existe, una fuente de datos variable se creará automáticamente con el mismo nombre.

    Eventos 

             1 OnTouchListener:
       Interfaz para una devolución de llamada que se invoca cuando un evento táctil se envía a este             punto de vista. La devolución de llamada se invoca antes se da el caso de contacto con la vista             dentro de OnTouchListener posee:
  • On Touch Start: cuando el usuario toca el widget.
  • On Touch Move: cuando el dedo del usuario se mueve sobre el widget.
  • On Touch End: cuando el usuario ha eliminado un dedo desde el widget.
  • On Touch Cancel: un toque en el widget se ha interrumpido.

             2  OnChekedChangeListener:
        Interfaz para una devolución de llamada que se invoca cuando el estado de activación de un                 botón compuesto cambió.


          Propiedades 
  • ID: Se genera automáticamente esta identificación única; sin embargo, puede modificarla. Debe comenzar con una letra y puede contener letras, dígitos, guiones y guiones bajos.
  • Hide widget on load: esta opción le permite ocultar el widget cuando la página se carga por primera vez.
  • Source: nombre de una fuente de datos, como un atributo booleano. Puede introducir el nombre de la fuente de datos o asignarlo de forma automática arrastrando y soltando la fuente de datos en el widget.
  • Error ID: cuando incluye el ID de un widget Display Error, aparece un mensaje de error que se produjo con el widget Switch en el widget Display Error.
  • On by default: define si el Switch está en “on” por defecto.
  • Label: el Switch label.
  •  Off Text/On Text: puede modificar el Text.
  •  Container: Puede modificar fondo, tamaño y posición.
  •  Off Container/On Container: Los dos contenedores del Switch. Para este elemento, se puede modificar fondo y borde.
  • Container: Puede modificar fondo, tamaño y posición.
  • Switch: Para el switch real en el Switch, puede modificar fondo y borde Switch: Para el switch real en el Switch, puede modificar fondo y borde.
Creación del Switch

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context="com.example.widgetswitch.MainActivity" >

    <Switch
        android:id="@+id/switch1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/ssswitch" />

    <TextView
        android:id="@+id/textView1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_below="@+id/switch1"
        android:text=""
        />

</RelativeLayout>


package com.example.widgetswitch;

import android.app.Activity;
import android.os.Bundle;
import android.view.Menu;
import android.view.MenuItem;
import android.widget.CompoundButton;
import android.widget.CompoundButton.OnCheckedChangeListener;
import android.widget.Switch;
import android.widget.TextView;

public class MainActivity extends Activity implements OnCheckedChangeListener{

      Switch sw1;
      TextView tv1;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        sw1=(Switch)findViewById(R.id.switch1);
        tv1=(TextView)findViewById(R.id.textView1);
        sw1.setOnCheckedChangeListener(this);
       
    }
    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        // Inflate the menu; this adds items to the action bar if it is present.
        getMenuInflater().inflate(R.menu.main, menu);
        return true;
    }

    @Override
    public boolean onOptionsItemSelected(MenuItem item) {
        // Handle action bar item clicks here. The action bar will
        // automatically handle clicks on the Home/Up button, so long
        // as you specify a parent activity in AndroidManifest.xml.
        int id = item.getItemId();
        if (id == R.id.action_settings) {
            return true;
        }
        return super.onOptionsItemSelected(item);
    }

      @Override
      public void onCheckedChanged(CompoundButton buttonView, boolean isChecked) {
            if(isChecked){
                  tv1.setText("Estas en ON");
            }else{
                  tv1.setText("Estas en OFF");  }
} }

Programación del Emulador para el  Switch

Esta es la configuración que debe tener el emulador para que el widget switch pueda funcionar correctamente



Video del Switch



1 comentario:

  1. Aqui se explica las funciones eventos y propiedades del widget switch y muestra un vidfeo de como se esta ejecutando y como se deve hacer

    ResponderEliminar