JavaFX-এ আপনি HTML এবং CSS লোড করতে পারেন WebView কম্পোনেন্ট ব্যবহার করে। WebView হলো একটি JavaFX কম্পোনেন্ট যা HTML, CSS এবং JavaScript সহ ওয়েব কন্টেন্ট প্রদর্শন করতে পারে। এটি javafx.scene.web.WebView ক্লাসের মাধ্যমে ব্যবহৃত হয় এবং এটি একটি ব্রাউজারের মতো কাজ করে, যা আপনার JavaFX অ্যাপ্লিকেশনে ওয়েব পেজ লোড করতে সহায়তা করে।
JavaFX এর WebView ব্যবহার করে আপনি ওয়েব কনটেন্ট যেমন HTML, CSS এবং JavaScript লোড করতে পারেন এবং এই কনটেন্টকে আপনার JavaFX অ্যাপ্লিকেশনে অন্তর্ভুক্ত করতে পারেন।
WebView ব্যবহারের জন্য প্রয়োজনীয় ধাপ:
- WebView এবং WebEngine ব্যবহার করে HTML এবং CSS লোড করা।
- CSS স্টাইলশীট যোগ করা।
- JavaFX অ্যাপ্লিকেশনের মধ্যে HTML কন্টেন্ট দেখতে পারা।
HTML এবং CSS লোড করার উদাহরণ:
এখানে একটি উদাহরণ দেওয়া হল, যেখানে একটি সহজ HTML পেজ লোড করা হয়েছে এবং CSS ব্যবহার করা হয়েছে।
HTML ফাইল (index.html)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>JavaFX HTML and CSS</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div class="content">
<h1>Welcome to JavaFX</h1>
<p>This is an example of HTML and CSS integration in JavaFX.</p>
</div>
</body>
</html>
CSS ফাইল (style.css)
body {
background-color: lightblue;
font-family: Arial, sans-serif;
}
.content {
text-align: center;
margin-top: 50px;
}
h1 {
color: darkblue;
}
p {
font-size: 18px;
color: darkgreen;
}
JavaFX কোড (JavaFXApp.java)
import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.layout.StackPane;
import javafx.scene.web.WebEngine;
import javafx.scene.web.WebView;
import javafx.stage.Stage;
public class JavaFXApp extends Application {
@Override
public void start(Stage primaryStage) {
// WebView এবং WebEngine তৈরি
WebView webView = new WebView();
WebEngine webEngine = webView.getEngine();
// HTML পেজ লোড করা (স্ট্যাটিক ফাইল)
webEngine.load(getClass().getResource("index.html").toExternalForm());
// WebView এর সাথে Scene তৈরি করা
StackPane root = new StackPane();
root.getChildren().add(webView);
Scene scene = new Scene(root, 800, 600);
primaryStage.setTitle("JavaFX HTML and CSS Example");
primaryStage.setScene(scene);
primaryStage.show();
}
public static void main(String[] args) {
launch(args);
}
}
ব্যাখ্যা:
- HTML এবং CSS ফাইল তৈরি:
index.htmlএবংstyle.cssফাইল তৈরি করে HTML এবং CSS কন্টেন্ট রাখুন। HTML ফাইলটিstyle.cssফাইলের মাধ্যমে স্টাইলশীট লিংক করেছে।
- WebView এবং WebEngine:
WebViewএকটি JavaFX কম্পোনেন্ট যা HTML কন্টেন্ট প্রদর্শন করে। এর মাধ্যমে আপনি একটি ব্রাউজার উইন্ডো তৈরি করতে পারেন।WebEngineহলWebViewএর উপাদান, যা HTML এবং JavaScript ইঞ্জিন হিসেবে কাজ করে। এটি HTML পেজ লোড এবং প্রদর্শনের কাজ করে।
- HTML ফাইল লোড করা:
webEngine.load()মেথড ব্যবহার করে HTML ফাইলটি লোড করা হয়। এখানেgetClass().getResource("index.html").toExternalForm()ব্যবহার করে স্ট্যাটিক ফাইলটি লোড করা হচ্ছে।
- Scene এবং Stage:
StackPaneএকটি লেআউট কন্টেইনার হিসেবে ব্যবহৃত হয়েছে, এবংWebViewসেখানে যোগ করা হয়েছে।primaryStage.setScene(scene)এর মাধ্যমে Scene সেট করা হয়েছে এবংprimaryStage.show()দিয়ে অ্যাপ্লিকেশনটি প্রদর্শন করা হয়েছে।
WebView এর অন্যান্য কার্যাবলী:
- JavaScript ইন্টারঅ্যাকশন: JavaFX এর
WebViewকম্পোনেন্ট JavaScript সমর্থন করে, যার মাধ্যমে আপনি HTML পেজের সাথে JavaScript কোডের মাধ্যমে ইন্টারঅ্যাকশন করতে পারবেন। - অনলাইন কন্টেন্ট লোড করা:
webEngine.load("https://www.example.com")ব্যবহার করে অনলাইন ওয়েব পেজও লোড করা সম্ভব। - ডাইনামিক HTML/JavaScript পরিবর্তন:
WebViewএর মাধ্যমে HTML পেজের কন্টেন্ট বা JavaScript থেকে ডেটা পরিবর্তন করতে পারেন।
JavaFX তে WebView ব্যবহার করে আপনি HTML এবং CSS ফাইল লোড করতে পারেন, যা আপনাকে গ্রাফিক্যাল ইউজার ইন্টারফেসে আধুনিক ওয়েব কন্টেন্ট প্রদর্শন করতে সহায়তা করে। এটি আপনাকে HTML এবং CSS এর শক্তি JavaFX অ্যাপ্লিকেশনে একত্রিত করার সুযোগ দেয়, যা গ্রাফিক্যাল ইউজার ইন্টারফেস ডিজাইনকে আরও গতিশীল এবং ইন্টারঅ্যাকটিভ করতে পারে।
Read more
