Tổng quan

Trong hướng dẫn này, chúng tôi chỉ cho bạn cách hiển thị mã HTML trong Android Studio. Hiển thị nội dung HTML trong Android bằng WebView và hiển thị nội dung HTML trong Textview.
Thực hiện theo các bước được đề cập dưới đây để phát triển ứng dụng này

Tạo dự án

Mở Android Studio, sau đó nhấp vào “Bắt đầu dự án Android Studio mới”

Nhập nội dung vào sau.

• Tên ứng dụng. Mã HTML hiển thị
• miền công ty. quân đội. com
• Địa điểm dự án. C. /android
• sau đó nhấp vào "Tiếp theo"

Chọn các yếu tố hình thức và SDK tối thiểu. Trong hướng dẫn này, Chúng tôi đã chọn SDK tối thiểu "API 15. android4. 0. 3[IceCreamSandwich]", nhấp vào "Tiếp theo"

Chọn hoạt động trống và nhấp vào "Tiếp theo"

Để lại tên hoạt động “MainActivity”, Nhấp vào Kết thúc

Tạo LinearLayout, Button, TextView và WebView Widget

Mở Activity_main. xml, chúng ta sẽ tạo LinearLayout với Button, TextView và WebView Widget. Đoạn mã bố cục được hiển thị bên dưới.
______0

Hoạt động chính

1. Hiển thị mã HTML bằng TextView

Phương thức Html. fromHtml[String source] không được dùng nữa kể từ API cấp 24. Để kiểm tra các phiên bản Android, Nếu Android Nougat trở lên [>= API cấp 24] thì chúng tôi sử dụng đoạn mã được hiển thị bên dưới

txtTextView.setText[Html.fromHtml[descriptionUsingTextView, Html.FROM_HTML_MODE_LEGACY]];

Các phiên bản Android cũ hơn [< API cấp 24] thì chúng tôi sử dụng mã . fromHtml[Nguồn chuỗi, cờ int]. Phương pháp này được sử dụng để hiển thị văn bản theo kiểu từ chuỗi HTML được cung cấp. Ví dụ. Html. fromHtml[descriptionUsingTextView, Html. FROM_HTML_MODE_LEGACY]. Dưới đây là danh sách các cờ phổ biến nên được sử dụng trong phương thức fromHtml[].

txtTextView.setText[Html.fromHtml[descriptionUsingTextView]];

In the snippet code above, we using the method Html.fromHtml[String source, int flags]. This method is used to display styled text from the provided HTML string. Example: Html.fromHtml[descriptionUsingTextView, Html.FROM_HTML_MODE_LEGACY].Below there is a list of common flags that should be used in fromHtml[] method.

• FROM_HTML_MODE_COMPACT. Cờ này được sử dụng để phân tách các thành phần cấp độ khối với dấu ngắt dòng có nghĩa là một ký tự dòng mới ở giữa.
• FROM_HTML_MODE_LEGACY. Cờ này được sử dụng để phân tách các thành phần cấp độ khối bằng các dòng trống có nghĩa là hai ký tự dòng mới ở giữa
• FROM_HTML_OPTION_USE_CSS_COLORS. Cờ này được sử dụng để chỉ ra rằng các giá trị màu CSS nên được sử dụng thay vì các giá trị được xác định trong Màu
• FROM_HTML_SEPARATOR_LINE_BREAK_BLOCKQUOTE: This flag is used to indicate that texts inside

  elements will be separated from other texts with one newline character by default.

• FROM_HTML_SEPARATOR_LINE_BREAK_DIV: This flag is used to indicate that texts inside
  elements will be separated from other texts with one newline character by default.
• FROM_HTML_SEPARATOR_LINE_BREAK_HEADING: This flag is used to indicate that texts inside

  ,

  ,

  ,

  , and elements will be separated from other texts with one newline character by default.

