L9,CSE 101: 2014-2015 © Zag. Univ.Dr.Basheer M. Nasef بسم الله الرحمن الرحيم.

L9,CSE 101: 2014-2015 © Zag. Univ.

Dr.Basheer M. Nasef

الله الرحيم بسم الرحمن

L9,CSE 101: 2014-2015 © Zag. Univ.

Dr.Basheer M. Nasef

المحاض السابقة رهفي

الملفات العشوائيه والتتابعيه. التعامل مع

الدوال الكثر إستخدام لتعامل مع تلك

الملفات.

L9,CSE 101: 2014-2015 © Zag. Univ.

Dr.Basheer M. Nasef

و - الرسومات مع التعاملالصور

المحاضرة التاسعه

L9,CSE 101: 2014-2015 © Zag. Univ.

Dr.Basheer M. Nasef

الصور و الرسومات مع :التعامل : البيانية . المتحكمات واألشكال & Lineالخطوط

Shape controls

الرسومات و الصور Image & PictureBox. متحكمات

controls

الملفات قائمة صندوق File-List boxاستخدام

الملخص .

اليوم من المحاضرة المستهدفالتاسعه

L9,CSE 101: 2014-2015 © Zag. Univ.

Dr.Basheer M. Nasef

Usingاستخدام الرسومات Graphics: توضيح في الصور و األشكال و الرسومات تساعد

تفاعال أكثر و أوضح صورة في البيانات تقديم و المعلومات

. المستخدم مع

طريقتين ال هناك في االشكال و الرسومات مع للتعامل

VB:

المتحكماتControls :من النموذج الى ونضيفها

في التحكم يمكن ثم التصميم وضع في األدوات صندوق

. التشغيل وضع أثناء عرضها طريقة و خصائصها

