2برمجة الثامن – األسبوع السادسة المحاضرة

بالرسوم الواجهات تحسين

بالرسوم المستخدم واجهة تحسين

عن • عبارة النمطية المستخدم واجهةنصوص ومربعات قوائم بها نوافذ عدة

اوامر وازرار وعناوين

يحسن • الواجهة الى الرسوم ادخال: التالية النواحي من الواجهة

الشاشة 1. على معينة معلومات الى االنتباه لفت

مختلفة 2. بطرق المعلومات لعرض تستخدم) رسومية) طريقة

االحيان 3. من كثير في العناصر وظيفة فهم تجعلوسهلة بديهية

بالرسوم المستخدم واجهة تحسين

واجهة وتحسين صور إلضافةالمستخدم

ادوات الى الصور اضافةتدعم التي التحكم

الصور استخدام اساسا

الصور مثل: مربع اداهPicture

Box اوbutton اوform

الرسم وظائف استخدامالموجودة المختلفة

Graphicsبتصنيف NETداخل .

االولى الطريقة

االدوات 1. على عرضالصوروالنماذج

الصور 2. مربع اداة استخدامPictureBox

والنماذج االدوات على الصور عرض

خاصيتين • و imageباستخدامBackgroundImage الملف امتداد الملف نوعية

.BMP نقطي ملفصور

.ICO ICONملفرمز

.MWF رسم اوامر ملف

.EMF محسن رسم اوامر ملف

.GIF لـ اختصار , Graphics Interchange Format هواالنترنت في بكثرة يستخدم ملفات من نوع

ايضا نقطي وهو

JPG or .JPEG الحقيقة االلوان ذات الملفات مع يستخدم نوعمنتشر, الملفو حجم فيوفر أسلوبضغط به

االنترنت في

.PNG لـ اختصار يجمع Portable network Graphics هوالملف حجم وقله الصوره كفاءة بين

الخاصية • Imageاستخدامزر • و الصوره مربع مثل لالداه ترغب التي صورة تعيين

االختيار وزر االختيار ومربع االمرالحتواء ) • مصمم الصوره مربع مع تستخدم غالبا خاصية هذه

الصور (الخاصية • استخدام محاذاة imageAlignيمكن تحدد التي

. االداة داخل الصورة

خاصية التصميم Imageتعيين اثناءخاصية التشغيل Imageتعيين اثناء

والنماذج االدوات على الصور عرض

الخاصية • Imageاستخدامخاصية تعيين أفضل التصميم Imageأيهما أثناء

؟ التشغيل أثناء تعيينها أم

والنماذج االدوات على الصور عرض

الخاصية • BackgroundImageاستخدامالخاصيه هذه على تحكم ادوات اكثر تحتوي

نموذج او لالداة كخلفية صورة لتعيين تستخدم

بعكس نموذج او االداه مظهر لتزيين عادة تستخدمimage االداه وظيفة لتوضيح تستخدم التي

والنماذج االدوات على الصور عرض

على • المختلفة والرسوم الصور لعرض يستخدمالنماذج

خاصية • من الصور موقع في التحكم استطيعLocation

تحجيم Sizemodeخاصية • كيفية تحدد التييظهر كي المربع تحجيم او المربع داخل الصوره

كاملة الصور

الصور مربع اداة استخدامPictureBox

واجهة وتحسين صور إلضافةالمستخدم

ادوات الى الصور اضافةتدعم التي التحكم

الصور استخدام اساسا

الصور مثل: مربع اداهPicture

Box اوbutton اوform

الرسم وظائف استخدامالموجودة المختلفة

Graphicsبتصنيف NETداخل .

عمليا صور إلضافة

القيمة التأثير

Normal الصورة , مربع أو الصورة تحجيم أعاده يتم الإذا أما قصالصورة يتم اكبر الصورة كانت إذا

بالركن الصورة وضع يتم اكبر المربع كانالعلوي األيسر

AutoSize حجم مع يتوافق كي المربع تحجيم إعادة يتمالصورة

StretchImage حجم مع يتوافق كي الصورة تحجيم إعادة يتمالمربع

CenterImage يتم الصورة حجم من اكبر المربع كان إذاالمربع داخل الصورة توسيط

الصورة توسيط يتم اكبر الصورة كانت إذا أماالزائدة وقصاألطراف المربع داخل

Zoom الحفاظ مع إنقاصه أو الصورة حجم زيادة يتمنسبه ) الصورة بحجم الموجودة النسبة على

