Crear Webview dentro de aplicaciones Android

En este artículo, vamos a aprender sobre WebView y cómo usarlo class crear una ventana para ver su sitio web ?

En el ejemplo, a continuación vamos a utilizar el WebView y WebViewClient for para crear una ventana para abrir cualquier página web o una página web en su aplicación.

Para implementar esto en su programa tendrá que class: android.webkit.WebView , android.webkit.WebViewClient en su archivo de java.

A continuación, cree dos archivos de diseño en primer lugar con un solo ImageView y Button:

<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/image"
android:layout_centerHorizontal="true"
android:src="@drawable/includehelp"/>
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Click to save text"
android:id="@+id/button"
android:layout_below="@+id/editText"
android:onClick="share" />

y en segundo lugar, el diseño de una web View como esto:

<WebView
android:layout_width="match_parent"
android:layout_height="400dp"
android:id="@+id/webView"
android:layout_gravity="center_horizontal"
android:layout_weight="1.03" />

En el botón de arriba hemos puesto un conjunto onClick propiedad y que comparten la función que está en el archivo java. Asignamos en función de clic directamente como esto: androide: onclick = “compartir” .

En primer lugar, vamos a tomar la referencia de la web View del archivo de diseño y ponerlo en una variable local.

A continuación, cuando el usuario hace clic en el botón cada vez, hemos habilitado el javascript, al pasar cierto. Después de que se crea una nueva WebViewClient y ponerlo a la vista Web. Luego, cargamos la URL con la web View como esto:

        W = (WebView) findViewById(R.id.webView);
W.getSettings().setJavaScriptEnabled(true);
W.setWebViewClient(new WebViewClient());
String url="http://www.includehelp.com";
W.loadUrl(url);

1) Java Archive 1:

package com.example.hp.myapplication;
import android.content.Intent;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
public class MainActivity extends AppCompatActivity
{
@Override
protected void onCreate(Bundle savedInstanceState)
{
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
}
public void webview(View v) {
Intent in=new Intent(MainActivity.this,Main2Activity.class);
startActivity(in);
}
}

2) Archivo de Java 2:

package com.example.hp.myapplication;
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.webkit.WebView;
import android.webkit.WebViewClient;
public class Main2Activity extends AppCompatActivity {
WebView W;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main2);
W = (WebView) findViewById(R.id.webView);
W.getSettings().setJavaScriptEnabled(true);
W.setWebViewClient(new WebViewClient());
String url="http://www.includehelp.com";
W.loadUrl(url);
}
}

3) XML archivo de 1: archivo

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout >:android="http://schemas.android.com/apk/res/android"
>: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.hp.myapplication.MainActivity">
<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:id="@+id/image"
android:src="@drawable/includehelp"
android:layout_centerHorizontal="true"
android:theme="@style/Base.TextAppearance.AppCompat" />
<Button
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Click here to go to second page"
android:id="@+id/button"
android:layout_alignParentBottom="true"
android:layout_centerHorizontal="true"
android:onClick="webview"/>
</RelativeLayout>

4) XML 2:

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout >:android="http://schemas.android.com/apk/res/android"
>: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.hp.myapplication.Main2Activity">
<WebView
android:layout_width="match_parent"
android:layout_height="400dp"
android:id="@+id/webView"
android:layout_gravity="center_horizontal"
android:layout_weight="1.03" />
</RelativeLayout>

5) El archivo de manifiesto:

<?xml version="1.0" encoding="utf-8"?>
<manifest >:android="http://schemas.android.com/apk/res/android"
package="com.example.hp.myapplication">
<uses-permission android:name="android.permission.INTERNET"/>
<application
android:allowBackup="true"
android:icon="@mipmap/ic_launcher"
android:label="@string/app_name"
android:supportsRtl="true"
android:theme="@style/AppTheme">
<activity android:name=".MainActivity">
<intent-filter>
<action android:name="android.intent.action.MAIN" />
<category android:name="android.intent.category.LAUNCHER" />
</intent-filter>
</activity>
<activity android:name=".Main2Activity"></activity>
</application>
</manifest>

salida


Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *