এতোদিন আমরা যে সকল প্রোগ্রাম করেছি সেগুলো সব ছিলো TextWindow ভিত্তিক প্রোগ্রাম বা কনসোল অ্যাপলিকশন। এখন সময় এসেছে একটু গ্রাফিকাল প্রোগ্রাম তৈরী করা। এরই জন্য আজ আমরা গ্রাফিক্স উইন্ডো তৈরী করা শিখবো।

Graphics Window

MS Small Basic প্রোগ্রামিং এ GraphicsWindow হলো TextWindow এর মতো একটি অবজেক্ট। এই অবজেক্টটি ব্যাবহার করে আমরা GUI (Graphical User Interface) ভিত্তিক অ্যাপলিকেশন তৈরী করতে পারি। আপনারা একটি নতুন প্রোগ্রাম চালু করে নিচের লাইনটুকু লিখে প্রোগ্রাম রান করুন।

GraphicsWindow.Show()

তাহলে আপনারা নিচের মতো একটি গ্রাফিক্স উইন্ডো দেখতে পারবো। 

আমরা যেহেতু এর কোনা প্রোপারটি সেট করি নাই তাই এটি শুধুমাত্র সাদা একটি ব্যাকগ্রাউন্ড দেখাচ্ছে। চলুন গ্রাফিক্সস উইন্ডোটি কিভাবে সুন্দর করা যায় তা দেখে নিই।

আমরা গ্রাফিক্স উইন্ডের টাইটেল দিতে পারি Title প্রোপার্টি ব্যবাহার করে। উদাহরনঃ

GraphicsWindow.Title = "My 1st Graphics Window"

এরপর আমারা গ্রাফিক্স উইন্ডের উচ্চতা ও প্রস্থ নির্ধারন করে দিতে পারি যথাক্রমে Height এবং Width প্রোপার্টি ব্যাবহার করে। উদাহরনঃ

GraphicsWindow.Height = 320

GraphicsWindow.Width = 320

এখানে Height এবং Width এর একক হলো পিক্সেল। অর্থাৎ আমার উচ্চতা ও প্রস্থ উভয়ই ৩২০ পিক্সেল করে নিয়েছি।

এবার আমরা আমাদের গ্রাফিক্স উইন্ডের ব্যাকগ্রাউন্ড কালার পরিবর্তন করতে পারি BackgroundColor প্রোপার্টি ব্যাবহার করে। উদাহরনঃ

GraphicsWindow.BackgroundColor = "steelblue"

উপরের সবগুলো প্রোপার্টি লেখার পর আমাদের GraphichsWindow.Show() অপারেশন দিলে আমরা আমাদের গ্রাফিক্স উইন্ডোটি প্রোগ্রাম রান করলে দেখতে পারবো।

GraphicsWindow.Title = "My 1st Graphics Window"

GraphicsWindow.Height = 320

GraphicsWindow.Width = 320

GraphicsWindow.BackgroundColor = "steelblue"

GraphicsWindow.Show()

আউটপুটঃ

গ্রাফিক্স উইন্ডোতে আঁকাআঁকি

এবার চলুন আমরা আমাদের গ্রাফিক্স উইন্ডোতে প্রোগ্রাম দিয়ে আঁকাআঁকি করি। গ্রাফিক্স উইন্ডোতে  আমরা পেন দিয়ে আঁকতে পারবো এবং ব্রাস দিয়ে রং করতে পারবো। এজন্য এদের প্রোপারটি আমাদের প্রোগ্রামে সেট করে দিতে হবে।

PenColor = এখানে আমরা আমাদের পেনের রং দিবো।

PenWidh = এখানে আমরা পেন দিয়ে আঁকা লাইনের প্রস্থ কতো হবে তা বলে দিবো।

BrushColor = এখানে আমরা আমাদের ব্রাশের রং বলে দিবো।

উপরের প্রোপারটিগুলো প্রোগ্রামে ব্যাবহার করার নিয়ম হলোঃ

GraphicsWindow.PenColor = "Purple"

GraphicsWindow.PenWidth = 3

GraphicsWindow.BrushColor = "Green"

এবারে চলুন আমরা বিভিন্ন জিনিস আঁকি। আমরা যা যা আঁকতে পারবোঃ Rectangle, Ellipse, এবং Line.

একটি লাইন আঁকার সিনট্যাক্স হলোঃ

GraphicsWindow.DrawLine(x1, y1, x2, y2)