العرض ( إلى الطول

التشغيل اثناء الرسوم إنشاء

شركة • لبيانات بياني عرضمخطط مثال احتاجمثال

جاهزة • صور استخدام فيصعب تتغير بيانات والن

•Visual Basic رسوم إنشاء في يساعدنيوظائف باستخدام

)( DrawLineالوظيفة •نقطتين بين خطمستقيم رسم

)(DrawRectangleالوظيفة •

مستطيل او مربع لرسم تستخدم

DrawEllipseالوظيفة •بيضاوي شكل او دائرة لرسم تستخدم

إلنشاء 5هناك اساسية وظائفرسوم

)(DrawPolygonالوظيفة •على يحتوي مغلق شكل لرسم تستخدم

) مضلع ) الجوانب من عدد

)(Clearالوظيفة •على الموجودة الرسوم ازالة في تستخدم

الكائنات

إلنشاء 5هناك اساسية وظائفرسوم

الرسم وفرش االقالم استخدام

الفرشاه • و القلم كائنات استخدام يمكنكالمختلفة واالشكال الخطوط لرسم

•Pen واالشكال الخطوط لرسم يستخدم ) االلوان ) من الخالية المجوفة

•Brush الملونة االشكال لرسم تستخدم

االقالم استخدام

والمنحنيات • الخطوط رسم في يستخدم: المجوفة واالشكال

•: نقطة بسمك اسود تعريفقلم Dim mypen as new pen (color.black)

بسمك • احمر 5تعريفقلم Dim mypen as new pen (color.red,5)

)(DrawLineالوظيفة

Control

1

. CreateGraphics .DrawLine(Pen,x1,y1,x2,y2)

االداة او

النموذج الذي يتم

رسم الخط عليه

وظيفة

الرسم

وظيفنوع ةرسم الخط

القلم المستخدم في

عملية الرسم

احداثي

نقطة البداية والنهايه

X1=10

Y1=5

X2=20

Y2=20

من • بزوج محدد مستطيل برسم تقومعلى وتحتوي وعرضوطول االحداثيات

التالية الصيغة

Control.CreateGraphics.DrawRectangle(Pen,x,y,width,hieght)

)(DrawRectangleالوظيفة

X1=10

Y1=35

W=20

H=20

ناقصعن • قطع برسم الوظيفة هذه تقومبه المحيط المستطيل تعريف طريق

Control.CreateGraphics.DrawEllipse(Pen,x,y,width,hieght)

)(DrawEllipseالوظيفة 3

X1=10

Y1=35

W=20

H=20

الموجودة • الرسوم جميع بمسح تقومالنموذج او االداة على

الخلفية • لون هو له االفتراضية القيمةالحالي

Control.CreateGraphics.Clear(Color)

)(Clearالوظيفة 4

مستقيم خط رسم مثال

Dim mypen as new pen (color.Black)

Me.CreateGraphics.drawline(mypen,20,30,80,100)

Mypen.dispose()

مستطيل رسم مثال

Dim mypen as new pen (color.Black)

Me.CreateGraphics.drawRectangle(mypen,20,30,10,6)

Mypen.dispose()

بيضاوي شكل رسم مثال

Dim mypen as new pen (color.Black)

Me.CreateGraphics.drawEllipse(mypen,20,30,10,6)

Mypen.dispose()

Me.CreateGraphics.Clear(Me.BackColor)

الرسم حذف

مجسمة • اشكال النشاء تستخدم) داخلي) لون ذات

ابسطها • كثيره انواع SolidBurshلها

Dim mybrush as new solidBursh(color.red)

الرسم فرش استخدام

باللون معبأ مستطيل رسم مثالاالحمر

Dim mybrush as new solidbrush(color.red)

Me.CreateGraphics.fillRectangle(mybrush,20,30,30,30)

Mybrush.dispose()

Dim mycolor as colorMycolor=color.redMycolor=color.yellow

مسبقا معرفة االلوان استخدام

)(Color .FromArgbباستخدام •نوع • من متغير Colorنعرف

Dim mycolor as colorالزرقة الى مائل رمادي لون لتحديد

Mycolor=color.fromargb(23,56,78)اسود لون لتحديد

Mycolor=color.fromargb(0,0,0)ابيض لون لتحديد

Mycolor=color.fromargb(255,255,255)

مخصصة الوان انشاء

اللون 0• غياب عن يعبراللون 255• اكتمال عن يعبر

مخصصة الوان انشاء

الوظيفة • استخدام لتعيين)( FromArgbيمكنبادخال وذلك الفا مايسمى او اللون شفافية

من اول :255الى 0قيمة كمعامل

Dim mycolor as color (Mycolor=color.FromArgb(127,23,56,78

مخصصة الوان انشاء

قيمة Alphaالشفافية

قيمة اللون االحمر

قيمة اللون االخضر

قيمة اللون االزرق

تغيير • تم كلما داخله الموجود الكود تنفيذ يتمالنموذج حجم

الحدث • عكس بمجرد loadعلى تنفيذه يتم الذيالذاكرة داخل النموذج تحميل

Paintالحدث

العمل ورقه