Component pane در LWE
Component pane در ویرایشگر وب لوگو
در ادامه ی بررسی نرم افزار LWE یا ویرایشگر وب لوگو، پنجره ی Component را معرفی می کنیم. به صورت کلی پنجره ی Component Pane در موارد مختلفی کاربرد دارد که برخی از آن ها عبارت اند از:
- ویرایش Editor Pane
- نمایش وضعیت متغیر های دیجیتال و آنالوگ لوگو
- رسم خطوط و اشکال هندسی و غیره
نحوه ی دسترسی
به منظور باز کردن این پنجره از مسیر Window-> Component استفاده می شود. در تصویر زیر موقعیت پنجره ی Component Pane را مشاهده می کنید.
در پنجره ی Component پنج قسمت اصلی با عملکرد های مختلف وجود دارد که عبارت اند از:
- Tool
- Basic
- Digital
- Analog
- Miscellaneous
Tool
از این ابزار جهت ویرایش basic graphics یا گرافیک های اولیه استفاده می شود. گزینه های موجود در این قسمت عبارت اند از:
- Polyline
- Rectangle
- Circle
1) Polyline
به منظور کشیدن خط یا خطوط دلخواه در پنجره ی Home Page از این گزینه استفاده می شود. مراحل استفاده از ابزار Polyline به ترتیب زیر است:
- ابتدا با استفاده از روش Drag و Drop آیکون مربوط به Component را از صفحه ی Home page جدا کنید. به صورتی که هر دو پنجره ی Component و Home Page در یک نگاه قابل مشاهده باشند.
- در ادامه گزینه ی Polyline در پنجره ی Component را انتخاب کنید.
- نشانگر موس را در قسمت دلخواه از صفحه ی Home Page قرار دهید. با کمک کلیک چپ موس خط مورد نظر را بکشید. با استفاده از دکمه ی Esc در کیبورد و یا فشردن کلیک راست موس می توانید گزینه ی Polyline را از حالت انتخاب خارج کنید.
پس از رسم یک خط، با انتخاب آن می توان پنجره ی Polyline-Properties مربوط به آن را مشاهده کرد. تصویر زیر موقعیت این پنجره نمایش داده شده است.
گزینه های موجود در این قسمت عبارت اند از:
- Basic
- Name: در این بخش عبارت Line نوشته شده است.
- Style
-
- Weight
- Color
- Dashed
- Transparency
Weight
در این قسمت عرض خط رسم شده را وارد می کنیم.
Color
به منظور مشاهده ی رنگ های قابل انتخاب روی کادر مقابل Color کلیک می کنیم. در تصویر زیر موقعیت این کادر با فلش قرمز رنگ مشخص شده است.
در ادامه پنجره ی Polyline – color نمایش داده می شود. پس از انتخاب رنگ مورد نظر از این پنجره گزینه ی OK را انتخاب کرده تا رنگ خط مورد نظر تغییر کند. تصویر زیر پنجره ی Polyline – color را نشان می دهد.
Dashed
در این قسمت انواع مختلف ایی از خطوط، قابل انتخاب هستند. به عنوان مثال می توان نوع خط مورد نظر را به خط چین، نقطه چین، خط تیره بلند و غیره تبدیل کرد.
مطالب شرح دادهشده در این مقاله را میتوانید بهصورت ویدئو در دوره تصویری لوگو زیمنس مشاهده کنید. در این دورهی آموزشی با انواع پی ال سی، زبانهای برنامهنویسی و مینی پی ال سی لوگو زیمنس آشنا میشویم. آموزش لوگو از ابتدا صورت گرفته و شامل بررسی ماژول اصلی، کارتهای توسعه، نصب، سیم بندی، برنامهنویسی و کنترل توسط اپلیکیشن و وب سرور میشود. در بخش برنامهنویسی تمام بلوکهای دیجیتال، شبکه، آنالوگ و غیره بررسیشده و نحوهی کار آنها روی لوگو نمایش دادهشده است. مانیتورینگ و کنترل لوگو از طریق اپلیکیشن، وب سرور و صفحههای طراحیشده توسط LWE صورت میگیرد. این موارد نیز در دورهی تصویری شرح دادهشدهاند. لطفاً جهت مشاهدهی سرفصلها و لیست ویدئوهای این دوره روی عبارت لوگو زیمنس کلیک کنید.
Transparency
مقدار پارامتر شفافیت یا Transparency از 1 تا 100 قابل تنظیم است.
2) Rectangle
این گزینه با آیکون نمایش داده می شود. به منظور رسم مستطیل یا مربع مراحل زیر را انجام می دهیم:
- با استفاده از روش Drag و drop ابتدا گزینه ی Rectangle در پنجره ی Component را انتخاب کرده و در حالت انتخاب نگه می داریم.
- هم زمان با فشردن کلیک راست موس، موس را به سمت پنجره ی Home Page حرکت می دهیم .
- در ادامه پس از رسیدن نشانگر موس به موقعیت دلخواه در Home page آن را رها می کنیم. تصویر زیر صفحه ی Home page را پس از قرار دادن مستطیل در آن نشان می دهد.
تصویر زیر موقعیت پنجره ی Rectangle – Properties را نشان می دهد.
در پنجره ی Rectangle – Properties گزینه های زیر وجود دارد:
- Basic:
-
- Name
- Location
- Size
- Styles
-
- Border Width
- Border Style
- Border Color
- Background Color
- Transparency
- Fill
Name
در این قسمت نام Rectangle نوشته شده است.
Location
به منظور تغییر موقعیت یا مختصات مکان مستطیل یا مربع از این گزینه استفاده می شود. قابل ذکر است که جهت تغییر موقعیت از روش drag و Drop کردن مستطیل در صفحه ی Home Page نیز استفاده می شود.
Size
به منظور تنظیم ابعاد مستطیل یا مربع از این قسمت استفاده کنید.
Border Width
این بخش مشخص کننده ی ضخامت مستطیل یا مربع مورد نظر است.
Border Style
از این قسمت می توان نوع اضلاع مستطیل یا مربع را تعیین کرد. به عنوان مثال می توان اضلاع مستطیل را روی حالت dotted یا خط چین قرار داد. تصویر زیر گزینه های موجود در این قسمت را نشان می دهد. این گزینه ها عبارت از dotted، dashed، Solid و double هستند.
Border Color
رنگ اضلاع مستطیل یا مربع رسم شده را از این قسمت انتخاب می کنیم.
Background Color
رنگ پس زمینه ی مستطیل رسم شده از این قسمت انتخاب می شود.
Transparency
رنج مقادیر قابل اتنظیم برای پارامتر شفافیت یا Transparency از 1 تا 100 می باشد.
Fill
با انتخاب این گزینه رنگی که برای پس زمینه ی مستطیل یا مربع انتخاب شده در آن قرار می گیرد.
3) Circle
آیکون اختصاص داده شده به این دستور به شکل است. جهت رسم دایره یا بیضی از این فرمان استفاده می شود. به این منظور ابتدا با استفاده از روش drag و drop آیکون Circle موجود در پنجره ی Component را گرفته و به سمت پنجره ی Home page حرکت می دهیم. تصویر زیر موقعیت این آیکون را نشان می دهد.
پس از رسیدن به موقعیت مورد نظر در Home page دکمه ی موس را رها کرده تا دایره در قسمت مورد نظر قرار گیرد. تصویر زیر نمونه ایی از دایره ی رسم شده را نشان می دهد.
تغییر سایز دایره یا بیضی
به منظور تغییر ابعاد دایره از دو روش زیر استفاده می شود:
- حرکت دادن مربع های آبی رنگ در اطراف دایره
- قسمت Size در پنجره ی Circle – properties:
- ابتدا روی قسمت نمایش داده شده در تصویر زیر کلیک می کنیم:
-
- با کلیک روی قسمت مقابل Size، پنجره ی زیر باز می شود. در این پنجره ابعاد مورد نظر خود را وارد کرده و گزینه ی Save را انتخاب کنید. به عنوان مثال اندازه ی Width را روی 150 و Height را روی 100 تنظیم می کنیم.
-
- با انتخاب گزینه ی Save تصویر زیر را مشاهده خواهید کرد.
به منظور جابه جا کردن دایره یا بیضی در Home page از روش drag و drop استفاده می شود. طبق تصویر زیر گزینه های موجود در پنجره ی Circle – properties عبارت اند از:
- Basic:
-
- Name
- Location: جهت تغییر موقعیت دایره یا بیضی
- Size: جهت تغییر ابعاد دایره یا بیضی
- Styles:
-
- Border width: جهت تغییر ضخامت محیط یا حاشیه ی دایره یا بیضی
- Border Style: جهت تغییر نوع خط چین، خط و غیره برای حاشیه ی دایره یا بیضی
- Border Color: جهت تغییر رنگ حاشیه ی دایره یا بیضی
- Background Color: جهت تعیین رنگ پس زمینه ی دایره یا بیضی
- Transparency: جهت تغییر شفافیت
- Fill: جهت پر کردن دایره با رنگ پس زمینه ی انتخاب شده
Basic
قسمت Basic در نرم افزار LWE شامل گزینه های Text، Image و Link است. از این بخش جهت اضافه کردن متن، تصویر و لینک در پروژه استفاده می شود.
1) Text
به منظور افزودن متن، گزینه ی Text در پنجره ی Component را گرفته و با استفاده از Drag کردن آن را در پنجره ی Home page رها کنید.
جهت تغییر موقعیت آن از دو روش زیر استفاده می شود:
- Drag و Drop کردن متن
- گزینه ی Location در پنجره ی Text – Properties
تصویر زیر موقعیت پنجره ی Text – Properties را نشان می دهد.
گزینه های موجود در پنجره ی text – properties عبرات اند از:
- Basic
-
- Name
- Location: تغییر موقعیت متن
- Size: تغییر سایز متن
- Styles
-
- Font: تغییر فونت متن
- Text Color: تغییر رنگ متن
- Background Color: تغییر رنگ پس زمینه
- Fill: پرکردن رنگ پس زمینه ی انتخاب شده
- Values
-
- Text value: در این قسمت متن مورد نظر خود را وارد می کنیم. روش دیگر جهت نوشتن متن داخل کادر Text، دابل کلیک کردن روی کادر است. تصویر زیر موقعیت این کادر را نشان میدهد.
Font
با کلیک روی قسمت نمایش داده شده در تصویر زیر می توان Font، Style و Size متن را تغییر داد.
با انتخاب قسمت نمایش داده شده در تصویر بالا پنجره ی Text – font باز می شود. تصویر زیر این پنجره را نشان می دهد.
2) Image
جهت افزودن یک تصویر به پروژه از گزنیه ی Image استفاده می کنیم. به این منظور از طریق Drag و Drop کردن آیکون Image آن را از پنجره ی Component به Home page منتقل می کنیم.
تغییرات مورد نظر روی تصویر بالا را از پنجره ی Image – Properties انجام می دهیم. طبق تصویر زیر این پنجره شامل گزینه های زیر است:
- Basic:
-
- Name
- Location: تعیین موقعیت تصویر
- Size: تعیین سایز تصویر
- Values
-
- Image: انتخاب تصویر مورد نظر
نحوه ی انتخاب تصویر
به منظور انتخاب تصویر مورد نظر روی عبارت Default.png کلیک کرده تا پنجره ی Graph Library باز شود. در این پنجره تصویر مورد نظر خود را انتخاب کنید. در ادامه با استفاده از گزینه ی Ok تغییرات انجام شده را تایید کنید.
به عنوان مثال فرض کنید می خواهیم شماتیک یک موتور را رسم کنیم. به این منظور گزینه ی Motor در Graph library را انتخاب می کنیم. در ادامه از میان شماتیک های نمایش داده شده شکل مورد نظر خود و سپس گزینه ی OK را انتخاب می کنیم.
با انتخاب گزینه ی Ok تصویر زیر را مشاهده می کنید.
3) Link
به منظور افزودن یک لینک URL یا Uniform Resource Locator از ابزار Link در پنجره ی Component استفاده می کنیم. ابتدا با استفاده از روش Drag و Drop گزینه ی Link را گرفته و از پنجره ی Component به Home page یا Editor pane منتقل می کنیم.
گزینه های موجود در پنجره ی Link – Properties عبارت اند از:
- Basic:
-
- Name
- Location: تعیین موقعیت لینک
- Size: تعیین ابعاد لینک
- Styles:
-
- Font: در این قسمت اطلاعات مربوط به فونت، سبک قلم و اندازه به صورت جداگانه تعیین می شوند.
- Text Color: از این قسمت رنگ متن را مشخص می کنیم.
- Fill: پر کردن پس زمینه با انتخاب این گزینه انجام می شود.
- Values
-
- o Text Value: در این قسمت محتوای لینک و یا Content مربوط به لینک را وارد می کنیم.
- Url: لینک URL مورد نظر را در این قسمت وارد میکنیم.
تصویر زیر پنجره ی Link – Properties را نشان می دهد.
جهت مطالعه ی سایر مقالات برنامه نویسی لوگو لطفا به قسمت مقالات PLC مراجعه کنید.
دیدگاه خود را ثبت کنید
تمایل دارید در گفتگوها شرکت کنید؟در گفتگو ها شرکت کنید.