• FROM_HTML_SEPARATOR_LINE_BREAK_LIST: This flag is used to indicate that texts inside
  elements will be separated from other texts with one newline character by default.
  • FROM_HTML_SEPARATOR_LINE_BREAK_LIST_ITEM: This flag is used to indicate that texts inside
  • elements will be separated from other texts with one newline character by default.
  • FROM_HTML_SEPARATOR_LINE_BREAK_PARAGRAPH: This flag is used to indicate that inside

    elements will be separated from other texts with one newline character by default.

  2. Hiển thị mã HTML bằng WebView

  Chúng tôi sử dụng phương thức WebView. loadDataWithBaseURL[String baseUrl, String data, String mimeType, String encoding, String historyUrl] để hiển thị mã HTML.
  ______3

  Hoàn thành hoạt động chính. mã java

  package com.jackrutorial.displayhtmlcode;
  
  import android.support.v7.app.AppCompatActivity;
  import android.os.Bundle;
  import android.text.Html;
  import android.view.View;
  import android.webkit.WebView;
  import android.widget.Button;
  import android.widget.TextView;
  
  public class MainActivity extends AppCompatActivity {
  
      Button btnTextView;
      Button btnWebView;
      WebView webView;
      TextView txtTextView;
  
      @Override
      protected void onCreate[Bundle savedInstanceState] {
          super.onCreate[savedInstanceState];
          setContentView[R.layout.activity_main];
  
          btnTextView = [Button] findViewById[R.id.btnTextView];
          btnWebView = [Button] findViewById[R.id.btnWebView];
          txtTextView = [TextView] findViewById[R.id.txtTextView];
          webView = [WebView] findViewById[R.id.webView];
  
          final String descriptionUsingTextView = "
  Display HTML code in Android using TextView
  In this tutorial, we show you how to display HTML code in Android using TextView
  ";
          final String descriptionUsingWebView = "
  Display HTML code in Android using WebView
  In this tutorial, we show you how to display HTML code in Android using WebView
  ";
  
  
          btnTextView.setOnClickListener[new View.OnClickListener[] {
              @Override
              public void onClick[View v] {
                  if [android.os.Build.VERSION.SDK_INT >= android.os.Build.VERSION_CODES.N] {
                      txtTextView.setText[Html.fromHtml[descriptionUsingTextView, Html.FROM_HTML_MODE_LEGACY]];
                  } else {
                      txtTextView.setText[Html.fromHtml[descriptionUsingTextView]];
                  }
  
                  //hiden html from webview
                  webView.loadDataWithBaseURL[null, null, "text/html", "utf-8", null];
              }
          }];
  
          btnWebView.setOnClickListener[new View.OnClickListener[] {
              @Override
              public void onClick[View v] {
                  webView.loadDataWithBaseURL[null, descriptionUsingWebView, "text/html", "utf-8", null];
  
                  //hiden html from textview
                  txtTextView.setText[null];
              }
          }];
  
  
      }
  }
  

  Chạy ứng dụng này trong Trình giả lập Android

  • Bạn có thể chạy ứng dụng này từ một dự án Android Studio. Hoặc bạn có thể chạy ứng dụng này đã được cài đặt trên trình giả lập giống như bạn chạy bất kỳ ứng dụng nào trên thiết bị. Để khởi động trình giả lập và chạy ứng dụng này trong dự án của bạn
  • Mở dự án Android Studio và nhấp vào Chạy. Trong hộp thoại Select Deployment Target, chọn định nghĩa trình giả lập hiện có, rồi bấm OK
  Ghi chú.
  
  • Nếu bạn không thấy định nghĩa mà mình muốn sử dụng, hãy nhấp vào Tạo thiết bị ảo mới để khởi chạy Trình quản lý AVD. Sau khi bạn xác định AVD mới, trong hộp thoại Chọn mục tiêu triển khai, sau đó bấm OK.
  • Nếu bạn muốn sử dụng định nghĩa trình giả lập này làm mặc định cho dự án của mình, hãy chọn Sử dụng cùng một lựa chọn cho các lần khởi chạy trong tương lai
  Chúng ta sẽ thấy nội dung HTML được hiển thị bằng Textview khi nhấp vào nút 'Sử dụng TextView'
  
  
  Chúng ta sẽ thấy nội dung HTML được hiển thị bằng Webview khi nhấp vào nút 'Sử dụng WebView'
  
  
  
  • tiếng riu ríu
  • Chia sẻ
  • Chia sẻ
  • Chia sẻ
  • Chia sẻ

  Chúng tôi có thể sử dụng HTML trong ứng dụng Android không?

  Vâng, đúng vậy— việc viết mã trên thiết bị Android của bạn không chỉ khả thi mà còn phổ biến . Các trình chỉnh sửa HTML hàng đầu trong Cửa hàng Google Play đã được tải xuống hàng triệu lần, chứng tỏ cả các chuyên gia và những người đam mê ngày càng coi hệ điều hành này là một nền tảng năng suất khả thi.

  Chúng tôi có thể sử dụng HTML thay vì XML trong Android Studio không?

  có, có thể bạn có thể thiết kế toàn bộ trang bằng html và được lưu trữ trong thư mục Nội dung với hình ảnh được sử dụng, css, thư mục tập lệnh và trong hoạt động của Android, bạn chỉ cần mở nó trong webView. Lưu câu trả lời này.

  Tôi có thể sử dụng HTML CSS trong Android Studio không?

  Vâng, 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 ta sẽ xây dựng một Ứng dụng Android với HTML, CSS và JavaScript trong Android Studio.

  Làm cách nào để hiển thị HTML trong Android Studio?

  Hiển thị mã HTML bằng TextView . setText[Html. fromHtml[descriptionUsingTextView]]; . fromHtml[Nguồn chuỗi, cờ int].