{"id":1539,"date":"2018-09-13T17:21:30","date_gmt":"2018-09-13T22:21:30","guid":{"rendered":"http:\/\/naps.com.mx\/blog\/?p=1539"},"modified":"2021-12-23T02:00:19","modified_gmt":"2021-12-23T08:00:19","slug":"funcionalidad-a-un-button-en-android","status":"publish","type":"post","link":"https:\/\/naps.com.mx\/blog\/funcionalidad-a-un-button-en-android\/","title":{"rendered":"Agregar funcionalidad a un Button en Android"},"content":{"rendered":"

Una de las primeras nociones de programaci\u00f3n m\u00f3vil es agregar funcionalidad a un Button en Android. Veamos los pasos para realizarse.<\/strong><\/em><\/p>\n

<\/p>\n

Pasos para agregar funcionalidad a un Button en Android<\/h2>\n

Paso 1. Genera un nuevo proyecto en Android<\/p>\n

Paso 2. Ve a la pesta\u00f1a activity_main.xml<\/strong><\/em> en la vista Design<\/strong><\/p>\n

Paso 3. Selecciona un widget Button<\/strong> e int\u00e9gralo al dise\u00f1o de la App<\/p>\n

Paso 4. Ve a la vista Text<\/strong> y modifica el id=\u201c@+id\/buttonMain\u201d<\/em><\/strong>. Tambi\u00e9n modifica el atributo text=\u201cPulsame\u201d<\/strong>.<\/p>\n

El c\u00f3digo puede verse as\u00ed:\u00a0<\/span><\/p>\n

<Button\r\n\u00a0 \u00a0 android:id=\"@+id\/buttonMain\"\r\n\u00a0 \u00a0 android:layout_width=\"wrap_content\"\r\n\u00a0 \u00a0 android:layout_height=\"wrap_content\"\r\n\u00a0 \u00a0 android:text=\"Pulsame\"\r\n\u00a0 \u00a0 tools:layout_editor_absoluteX=\u201c136dp\u201d\/><\/pre>\n
\"Agregando<\/a>
Agregando funcionalidad a un Button en Android<\/p><\/div>\n
Paso 5. Ve a la pesta\u00f1a del archivo MainActivity.java<\/strong><\/p>\n
Vamos a escribir la funcionalidad del bot\u00f3n que hemos agregado en la interfaz. Veamos el siguiente c\u00f3digo:<\/p>\n
 <\/p>\n
public class MainActivity extends AppCompatActivity implements View.OnClickListener{\r\n\u00a0 \u00a0 private View btn;\r\n\u00a0 \u00a0 @Override\r\n\u00a0 \u00a0 protected void onCreate(Bundle savedInstanceState) {\r\n\u00a0 \u00a0 \u00a0 \u00a0 super.onCreate(savedInstanceState);\r\n\u00a0 \u00a0 \u00a0 \u00a0 setContentView(R.layout.activity_main);\r\n\u00a0 \u00a0 \u00a0 \u00a0 btn = (Button) findViewById(R.id.buttonMain);\r\n\u00a0 \u00a0 \u00a0 \u00a0 btn.setOnClickListener(this);\r\n\u00a0 \u00a0 }\r\n\u00a0 \u00a0 @Override\r\n\u00a0 \u00a0 public void onClick(View view){\r\n\u00a0 \u00a0 \u00a0 \u00a0 Toast.makeText(MainActivity.this, \"Boton pulsado ok\", Toast.LENGTH_LONG).show();\r\n\u00a0 \u00a0 }\r\n}<\/pre>\n
Explicaci\u00f3n:<\/h3>\n
Vamos a implementar la clase View.OnClickListene<\/strong>r, esto nos permitir\u00e1 \u201cescuchar\u201d cuando el usuario seleccione un elemento (en nuestro caso, cuando pulse el bot\u00f3n \u201cPulsame\u201d).<\/p>\n
La instrucci\u00f3n \u00a0 \u00a0 <\/span>btn = (Button) findViewById(R.id.buttonMain)<\/strong> enlaza un recurso de la interfaz de usuario de la aplicaci\u00f3n (buttonMain<\/strong>), con una variable de nuestro c\u00f3digo (btn<\/strong>).<\/p>\n
La instrucci\u00f3n\u00a0 <\/span>btn.setOnClickListener(this)<\/strong>\u00a0 <\/span>nos permitir\u00e1 \u201cescuchar\u201d eventos de clics realizados sobre el bot\u00f3n btn.\u00a0<\/span><\/p>\n
Ahora se puede escribir el m\u00e9todo onClick<\/strong> y enviar un mensaje usando la funci\u00f3n Toast.makeText<\/strong>.\u00a0 <\/span>Esta funci\u00f3n nos muestra una peque\u00f1a ventana emergente con un mensaje de texto que desaparece autom\u00e1ticamente despu\u00e9s de un tiempo de espera. Usa tres par\u00e1metros: la aplicaci\u00f3n de contexto, el mensaje de texto y la duraci\u00f3n en pantalla. La duraci\u00f3n la podemos especificar como LENGTH_LONG<\/strong> o como LENGTH_SHORT<\/strong> para una duraci\u00f3n larga o corta respectivamente.<\/p>\n
Al pulsar el bot\u00f3n veremos algo as\u00ed:\u00a0<\/span><\/p>\n
\"Ejecut\u00e1ndo<\/a>
Ejecut\u00e1ndo el Button en Android<\/p><\/div>\n
Vemos el resultado al ejecutar la aplicaci\u00f3n, se observa un mensaje temporal en la parte de abajo de la pantalla del m\u00f3vil con el mensaje que programamos. Esta es una forma sencilla y correcta de aplicar funcionalidad a un Button en Android.<\/p>\n
Referencias<\/h2>\n
    \n
  1. Creaci\u00f3n de una interfaz de usuario usando XML<\/strong><\/a>. Universidad Polit\u00e9cnica de Valencia.<\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"
    Una de las primeras nociones de programaci\u00f3n m\u00f3vil es agregar funcionalidad a un Button en Android. Veamos los pasos para realizarse.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"amp_status":"","footnotes":""},"categories":[234],"tags":[198,235],"class_list":["post-1539","post","type-post","status-publish","format-standard","hentry","category-aplicaciones-moviles","tag-android","tag-desarrollo-de-aplicaciones-moviles"],"_links":{"self":[{"href":"https:\/\/naps.com.mx\/blog\/wp-json\/wp\/v2\/posts\/1539","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/naps.com.mx\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/naps.com.mx\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/naps.com.mx\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/naps.com.mx\/blog\/wp-json\/wp\/v2\/comments?post=1539"}],"version-history":[{"count":5,"href":"https:\/\/naps.com.mx\/blog\/wp-json\/wp\/v2\/posts\/1539\/revisions"}],"predecessor-version":[{"id":1554,"href":"https:\/\/naps.com.mx\/blog\/wp-json\/wp\/v2\/posts\/1539\/revisions\/1554"}],"wp:attachment":[{"href":"https:\/\/naps.com.mx\/blog\/wp-json\/wp\/v2\/media?parent=1539"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/naps.com.mx\/blog\/wp-json\/wp\/v2\/categories?post=1539"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/naps.com.mx\/blog\/wp-json\/wp\/v2\/tags?post=1539"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}