Skip to main content

Website to Android App | Android Tutorials | Covert your website an Android App.




Ever Dream about an Android app. Let us Start with Simple Website 
to an Android app.All you need is Create a Project with Empty layout
in Android Studio, and replace with the below files, 
all you need to do is replace "Package Name","tool.context",
"webView.Url","appName" . Thats it. Your app is ready. If you need 
how to change your icon, Ask me in comment box.


Activity_main.xml


<?xml version="1.0" encoding="utf-8"?>
<FrameLayout 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="5dp"android:paddingLeft=
"5dp"android:paddingRight="5dp"android:paddingTop="5dp"android:orientation=
"vertical"android:gravity="center_horizontal|center_vertical"    
tools:context="com.rgsupports.www.example.MainActivity">

<WebView    android:id="@+id/webView"    android:layout_width="fill_parent"    
android:layout_height="fill_parent" />

<LinearLayout    android:id="@+id/layoutProgress"   
 android:layout_width="fill_parent"    android:layout_height="fill_parent"    
android:orientation="vertical"    android:gravity=
"center_horizontal|center_vertical" >
    <TextView        android:id="@+id/textLoading"        
android:text="@string/label_loading"        android:textSize="20sp"  
      android:textStyle="bold"        android:layout_width="wrap_content"   
     android:layout_height="wrap_content" />
    <View        android:layout_width="fill_parent"       
 android:layout_height="20dp" />

    <ProgressBar        android:layout_width="fill_parent"   
     android:layout_height="26dp"        android:id="@+id/progressBar"    
    style="?android:attr/progressBarStyleLarge"      
  android:layout_gravity="center_vertical" />
</LinearLayout>

</FrameLayout>



Mainactivity.java



package com.rgsupports.www.example;

        import android.content.Context;
        import android.graphics.Bitmap;
        import android.net.ConnectivityManager;
        import android.net.NetworkInfo;
        import android.support.v7.app.AppCompatActivity;
        import android.os.Bundle;
        import android.view.View;
        import android.webkit.WebSettings;
        import android.webkit.WebView;
        import android.webkit.WebViewClient;
        import android.widget.LinearLayout;
        import android.widget.ProgressBar;
        import android.widget.Toast;

public class MainActivity extends AppCompatActivity {
    private WebView webView;
    private ProgressBar progressBar;
    private LinearLayout layoutProgress;
    @Override    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        webView = (WebView) findViewById(R.id.webView);
        progressBar = (ProgressBar) findViewById(R.id.progressBar);
        layoutProgress = (LinearLayout) findViewById(R.id.layoutProgress);
        webView.setVisibility(View.GONE);
        WebSettings settings = webView.getSettings();
        settings.setJavaScriptEnabled(true);
        settings.setBuiltInZoomControls(true);
        settings.setSupportZoom(true);
        settings.setDisplayZoomControls(false);
        webView.setWebViewClient(new WebViewClient() {
            @Override           
         public boolean shouldOverrideUrlLoading(WebView view, String url) {
                view.loadUrl(url);
                return true;
            }

            @Override           
         public void onPageFinished(WebView view, String url) {
                webView.setVisibility(View.VISIBLE);
                layoutProgress.setVisibility(View.GONE);
                progressBar.setIndeterminate(false);
                super.onPageFinished(view, url);

            }

            @Override           
          public void onPageStarted(WebView view, String url, Bitmap favicon) {
                layoutProgress.setVisibility(View.VISIBLE);
                progressBar.setIndeterminate(true);
                super.onPageStarted(view, url, favicon);
            }
        });
        if(isOnline()) {
            webView.loadUrl("https://www.example.com");
        } else {
            String summary = 
        "<html><body><font color='red'>No Internet Connection</font></body></html>";
            webView.loadData(summary, "text/html", null);
            toast("No Internet Connection.");
        }
    }
    private void toast(String message) {
        Toast.makeText(this, message, Toast.LENGTH_LONG).show();
    }

    private boolean isOnline() {
        ConnectivityManager cm =
 (ConnectivityManager) getSystemService(Context.CONNECTIVITY_SERVICE);
        NetworkInfo netInfo = cm.getActiveNetworkInfo();
        return (netInfo != null && netInfo.isConnected());
    }
}



String.xml


<resources>
    <string name="app_name">App Name</string>
    <string name="label_loading">Loading..</string>
</resources>



AndroidManifest.xml

<?xml version="1.0" encoding="utf-8"?><manifest xmlns:android=
"http://schemas.android.com/apk/res/android"package="com.rgsupports.www.example"
android:versionCode="1"android:versionName="1.0" >

<uses-sdk    android:minSdkVersion="8"    android:targetSdkVersion="23" />

<uses-permission android:name="android.permission.INTERNET" />
<uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />
<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>
</application>

</manifest>



Comments