How to Convert Any Website to Android App in Android Studio? - GeeksforGeeks (2024)

<?xml version="1.0" encoding="utf-8"?>

<!-- Constraint Layout to display all the details of header file -->

<androidx.constraintlayout.widget.ConstraintLayout

android:layout_width="match_parent"

android:layout_height="@dimen/nav_header_height"

android:background="#6C6B74"

android:gravity="bottom"

android:orientation="vertical"

android:paddingLeft="@dimen/activity_horizontal_margin"

android:paddingTop="@dimen/activity_vertical_margin"

android:paddingRight="@dimen/activity_horizontal_margin"

android:paddingBottom="@dimen/activity_vertical_margin"

android:theme="@style/ThemeOverlay.AppCompat.Dark">

<!-- Image View to display logo of application in header -->

<ImageView

android:id="@+id/imageView"

android:layout_width="107dp"

android:layout_height="87dp"

android:layout_gravity="center"

android:contentDescription="@string/nav_header_desc"

android:foregroundGravity="center"

android:paddingTop="@dimen/nav_header_vertical_spacing"

app:layout_constraintBottom_toBottomOf="parent"

app:layout_constraintEnd_toEndOf="parent"

app:layout_constraintStart_toStartOf="parent"

app:layout_constraintTop_toTopOf="parent"

app:layout_constraintVertical_bias="0.247"

app:srcCompat="@drawable/gfg_round" />

<!-- TextView for name of application -->

<TextView

android:layout_width="wrap_content"

android:layout_height="51dp"

android:layout_gravity="center"

android:gravity="center"

android:paddingTop="@dimen/nav_header_vertical_spacing"

android:text="GeeksForGeeks"

android:textAppearance="@style/TextAppearance.AppCompat.Body1"

android:textColor="#01A109"

android:textSize="24sp"

android:textStyle="bold"

app:layout_constraintBottom_toBottomOf="parent"

app:layout_constraintEnd_toEndOf="parent"

app:layout_constraintStart_toStartOf="parent"

app:layout_constraintTop_toTopOf="@+id/imageView"

app:layout_constraintVertical_bias="1.0" />

</androidx.constraintlayout.widget.ConstraintLayout>

<?xml version="1.0" encoding="utf-8"?>

<!-- Group is used to group all these items together -->

<group android:checkableBehavior="single">

<!-- Three items are added as name of three portals -->

<!-- Portal number 1- Home -->

<!-- menu category is used as secondary so that backstack

(going back by pressing back button) can be used -->

<item

android:id="@+id/nav_home"

android:icon="@drawable/home"

android:menuCategory="secondary"

android:title="@string/menu_home" />

<!-- Portal number 2- Practice -->

<item

android:id="@+id/nav_gallery"

android:icon="@drawable/practice_gfg"

android:menuCategory="secondary"

android:title="Practice" />

<!-- Portal number 3- Contribute -->

<item

android:id="@+id/nav_slideshow"

android:icon="@drawable/contribute_gfg"

android:menuCategory="secondary"

android:title="Contribute" />

</group>

</menu>

<?xml version="1.0" encoding="utf-8"?>

<!-- DrawerLayout acts as top level container for window content that allows for

interactive “drawer” views to be pulled out from one or both vertical edges of the window -->

<androidx.drawerlayout.widget.DrawerLayout

android:id="@+id/drawer_layout"

android:layout_width="match_parent"

android:layout_height="match_parent"

android:fitsSystemWindows="true"

tools:openDrawer="start">

<!-- To reuse layouts include tag is used -->

<include

layout="@layout/app_bar_main"

android:layout_width="match_parent"

android:layout_height="match_parent" />

<!-- Navigation view to make navigation drawer -->

<com.google.android.material.navigation.NavigationView

android:id="@+id/nav_view"

android:layout_width="wrap_content"

android:layout_height="match_parent"

android:layout_gravity="start"

android:background="#2E303E"

android:fitsSystemWindows="true"

app:headerLayout="@layout/nav_header_main"

app:itemIconTint="#fff"

app:itemTextColor="#fff"

app:menu="@menu/activity_main_drawer" />

</androidx.drawerlayout.widget.DrawerLayout>

<?xml version="1.0" encoding="utf-8"?>

<navigation

android:id="@+id/mobile_navigation"

app:startDestination="@+id/nav_home">

<!-- These fragments are made to work on all

the items listed in navigation drawer

so that the java files can be managed separately -->

<!-- Fragment for Home portal-->

<fragment

android:id="@+id/nav_home"

android:name="com.example.geeksforgeeks.ui.home.HomeFragment"

android:label="@string/menu_home"

tools:layout="@layout/fragment_home" />

<!-- Fragment for Practice portal-->

<fragment

android:id="@+id/nav_gallery"

android:name="com.example.geeksforgeeks.ui.gallery.GalleryFragment"

