{"id":1566,"date":"2018-09-26T12:11:58","date_gmt":"2018-09-26T17:11:58","guid":{"rendered":"http:\/\/naps.com.mx\/blog\/?p=1566"},"modified":"2018-10-04T10:23:22","modified_gmt":"2018-10-04T15:23:22","slug":"intent-que-abre-una-url-en-android","status":"publish","type":"post","link":"https:\/\/naps.com.mx\/blog\/intent-que-abre-una-url-en-android\/","title":{"rendered":"Intent que abre una URL en Android"},"content":{"rendered":"

Realizaremos un intent que abre una URL escrita por el usuario en una caja de texto en el navegador predeterminado por el sistema.<\/strong><\/em><\/p>\n

<\/p>\n

Intent que abre una URL<\/h2>\n

Un intent<\/strong><\/em> que abre una URL en Android es un intent impl\u00edcito.\u00a0Un intent impl\u00edcito<\/strong> es una acci\u00f3n que invoca cualquier aplicaci\u00f3n que el dispositivo puede utilizar para realizar una determinada funci\u00f3n. Por ejemplo, no es necesario crear un navegador para abrir una URL, en vista de que Android tiene ya una aplicaci\u00f3n que hace esa funci\u00f3n. En vez de eso, podemos enviar la orden de abrir una URL y pasarle la URL que deseamos abrir.<\/p>\n

Los siguientes pasos se realizan sobre un proyecto que empezamos en un art\u00edculo anterior<\/a>.<\/p>\n

Paso 1<\/strong>. Vamos a agregar un EditText<\/strong><\/em> y un ImageButton<\/strong><\/em> a nuestra aplicaci\u00f3n<\/p>\n

    <EditText\r\n        android:id=\"@+id\/editTextWeb\"\r\n        android:layout_width=\"217dp\"\r\n        android:layout_height=\"47dp\"\r\n        android:layout_marginEnd=\"8dp\"\r\n        android:layout_marginStart=\"48dp\"\r\n        android:ems=\"10\"\r\n        android:inputType=\"text\"\r\n        android:text=\"\"\r\n        app:layout_constraintEnd_toStartOf=\"@+id\/imageButtonWeb\"\r\n        app:layout_constraintStart_toStartOf=\"parent\"\r\n        app:layout_constraintTop_toTopOf=\"@+id\/imageButtonWeb\" \/>\r\n\r\n    <ImageButton\r\n        android:id=\"@+id\/imageButtonWeb\"\r\n        android:layout_width=\"30dp\"\r\n        android:layout_height=\"45dp\"\r\n        android:layout_marginBottom=\"362dp\"\r\n        android:layout_marginEnd=\"54dp\"\r\n        android:background=\"@android:color\/transparent\"\r\n        android:src=\"@drawable\/eye\"\r\n        app:layout_constraintBottom_toTopOf=\"@+id\/imageButtonCamera\"\r\n        app:layout_constraintEnd_toEndOf=\"parent\"\r\n        app:layout_constraintStart_toEndOf=\"@+id\/editTextWeb\"\r\n        app:layout_constraintTop_toBottomOf=\"@+id\/imageButtonPhone\" \/>\r\n<\/pre>\n
Notamos que el EditText<\/strong><\/em> utiliza el id editTextWeb<\/strong><\/em>, y es de tipo Text<\/strong><\/em>.<\/p>\n
El ImageButton<\/strong><\/em> tiene un id<\/strong><\/em> llamado imageButtonWeb<\/strong><\/em> y est\u00e1 asociado a una imagen llamada eye, misma que est\u00e1 en la carpeta drawable bajo el nombre eye.png<\/strong><\/em>.<\/p>\n
Nuestro dise\u00f1o se ver\u00e1 as\u00ed:<\/p>\n
\"Intent<\/a>
Interfaz para el Intent que abre URL<\/p><\/div>\n
Paso 2<\/strong>. Crear objetos y asociarlos<\/p>\n
En nuestro c\u00f3digo Java (ThirdActivity.java), creamos objetos que asociaremos a los elementos XML que acabamos de a\u00f1adir.<\/p>\n
private EditText editTextWeb;\r\nprivate ImageButton imgBtnWeb;\r\n<\/pre>\n
Y los asociamos:<\/p>\n
editTextWeb = (EditText) findViewById(R.id.editTextWeb);\r\nimgBtnWeb = (ImageButton) findViewById(R.id.imageButtonWeb);\r\n<\/pre>\n
Paso 3<\/strong>. Escribimos el evento onClick del ImageButton<\/p>\n
El c\u00f3digo relacionado al evento clic del ImageButton<\/strong><\/em> y que abre una URL es el siguiente:<\/p>\n
imgBtnWeb.setOnClickListener(new View.OnClickListener() {\r\n    @Override\r\n    public void onClick(View view) {\r\n        String url = editTextWeb.getText().toString();\r\n        if (url != null && !url.isEmpty()){\r\n            Intent intentWeb = new Intent();\r\n            intentWeb.setAction(Intent.ACTION_VIEW);\r\n            intentWeb.setData(Uri.parse(\"http:\/\/\"+url));\r\n            startActivity(intentWeb);\r\n        }\r\n     }\r\n});\r\n<\/pre>\n
Este c\u00f3digo extrae el contenido de la URL (String url = editTextWeb.getText().toString();<\/strong><\/em>), verifica que el usuario haya escrito algo en \u00e9l (if (url != null && !url.isEmpty())<\/strong><\/em>), crea un Intent<\/strong><\/em>, le pasa la URL escrita, e inicia el Intent<\/strong><\/em>.<\/p>\n
Una Acci\u00f3n (Action<\/strong><\/em>) es un String<\/strong><\/em> que especifica la acci\u00f3n que se va a realizar. ACTION_VIEW<\/strong><\/em> es una acci\u00f3n com\u00fan que indica a la activity que tenemos informaci\u00f3n para mostrar al usuario, en nuestro caso una \u00a0direcci\u00f3n web.<\/p>\n
Si deseas ver el resultado est\u00e1 aqu\u00ed<\/a>.<\/p>\n
 <\/p>\n
 <\/p>\n
Referencias<\/h3>\n
    \n
  1. Android.com (2018)<\/strong>. Intents y filtros de intents<\/strong><\/a>. Disponible en [https:\/\/developer.android.com\/guide\/components\/intents-filters?hl=es-419]<\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"
    Realizaremos un intent que abre una URL escrita por el usuario en una caja de texto en el navegador predeterminado por el sistema.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"amp_status":"","footnotes":""},"categories":[234],"tags":[198,235,237],"class_list":["post-1566","post","type-post","status-publish","format-standard","hentry","category-aplicaciones-moviles","tag-android","tag-desarrollo-de-aplicaciones-moviles","tag-intents"],"_links":{"self":[{"href":"https:\/\/naps.com.mx\/blog\/wp-json\/wp\/v2\/posts\/1566","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=1566"}],"version-history":[{"count":8,"href":"https:\/\/naps.com.mx\/blog\/wp-json\/wp\/v2\/posts\/1566\/revisions"}],"predecessor-version":[{"id":1598,"href":"https:\/\/naps.com.mx\/blog\/wp-json\/wp\/v2\/posts\/1566\/revisions\/1598"}],"wp:attachment":[{"href":"https:\/\/naps.com.mx\/blog\/wp-json\/wp\/v2\/media?parent=1566"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/naps.com.mx\/blog\/wp-json\/wp\/v2\/categories?post=1566"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/naps.com.mx\/blog\/wp-json\/wp\/v2\/tags?post=1566"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}