Menampilkan HTML di Android AlertDialog
AlertDialog pada Android umumnya menampilkan teks biasa. Namun, Anda dapat menggunakannya untuk menampilkan konten HTML dengan memanfaatkan kemampuan WebView. Berikut adalah langkah-langkah untuk menampilkan HTML di AlertDialog:
1. Buat Layout untuk AlertDialog
Anda perlu membuat layout untuk AlertDialog yang memuat WebView. Buat file layout baru dengan nama alert_dialog_layout.xml
di folder layout
proyek Anda.
2. Buat AlertDialog dan Integrasikan WebView
Buat AlertDialog dan dapatkan referensi ke WebView dalam layout. Kemudian, muat konten HTML Anda ke dalam WebView.
AlertDialog.Builder builder = new AlertDialog.Builder(this);
View dialogView = LayoutInflater.from(this).inflate(R.layout.alert_dialog_layout, null);
WebView webView = dialogView.findViewById(R.id.webView);
builder.setView(dialogView);
builder.setTitle("Judul AlertDialog");
// Muat HTML
String htmlContent = "Ini adalah judul
Ini adalah paragraf.
";
webView.loadData(htmlContent, "text/html", "UTF-8");
AlertDialog dialog = builder.create();
dialog.show();
3. Menyesuaikan AlertDialog
Anda dapat menyesuaikan AlertDialog dengan beberapa cara, seperti menambahkan tombol, mengatur ukuran, dan mengubah tema.
Menambahkan Tombol:
builder.setPositiveButton("OK", null); // Tombol "OK"
builder.setNegativeButton("Batal", null); // Tombol "Batal"
Mengatur Ukuran:
dialog.getWindow().setLayout(ViewGroup.LayoutParams.MATCH_PARENT, 800);
Mengubah Tema:
dialog.getWindow().setBackgroundDrawableResource(R.drawable.custom_dialog_background);
Contoh:
// Dalam Activity atau Fragment Anda
public void showHtmlAlertDialog() {
AlertDialog.Builder builder = new AlertDialog.Builder(this);
View dialogView = LayoutInflater.from(this).inflate(R.layout.alert_dialog_layout, null);
WebView webView = dialogView.findViewById(R.id.webView);
builder.setView(dialogView);
builder.setTitle("Judul AlertDialog");
String htmlContent = "Ini adalah judul
Ini adalah paragraf.
";
webView.loadData(htmlContent, "text/html", "UTF-8");
AlertDialog dialog = builder.create();
dialog.show();
}
Dengan langkah-langkah ini, Anda dapat menampilkan konten HTML di AlertDialog dengan mudah di aplikasi Android Anda. Anda dapat menyesuaikan AlertDialog dan HTML kontennya sesuai kebutuhan Anda.