android:label="Practice"

tools:layout="@layout/fragment_gallery" />

<!-- Fragment for Contribute-->

<fragment

android:id="@+id/nav_slideshow"

android:name="com.example.geeksforgeeks.ui.slideshow.SlideshowFragment"

android:label="Contribute"

tools:layout="@layout/fragment_slideshow" />

</navigation>

<?xml version="1.0" encoding="utf-8"?>

<androidx.constraintlayout.widget.ConstraintLayout

android:layout_width="match_parent"

android:layout_height="match_parent"

tools:context=".ui.home.HomeFragment">

<!-- WebView is added on full screen so that application interface can

be interactive and user can the web content is visible on full screen -->

<WebView

android:id="@+id/web_view_home"

android:layout_width="match_parent"

android:layout_height="match_parent"

app:layout_constraintBottom_toBottomOf="parent"

app:layout_constraintEnd_toEndOf="parent"

app:layout_constraintStart_toStartOf="parent"

app:layout_constraintTop_toTopOf="parent" />

</androidx.constraintlayout.widget.ConstraintLayout>

<?xml version="1.0" encoding="utf-8"?>

<androidx.constraintlayout.widget.ConstraintLayout

android:layout_width="match_parent"

android:layout_height="match_parent"

tools:context=".ui.gallery.GalleryFragment">

<WebView

android:id="@+id/web_view_practice"

android:layout_width="match_parent"

android:layout_height="match_parent"

app:layout_constraintBottom_toBottomOf="parent"

app:layout_constraintEnd_toEndOf="parent"

app:layout_constraintHorizontal_bias="0.0"

app:layout_constraintStart_toStartOf="parent"

app:layout_constraintTop_toTopOf="parent"

app:layout_constraintVertical_bias="0.0" />

</androidx.constraintlayout.widget.ConstraintLayout>

<?xml version="1.0" encoding="utf-8"?>

<androidx.constraintlayout.widget.ConstraintLayout

android:layout_width="match_parent"

android:layout_height="match_parent"

tools:context=".ui.slideshow.SlideshowFragment">

<WebView

android:id="@+id/web_view_contribute"

android:layout_width="match_parent"

android:layout_height="match_parent"

app:layout_constraintBottom_toBottomOf="parent"

app:layout_constraintEnd_toEndOf="parent"

app:layout_constraintStart_toStartOf="parent"

app:layout_constraintTop_toTopOf="parent" />

</androidx.constraintlayout.widget.ConstraintLayout>

<?xml version="1.0" encoding="utf-8"?>

<androidx.constraintlayout.widget.ConstraintLayout

android:layout_width="match_parent"

android:layout_height="match_parent"

android:background="#6C6B74"

tools:context=".help">

<!-- Image to display help sign-->

<ImageView

android:id="@+id/imageView3"

android:layout_width="255dp"

android:layout_height="173dp"

app:layout_constraintBottom_toBottomOf="parent"

app:layout_constraintEnd_toEndOf="parent"

app:layout_constraintStart_toStartOf="parent"

app:layout_constraintTop_toTopOf="parent"

app:layout_constraintVertical_bias="0.222"

app:srcCompat="@drawable/help" />

<!-- Indicating user that we are here

to help by using a textview-->

<TextView

android:id="@+id/textView2"

android:layout_width="371dp"

android:layout_height="95dp"

android:background="#2E303E"

android:text="For any kind of queries or help you can contact us at-"

android:textColor="#FFFCFC"

android:textSize="30sp"

app:layout_constraintBottom_toBottomOf="parent"

app:layout_constraintEnd_toEndOf="parent"

app:layout_constraintStart_toStartOf="parent"

app:layout_constraintTop_toBottomOf="@+id/imageView3"

app:layout_constraintVertical_bias="0.296" />

<!-- Contact details for help-->

<TextView

android:id="@+id/textView3"

android:layout_width="393dp"

android:layout_height="59dp"

android:background="#2E303E"

android:text="careers@geeksforgeeks.org"

android:textColor="#FFFFFF"

android:textSize="30sp"

app:layout_constraintBottom_toBottomOf="parent"

app:layout_constraintEnd_toEndOf="parent"

app:layout_constraintHorizontal_bias="0.666"

app:layout_constraintStart_toStartOf="parent"

app:layout_constraintTop_toBottomOf="@+id/textView2"

app:layout_constraintVertical_bias="0.159" />

</androidx.constraintlayout.widget.ConstraintLayout>

import android.webkit.WebView;

import android.webkit.WebViewClient;

// class is extended to WebViewClient to access the WebView

public class WebViewController extends WebViewClient {

@Override

public boolean shouldOverrideUrlLoading(WebView view, String url) {

// loadurl function will load the

// url we will provide to our webview

view.loadUrl(url);

return true;

}

}

