في عالم تطوير البرمجيات، يُعد تصميم واجهة المستخدم خطوة جوهرية تعكس هوية التطبيق وتجذب انتباه المستخدم منذ اللحظة الأولى. في هذه المقالة من "دار العلوم"، نستعرض كيفية تخصيص الفورم في بيئة فيجوال بيسك بأسلوب احترافي، يشمل تغيير الألوان والعنوان والحدود، مع تقديم أكواد جاهزة وتصاميم مبتكرة تساعدك على بناء واجهات برمجية تفاعلية تجمع بين الجمال والوظيفة.

ما هو الفورم؟

الفورم هو الواجهة الأساسية لتطبيقات فيجوال بيسك، ويُستخدم لعرض الأدوات والتفاعل مع المستخدم. يمكن تخصيصه بالكامل ليعكس هوية المشروع.

تشغيل الفورم وتغيير خصائصه

تشغيل الفورم:

Dim frm As New Form1
frm.Show()

تغيير اسم الفورم:

Me.Text = "نموذج دار العلوم"

تغيير لون الخلفية:

Me.BackColor = Color.LightSkyBlue

تغيير شكل الحدود:

Me.FormBorderStyle = FormBorderStyle.FixedSingle

جعل الزوايا مستديرة:

Dim path As New Drawing.Drawing2D.GraphicsPath()
path.AddEllipse(0, 0, Me.Width, Me.Height)
Me.Region = New Region(path)

كود كامل لتخصيص الفورم

Public Class Form1
    Private Sub Form1_Load(sender As Object, e As EventArgs) Handles MyBase.Load
        Me.Text = "نموذج دار العلوم"
        Me.BackColor = Color.MediumSeaGreen
        Me.FormBorderStyle = FormBorderStyle.FixedDialog
        Me.StartPosition = FormStartPosition.CenterScreen

        ' جعل الزوايا مستديرة
        Dim path As New Drawing.Drawing2D.GraphicsPath()
        path.AddArc(0, 0, 40, 40, 180, 90)
        path.AddArc(Me.Width - 40, 0, 40, 40, 270, 90)
        path.AddArc(Me.Width - 40, Me.Height - 40, 40, 40, 0, 90)
        path.AddArc(0, Me.Height - 40, 40, 40, 90, 90)
        path.CloseAllFigures()
        Me.Region = New Region(path)
    End Sub
End Class

صور توضيحية

توضح الصور التالية كيفية تخصيص الفورم:

الخاصية	الوصف	التعديلات الممكنة
Name	الاسم الذي يستخدمه الكود للإشارة إلى الفورم أو العنصر	تغيير الاسم ليتماشى مع معايير التسمية في المشروع
Text	النص الظاهر في شريط العنوان للفورم أو على العنصر (كالزر)	تعديل النص ليتناسب مع وظيفة العنصر أو واجهة التطبيق
BackColor	لون خلفية الفورم أو العنصر	اختيار لون ثابت أو استخدام الـColor Picker لاختيار لون مخصص
ForeColor	لون الخط أو الرموز داخل العنصر	تغيير لون النص ليتباين مع الخلفية أو ليتماشى مع تصميم الواجهة
Font	نوع وحجم وخصائص الخط المستخدم داخل الفورم أو العنصر	النقر على زر الحذف لفتح محرر الخطوط وتحديد العائلة والحجم والنمط (عريض، مائل،...)
Size	أبعاد العنصر (العرض × الارتفاع)	ضبط القيم الرقمية لعرض وارتفاع العنصر بدقة أو سحب حدود العنصر في المصمم
FormBorderStyle	نمط الإطار للفورم (None, FixedSingle, Sizable,…)	اختيار نمط الإطار المناسب مثل None لإزالة الإطار أو Sizable للسماح بتغيير الحجم
StartPosition	موقع ظهور الفورم عند التشغيل (CenterScreen, Manual,…)	تحديد CenterScreen لعرضه في وسط الشاشة أو Manual لتحديد الموقع يدويًا
ControlBox	إظهار أو إخفاء أزرار التحكم في شريط العنوان	ضبط True لإظهار الأزرار أو False لإخفائها بالكامل
Icon	أيقونة الفورم الظاهرة في شريط العنوان وعلى شريط المهام	استيراد ملف ico أو cur وإضافته لإضفاء هوية بصرية للتطبيق
BackGroundImage	صورة خلفية تُعرض خلف محتوى الفورم	اختيار صورة من المجلدات وضبط Layout كـTile أو Stretch أو Center