الطرقMethods ( :وضع في تستدعى خاصة دوال هي

كذلك( و أشكال و رسومات تنتج أن يمكنها التشغيل

. خصائصها في التحكم

L9,CSE 101: 2014-2015 © Zag. Univ.

Dr.Basheer M. Nasef

البيانية Graphics المتحكماتControls: لدينا متحكم الخطوطLine و متحكم األشكال Shape:

مثال

L9,CSE 101: 2014-2015 © Zag. Univ.

Dr.Basheer M. Nasef

متحكم الخط Line Control:

التأثير الخاصية اسم

شكل أو نوع الخط Border Style

سمك الخط Border Width

لون الخط Border color

احداثيات نقطة البداية X1,Y1

احداثيات نقطة النهاية X2,Y2

االسم الكودى Name

مرئى Visible

:أهم الخصائص

ظاهر غير شفاف Transparent

0

Solid 1

Dash 2

Dot 3

Dash Dot 4

Dash Dot Dot

5

Inside Solid

6

Border Style

L9,CSE 101: 2014-2015 © Zag. Univ.

Dr.Basheer M. Nasef

متحكم الخط Line Control: .معظم هذه الخصائص يتم ضبطها في وضع التصميم

مكان الخط على النموذج: من خالل نقطتي البداية و النهاية.تحديد

طlر الخlية مظهlخاص Border Style عlبطها في وضlا ضlيمكن أيض

.القيم العدديةالتشغيل و لكن نستخدم

L9,CSE 101: 2014-2015 © Zag. Univ.

Dr.Basheer M. Nasef

:Shape Control متحكم األشكال

:أهم الخصائص معظم هذه الخصائص يتم

ضبطها في وضع التصميم.

التأثير الخاصية اسم

الشكل نوع Shape

الخط سمك Border Width

الشكل ملء لون Fill Color

ملء طريقةالشكل

Fill Style

الشكل حجمHeight

Width

الشكل وضعTop

Left

الكودى االسم Name

مرئى Visible

الخط لونالخارجي

Border color

الخط شكلالخارجي

Border Style

Rectangle 0

Square 1

Oval 2

Circle 3

Rounded Rectangle 4

Rounded Square 5

Shape

L9,CSE 101: 2014-2015 © Zag. Univ.

Dr.Basheer M. Nasef

:Shape Control متحكم األشكال

مطلوب رسم الواجهة التالية:: 1مثال

.محورين بطول و عرض النموذج

.دائرة داخل مثلث فى مركز النموذج

L9,CSE 101: 2014-2015 © Zag. Univ.

Dr.Basheer M. Nasef

متحكم األشكال Shape Control:

وضع التصميم::1مثال حل

L9,CSE 101: 2014-2015 © Zag. Univ.

Dr.Basheer M. Nasef

متحكم األشكال Shape Control:

الكود::1حل مثال

L9,CSE 101: 2014-2015 © Zag. Univ.

Dr.Basheer M. Nasef

Image and PictureBox متحكمات الصور والرسومات Controls: , الصور متحكم النموذج من أي على صور عرض Image يمكن

control الرسومات صندوق متحكم .PictureBox controlأو

. التشغيل وضع في كذلك و التصميم وضع في الصورة تحميل يمكن

الVB: مثل المعروف االمتداد ذات الصور على يتعرف

BMP, WMF, EMF, GIF, JPEG, ICO, ICON,...

مثال

L9,CSE 101: 2014-2015 © Zag. Univ.

Dr.Basheer M. Nasef

خاصيةPicture تتوافر مع النموذج و كذلك متحكمى :

الرسومات و الصور.

.من نافذة الخصائص يمكن تحميل صورة في وضع التصميم

متحكم PictureBox

Image and PictureBox متحكمات الصور والرسومات Controls:

L9,CSE 101: 2014-2015 © Zag. Univ.

Dr.Basheer M. Nasef

خاصيةPicture تتوافر مع النموذج و كذلك متحكمى :

الرسومات و الصور.

.من نافذة الخصائص يمكن تحميل صورة في وضع التصميم


L9,CSE 101: 2014-2015 © Zag. Univ.

Dr.Basheer M. Nasef

أما في وضع التشغيل نستخدم طريقة

تمثل مسار ملف الصورة داخل الحاسب.picture pathحيث أن

LoadPicture (picture path)


L9,CSE 101: 2014-2015 © Zag. Univ.

Dr.Basheer M. Nasef

:نسخ صورة من متحكم الى متحكم أخر


L9,CSE 101: 2014-2015 © Zag. Univ.

Dr.Basheer M. Nasef

:حفظ صورة من داخل صندوق الرسومات او متحكم الصور

SavePicture Object.Picture, picture path

متحكمات الصور والرسومات Image and PictureBox Controls:

L9,CSE 101: 2014-2015 © Zag. Univ.

Dr.Basheer M. Nasef

:تحميل صورة على النموذج

.ال يمكن تغيير حجم الصورة أو تحريكها

.ال يمكن اخفاء الصورة

اليمكن وضع أكثر من صورة علي النموذج (باستخدام

).Pictureخاصية

يمكن أن يختفى جزء من الصورة اذا كان حجمها أكبر

من النموذج.

الحظ انه عند :

L9,CSE 101: 2014-2015 © Zag. Univ.

Dr.Basheer M. Nasef

:تحميل صورة على النموذج

لصورة باستخدام ه علي اكتاباليمكنPrint و كذلك يمكن

استخدام

اضافة رسومات لها.Drawing methods طرق الرسم

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

, ومتحكم األشكال Labelالنموذج باستثناء الالفته

Shape Control اذا كانت خاصية ال BackStyle ألى

.Transparentمنهما

انه الحظعند :

L9,CSE 101: 2014-2015 © Zag. Univ.

Dr.Basheer M. Nasef

تحميل صورة على متحكم الصورImage control:

يمكن وضع الصورة في أي مكان على النموذج عن

طريق تحريك المتحكم نفسه.

توجد خاصية هامة و هي التمديد Stretch وتأخذ

القيمة:

ولكن قد يحدث دائما تظهر الصورة كاملة في المتحكم(

لها انكماش كما هو مذكور سابقا(.

, ليناسب الصورة حجم يتغير بينما ثابت المتحكم حجمالمتحكم حجم

True

الصورة ليستوعب تلقائيا يتغير المتحكم حجم False


L9,CSE 101: 2014-2015 © Zag. Univ.

Dr.Basheer M. Nasef

الرسومات صندوق متحكم على صورة PictureBoxتحميل

control:

طريق عن النموذج على مكان أي في الصورة وضع يمكن

. نفسه المتحكم تحريك

التلقائي التحجيم خاصية :Autosizeتوجد القيمة وتأخذ

... المعروضة الصورة من جزء يختفي قد وبالتالى

الصورة ليستوعب تلقائيا يتغير المتحكم حجم True

ثابت المتحكم حجم False


L9,CSE 101: 2014-2015 © Zag. Univ.

Dr.Basheer M. Nasef

:File-List Boxاستخدام صندوق قائمة الملفات :هو أحد المتحكمات الموجودة في صندوق األدوات

أهم الخصائص هى path ,

pattern و filename.

يشبه متحكم صندوق القائمة و يضم أسماء جميع الملفات الحالى.folderفي المجلد ((

مثال

L9,CSE 101: 2014-2015 © Zag. Univ.

Dr.Basheer M. Nasef

الملفات قائمة صندوق :File-List Boxاستخدام

المجلد تحديد ال folderيمكن يتم partitionأو الذي

: ايعاز باستخدام الملفات صندوق داخل محتوياته عرضFilename.path = folderpath

L9,CSE 101: 2014-2015 © Zag. Univ.

Dr.Basheer M. Nasef

:File-List Boxاستخدام صندوق قائمة الملفات

الخاصية داخل patternأما عرضها يتم التي الملفات نوعية فتحدد

الصندوق:

امتداد الملفات

L9,CSE 101: 2014-2015 © Zag. Univ.

Dr.Basheer M. Nasef


الملفات أسماء لعرض الملفات صندوق متحكم استخدام عند

ما مجلد في الموجودة

خاصية المختار filenameفان الملف اسم تحمل للمتحكم التابعة

. الصندوق من

: مثال

حدث هو الملفات بصندوق مرتبط حدث أهم أن .)(Click نالحظ

L9,CSE 101: 2014-2015 © Zag. Univ.

Dr.Basheer M. Nasef


الملفات صندوق خصائص من االستفادة يمكن وبالتالى: كالتالى ما مجلد في الموجودة الصور لعرض

الرسومات صندوق متحكم نضبط PictureBoxنستخدم وخاصية

Autosize = True.

” االمتداد ذات الصور عرض هو هنا فقط“ JPGوالمطلوبالمجلد داخل على Workمن المختاره الصورة عرض ثم

. الرسومات صندوق متحكم

L9,CSE 101: 2014-2015 © Zag. Univ.

Dr.Basheer M. Nasef

استخدام صندوق قائمة الملفاتFile-List Box:

:فان هذا هو شكل النموذج و صندوق الملفات في وضع التشغيل

L9,CSE 101: 2014-2015 © Zag. Univ.

Dr.Basheer M. Nasef

:2مثال

. افترض النموذج على كيانين بين خط لرسم مناسبة شفرة اكتب

. صورة على منهم كل يحتوي صور متحكمى و الفته لدينا يوجد أنه

بداية خط رسم يتم الالفته على بالفأرة النقر عند أنه المطلوب

بالفأرة عليها النقر يتم التي الصورة عند نهايته وتكون الالفته .من

لوضع مثالالتشغيل

L9,CSE 101: 2014-2015 © Zag. Univ.

Dr.Basheer M. Nasef

مثال (2حل التصميم: ) وضع

سحب من أيضا البد النموذج على سابقا الموضحة الكيانات بجانب

خط

الخاصية( Lineمتحكم ) ضبط يفضل و األدوات صندوق من

BorderStyle = Transparent.

يتم حتى النموذج على الخط النري التشغيل وضع في وبالتالى

. الفأرة حركة مع بالظهور الخط فيبدأ الالفته على النقر

L9,CSE 101: 2014-2015 © Zag. Univ.

Dr.Basheer M. Nasef

Test your understanding: كبرنامج يعمل بحيث السابق المثال حل عدل

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

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

األحمر.

L9,CSE 101: 2014-2015 © Zag. Univ.

Dr.Basheer M. Nasef

.I الـ في واألشكال الخطوط رسم يتم VBكيفية

؟

.II استخدام خالل من الصور وعرض إستدعاء

PictureBox , ImageControl.

.III وعرضها أنواعها بجميع الملفات علي النداء

قائمة . في

اليوم ملخص

L9,CSE 101: 2014-2015 © Zag. Univ.Dr.Basheer M. Nasef بسم الله الرحمن الرحيم.

Documents

Transcript of L9,CSE 101: 2014-2015 © Zag. Univ.Dr.Basheer M. Nasef بسم الله الرحمن الرحيم.