import android.webkit.WebView

import android.webkit.WebViewClient

// class is extended to WebViewClient to access the WebView

class WebViewController : WebViewClient() {

override fun shouldOverrideUrlLoading(view: WebView, url: String): Boolean {

// loadurl function will load the

// url we will provide to our webview

view.loadUrl(url)

return true

}

}

import android.os.Bundle;

import android.view.LayoutInflater;

import android.view.View;

import android.view.ViewGroup;

import android.webkit.WebView;

import androidx.annotation.NonNull;

import androidx.fragment.app.Fragment;

import androidx.lifecycle.ViewModelProvider;

import com.example.geeksforgeeks.R;

import com.example.geeksforgeeks.WebViewController;

public class HomeFragment extends Fragment {

private HomeViewModel homeViewModel;

public View onCreateView(@NonNull LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {

homeViewModel = new ViewModelProvider(this).get(HomeViewModel.class);

View root = inflater.inflate(R.layout.fragment_home, container, false);

// Created a WebView and used the loadurl method to give url to WebViewController class

WebView webView = root.findViewById(R.id.web_view_home);

webView.setWebViewClient(new WebViewController()); // WebViewController is used

return root;

}

}

import android.os.Bundle

import android.view.LayoutInflater

import android.view.View

import android.view.ViewGroup

import android.webkit.WebView

import androidx.fragment.app.Fragment

import androidx.lifecycle.ViewModelProvider

import com.example.geeksforgeeks.WebViewController

class HomeFragment : Fragment() {

private lateinit var homeViewModel: HomeViewModel

override fun onCreateView(inflater: LayoutInflater, container: ViewGroup?, savedInstanceState: Bundle?): View {

homeViewModel = ViewModelProvider(this).get(HomeViewModel::class.java)

val root: View = inflater.inflate(R.layout.fragment_home, container, false)

// Created a WebView and used the loadurl method to give url to WebViewController class

val webView = root.findViewById<WebView>(R.id.web_view_home)

webView.webViewClient = WebViewController() // WebViewController is used

return root

}

}

import android.os.Bundle;

import android.view.LayoutInflater;

import android.view.View;

import android.view.ViewGroup;

import android.webkit.WebView;

import androidx.annotation.NonNull;

import androidx.fragment.app.Fragment;

import androidx.lifecycle.ViewModelProvider;

import com.example.geeksforgeeks.R;

import com.example.geeksforgeeks.WebViewController;

public class GalleryFragment extends Fragment {

private GalleryViewModel galleryViewModel;

public View onCreateView(@NonNull LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {

galleryViewModel = new ViewModelProvider(this).get(GalleryViewModel.class);

View root = inflater.inflate(R.layout.fragment_gallery, container, false);

WebView webView = root.findViewById(R.id.web_view_practice);

webView.setWebViewClient(new WebViewController());

return root;

}

}

import android.os.Bundle

import android.view.LayoutInflater

import android.view.View

import android.view.ViewGroup

import android.webkit.WebView

import androidx.fragment.app.Fragment

import androidx.lifecycle.ViewModelProvider

import com.example.geeksforgeeks.WebViewController

class GalleryFragment : Fragment() {

private lateinit var galleryViewModel: GalleryViewModel

override fun onCreateView(inflater: LayoutInflater, container: ViewGroup?, savedInstanceState: Bundle?): View {

galleryViewModel = ViewModelProvider(this).get(GalleryViewModel::class.java)

val root: View = inflater.inflate(R.layout.fragment_gallery, container, false)

val webView = root.findViewById<WebView>(R.id.web_view_practice)

webView.webViewClient = WebViewController()

return root

}

}

import android.os.Bundle;

import android.view.LayoutInflater;

import android.view.View;

import android.view.ViewGroup;

import android.webkit.WebView;

import androidx.annotation.NonNull;

import androidx.fragment.app.Fragment;

import androidx.lifecycle.ViewModelProvider;

import com.example.geeksforgeeks.R;

import com.example.geeksforgeeks.WebViewController;

public class SlideshowFragment extends Fragment {

private SlideshowViewModel slideshowViewModel;

public View onCreateView(@NonNull LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {

slideshowViewModel = new ViewModelProvider(this).get(SlideshowViewModel.class);

View root = inflater.inflate(R.layout.fragment_slideshow, container, false);

WebView webView = root.findViewById(R.id.web_view_contribute);

webView.setWebViewClient(new WebViewController());

return root;

}

}

import android.os.Bundle

import android.view.LayoutInflater

import android.view.View

import android.view.ViewGroup

import android.webkit.WebView

import androidx.fragment.app.Fragment

import androidx.lifecycle.ViewModelProvider

import com.example.geeksforgeeks.WebViewController

class SlideshowFragment : Fragment() {

private lateinit var slideshowViewModel: SlideshowViewModel

override fun onCreateView(inflater: LayoutInflater, container: ViewGroup?, savedInstanceState: Bundle?): View {

slideshowViewModel = ViewModelProvider(this).get(SlideshowViewModel::class.java)

val root: View = inflater.inflate(R.layout.fragment_slideshow, container, false)

val webView = root.findViewById<WebView>(R.id.web_view_contribute)

webView.webViewClient = WebViewController()

return root

}

}

import android.content.Intent;

import android.os.Bundle;

import android.view.Menu;

import androidx.appcompat.app.AppCompatActivity;

import androidx.appcompat.widget.Toolbar;

import androidx.drawerlayout.widget.DrawerLayout;

import androidx.navigation.NavController;

import androidx.navigation.Navigation;

import androidx.navigation.ui.AppBarConfiguration;

import androidx.navigation.ui.NavigationUI;

import com.google.android.material.floatingactionbutton.FloatingActionButton;

import com.google.android.material.navigation.NavigationView;

public class MainActivity extends AppCompatActivity {

private AppBarConfiguration mAppBarConfiguration;

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

Toolbar toolbar = findViewById(R.id.toolbar);

setSupportActionBar(toolbar);

// Code for floating button

FloatingActionButton fab = findViewById(R.id.fab);

// On click listener is used on floating button

// to redirect to help activity

fab.setOnClickListener(view -> {

// Intent is used to connect help activity to floating button

Intent activity2Intent = new Intent(getApplicationContext(), help.class);

startActivity(activity2Intent);

});

// default code for drawer layout and navigation view

DrawerLayout drawer = findViewById(R.id.drawer_layout);

NavigationView navigationView = findViewById(R.id.nav_view);

// Passing each menu ID as a set of Ids because each

// menu should be considered as top level destinations.

mAppBarConfiguration = new AppBarConfiguration.Builder(

R.id.nav_home, R.id.nav_gallery, R.id.nav_slideshow)

.setOpenableLayout(drawer)

.build();

// default code to control the navigation view

NavController navController = Navigation.findNavController(this, R.id.nav_host_fragment);

NavigationUI.setupActionBarWithNavController(this, navController, mAppBarConfiguration);

NavigationUI.setupWithNavController(navigationView, navController);

}

@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 onSupportNavigateUp() {

NavController navController = Navigation.findNavController(this, R.id.nav_host_fragment);

return NavigationUI.navigateUp(navController, mAppBarConfiguration)

|| super.onSupportNavigateUp();

}

}

import android.content.Intent

import android.os.Bundle

import android.view.Menu

import androidx.appcompat.app.AppCompatActivity

import androidx.appcompat.widget.Toolbar

import androidx.drawerlayout.widget.DrawerLayout

import androidx.navigation.NavController

import androidx.navigation.Navigation

import androidx.navigation.ui.AppBarConfiguration

import androidx.navigation.ui.NavigationUI

import com.google.android.material.floatingactionbutton.FloatingActionButton

import com.google.android.material.navigation.NavigationView

class MainActivity : AppCompatActivity() {

private lateinit var mAppBarConfiguration: AppBarConfiguration

override fun onCreate(savedInstanceState: Bundle?) {

super.onCreate(savedInstanceState)

setContentView(R.layout.activity_main)

val toolbar = findViewById<Toolbar>(R.id.toolbar)

setSupportActionBar(toolbar)

// Code for floating button

val fab = findViewById<FloatingActionButton>(R.id.fab)

// On click listener is used on floating button

// to redirect to help activity

fab.setOnClickListener {

// Intent is used to connect help activity to floating button

val activity2Intent = Intent(applicationContext, help::class.java)

startActivity(activity2Intent)

}

// default code for drawer layout and navigation view

val drawer = findViewById<DrawerLayout>(R.id.drawer_layout)

val navigationView = findViewById<NavigationView>(R.id.nav_view)

// Passing each menu ID as a set of Ids because each

// menu should be considered as top level destinations.

mAppBarConfiguration = Builder(

R.id.nav_home, R.id.nav_gallery, R.id.nav_slideshow)

.setDrawerLayout(drawer)

.build()

// default code to control the navigation view

val navController: NavController = Navigation.findNavController(this, R.id.nav_host_fragment)

NavigationUI.setupActionBarWithNavController(this, navController, mAppBarConfiguration)

NavigationUI.setupWithNavController(navigationView, navController)

}

override fun onCreateOptionsMenu(menu: Menu): Boolean {

// Inflate the menu; this adds items

// to the action bar if it is present.

menuInflater.inflate(R.menu.main, menu)

return true

}

override fun onSupportNavigateUp(): Boolean {

val navController: NavController = Navigation.findNavController(this, R.id.nav_host_fragment)

return (NavigationUI.navigateUp(navController, mAppBarConfiguration)

|| super.onSupportNavigateUp())

}

}