এখানে x1, y1 হলো একটি সরলরেখার এক প্রান্তের স্থানাঙ্ক এবং x2,y2 হলো অপর প্রান্তের স্থানাংক। উদারণঃ

GraphicsWindow.Title = "Graphics Window"

GraphicsWindow.Height = 300

GraphicsWindow.Width = 300

GraphicsWindow.PenColor = "pink"

GraphicsWindow.PenWidth = 3

GraphicsWindow.DrawLine(10, 20, 250, 20)

এই প্রোগ্রামটি চালু করলে আমরা নিচের মতো আউটপুট দেখতে পারবো।

একইভাবে Rectangle এবং Ellipse আঁকার Syntax হলোঃ

GraphicsWindow.DrawRectangle(x, y, width, height)

GraphicsWindow.DrawEllipse(x , y, width, height)

এখানে x হলো Rectangle বা Ellipse এর x অক্ষের দূরত্ব , y হলো y অক্ষের অবস্থান এবং width ও height হলো যথাক্রমে প্রস্থ ও উচ্চতা।

Rectangle ও Ellipse গুলো ব্রাশ দিয়ে রং করার জন্য আমরা FillRectangle এবং FillEllipse অপারেশন ব্যবাহার করবো।

উপরের সবগুলো বোঝার জন্য নিচের উদারনটি দেখুন।

GraphicsWindow.Title = "Graphics Window"

GraphicsWindow.Height = 300

GraphicsWindow.Width = 300

GraphicsWindow.PenColor = "pink"

GraphicsWindow.PenWidth = 3

GraphicsWindow.DrawLine(10, 20, 250, 20)

GraphicsWindow.DrawRectangle(70, 60, 100, 150)

GraphicsWindow.BrushColor = "steelblue"

GraphicsWindow.FillRectangle(70, 60, 100, 150)

GraphicsWindow.PenColor = "Gold"

GraphicsWindow.BrushColor = "Green"

GraphicsWindow.DrawEllipse(200, 150, 50, 100)

GraphicsWindow.FillEllipse(200, 150, 50, 100)

আমরা প্রাগ্রামটি রান করলে নিচের মতো আউটপুট পাবো।

এখন চলুন প্রোগ্রামটিতে কি ঘটলো তা এক নজরে দেখে নিই।

• প্রথমেই আমরা আমাদের গ্রাফিক্স উইন্ডের টাইটেল, উচ্চতা, প্রস্থ সেট করলাম।
• এরপর আমরা আমাদের লাইন আঁকার জন্য PenColor ঠিক করে নিলাম। এবং কলমের প্রস্থ দিলাম 3 পিক্সেল।
• এরপরে আমরা (10,20) ও (250,20) বিন্দুদ্বয়ের মধ্যে একটি সরলরেখা অংকন করলাম।
• এরপর GraphicsWindow.DrawRectangle(70, 60, 100, 150) স্টেটমেন্টের মাধ্যমে আমরা x অক্ষ থেকে 70 পিক্সেল দূরে এবং y অক্ষ থেকে 60 পিক্সেল দূরে 100 পিক্সেল প্রস্থের ও 150 পিক্সেল উচ্চতার একটা আয়তক্ষেত্র অংকন করলাম।
• এরপর GraphicsWindow.FillRectangle(70, 60, 100, 150) এর মাধ্যমে আমরা আমাদের আঁকা আয়তটি রং করলাম। এখানে উল্লেখ্য যে এই লাইনের পূর্বের GraphicsWindow.BrushColor = "steelblue" স্টেটমেন্টের মাধ্যমে আমরা রংটি নির্দিষ্ট করেছি।
• একই ভাবে আমরা একটি উপবৃত্ত এঁকেছি।

MessageBox

Graphics Window এর আরেকটি অপারেশন হলো Message Box দেখানো। Message Box দেখানোর সিনট্যাক্স হলোঃ

GraphicsWindow.ShowMessage(message,title)

উদাহরনঃ

GraphicsWindow.Title = "Graphics Window"

GraphicsWindow.Height = 300

GraphicsWindow.Width = 300

GraphicsWindow.ShowMessage("Helloooo Techtuneeees", "Message")

প্রোগ্রামটি রান করলে আমরা নিম্নরুপ মেসেজ বক্স দেখতে পারবোঃ

গ্রাফিক্স উইন্ডোর পূর্ণাঙ্গ রেফারেন্স এখানে পাবেন। আজ এতোটুকুই থাক তাহলে 🙂