Hướng dẫn html to apk android studio - html sang apk android studio

Android là một hệ điều hành di động dựa trên phiên bản sửa đổi của nhân Linux và phần mềm nguồn mở khác, được thiết kế chủ yếu cho các thiết bị di động màn hình cảm ứng như điện thoại thông minh và máy tính bảng. Có, bạn đọc nó ngay trong tiêu đề của bài viết này. Trong bài viết này, chúng tôi sẽ xây dựng một ứng dụng Android với HTML, CSS và JavaScript trong Android Studio.

Những gì chúng ta sẽ xây dựng trong ứng dụng này?

Dưới đây là một video mẫu về những gì chúng ta sẽ xây dựng trong bài viết này. Chúng tôi sẽ văn bản hiển thị văn bản bằng cách sử dụng HTML và JavaScript và thay đổi màu nền bằng CSS.

//media.geeksforgeeks.org/wp-content/uploads/20220321072557/WhatsApp-Video-2022-03-21-at-07.24.40.mp4

Thực hiện từng bước

Bước 1: Tạo một dự án mới

• Mở một dự án mới.
• Chúng tôi sẽ làm việc trên hoạt động trống với ngôn ngữ là Java. Để lại tất cả các tùy chọn khác không thay đổi.
• Đặt tên cho ứng dụng một cách thuận tiện của bạn.
• Sẽ có hai tệp mặc định có tên Activity_Main.xml và MainActivity.java.

Nếu bạn không biết cách tạo một dự án mới trong Android Studio thì bạn có thể tham khảo cách tạo/bắt đầu một dự án mới trong Android Studio? & nbsp;

Bước 2. Làm việc trên tệp XML

Điều hướng đến ứng dụng> res> Bố cục> Activity_main.xml và thêm mã bên dưới vào tệp đó. Dưới đây là mã cho tệp Activity_main.xml.

XML

Bước 3. Làm việc trên tệp HTML

Điều hướng đến ứng dụng> Mới> Tệp và đặt tên nó là index.html. Sử dụng mã sau trong tệp index.html

HTML

myWebView.loadUrl["file:///android_asset/sample.html"];

myWebView.loadUrl["file:///android_asset/sample.html"];

package com.codespeedywebviewdemo;

import android.app.ProgressDialog;
import android.content.Context;
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.Toast;

public class MainActivity extends AppCompatActivity {
    private WebView mWebView;
    ProgressDialog mProgress;

    @Override
    protected void onCreate[Bundle savedInstanceState] {
        super.onCreate[savedInstanceState];
        setContentView[R.layout.activity_main];
        mWebView = [WebView] findViewById[R.id.activity_main_webview];

        // Enable Javascript
        WebSettings webSettings = mWebView.getSettings[];
        webSettings.setJavaScriptEnabled[true];

        //Check if network or internet is available
        ConnectivityManager ConnectionManager=[ConnectivityManager]getSystemService[Context.CONNECTIVITY_SERVICE];
        NetworkInfo networkInfo=ConnectionManager.getActiveNetworkInfo[];


        if[networkInfo != null && networkInfo.isConnected[]==true ]
        {
            // Open your website with WebView if network or internet connection available

            //Toast.makeText[MainActivity.this, "Network Available", Toast.LENGTH_LONG].show[];

            mProgress = ProgressDialog.show[this, "Loading...", "Please wait..."];

            //Here is the template path from assets folder
            mWebView.loadUrl["file:///android_asset/sample.html"];
          // Force links and redirects to open in the WebView instead of in a browser
            mWebView.setWebViewClient[new WebViewClient[] {

                @Override
                public void onPageFinished[WebView view, String url] {

                    //show webview
                    findViewById[R.id.activity_main_webview].setVisibility[View.VISIBLE];

                    //Remove the progress dialog after the website loaded completely
                    if[mProgress.isShowing[]] {
                        mProgress.dismiss[];
                    }

                }

            }];

            //Hid the TextView from main activity with id NoNetworkText when Internet connection or network available.
            findViewById[R.id.NoNetworkText].setVisibility[View.GONE];

        }
        else
        {
            // Do this if network or internet connection is not available

            //Show this text when there are no Internet connection or network available
            Toast.makeText[MainActivity.this, "Network Not Available", Toast.LENGTH_LONG].show[];

            //Show the TextView from main activity with id NoNetworkText when there are no Internet connection or network.
            findViewById[R.id.NoNetworkText].setVisibility[View.VISIBLE];

        }

    }

}

Bước 4. Làm việc trên tệp CSS

Điều hướng đến Ứng dụng> Mới> Tệp và đặt tên nó là Style.css. Sử dụng mã sau trong tệp style.css

CSS

Mới> Tệp và đặt tên nó là index.js. Sử dụng mã sau trong tệp index.js

JavaScript

>2>3>4

Bước 6. Làm việc trên tệp Java

Điều hướng đến tệp MainActivity.java và sử dụng mã sau trong đó.

Java

>5 >6

>7 >8

>7 7