برچسب: رابط کاربر

جدید آموزش ایجاد رابط گرافیکی کاربر (GUI) در پایتون به وسیله Tkinter قسمت 7 – canvas

تابلو نقاشی یا canvas ویجتی که هر رابط کاربری باید در اختیار داشته باشد تابلو نقاشی یا همان canvas هست که tkinter نیز این ویجت را دارد. در canvas می توان اشکال گرافیکی دلخواه را رسم کرد، مانند خط ، منحنی، مستطیل، دایره و …بگذارید برای شروع یک تابلوی خالی با رنگ پس زمینه سفید ایجاد کنیم: طبق معمول یک پنجره ایجاد می کنیم و در خط 6 یک تابلو به نام cv درست می کنیم و رنگ پس زمینه آن را سفید و کلفتی کادر دورش را 2 پیکسل و نوع کادر را groove تعیین می نماییم. در خط 7 اندازه و مکان آن را مشخص می کنیم و در پایان حلقه اصلی برنامه قرار دارد. در زیر می بینید برنامه بعد از اجرا به چه شکل خواهد بود: در ادامه برنامه ای می نویسیم که چند شکل مختلف را روی تابلو ترسیم کند و بعد  دستور مورد نیاز برای ترسیم هر یک را توضیح می دهیم: ابتدا ببینیم که نتیجه اجرای برنامه به چه صورت است: خطوط 1 تا 7 مشابه قبل هست و تا اینجا یک پنجره و یک تابلو روی اون ایجاد کردیم. خط  یا line در خط 8 با استفاده [ . . . ]

  • 36 بازدید
  • 0
  • 16 ژوئن, 2021
ادامه مطلب

جدید آموزش ایجاد رابط گرافیکی کاربر (GUI) در پایتون به وسیله Tkinter قسمت 6 – listbox

بعد از آشنایی با چند ویجت اساسی tkinter کم کم با سایر ویجت ها آشنا می شویم و این بار نوبت listbox است. در این ویجت می توان آیتمهایی را اضافه کرد یا حذف نمود. برای شروع ابتدا برنامه ای می نویسیم که یک لیست باکس را ایجاد کند و تعدادی آیتم را نمایش دهد. برنامه اولیه را در زیر می بینید: توضیح برنامه: حتما می دانید پنجره اصلی را در خطوط 1 تا 5 ایجاد کردیم. در خط 1 tkinter را با نام مستعار و کوتاه و دلخواه tk فراخوانی کردیم و در ادامه برنامه هم به جای استفاده از tkinter از همان tk که به آن اختصاص داده ایم استفاده می کنیم. در خط 6 و 7 لیست باکسی به نام lst تعریف و ابعاد و مکان آن را تعیین کردیم. در خطوط بعدی با استفاده از دستور insert آیتمهایی را به لیست باکس اضافه می کنیم و در انتها حلقه اصلی را اجرا می کنیم. بعد از اجرای برنامه پنجره زیر نمایش داده می شود: همان طور که می بینید صرفا لیست باکس به همراه آیتمهایش نمایش داده می شود و برنامه کار خاصی انجام نمی دهد. برای اینکه بتوانیم کاری روی [ . . . ]

  • 86 بازدید
  • 0
  • 27 می, 2021
ادامه مطلب

جدید آموزش ایجاد رابط گرافیکی کاربر (GUI) در پایتون به وسیله Tkinter قسمت 5 – متغیرها

متغیرهای tkinter Tkinter از برخی متغیرهای مخصوص به خودش برای دستکاری مقادیر ویجتها استفاده می کند. برای خواندن مقدار فعلی چنین متغیری ، روش ()get را فراخوانی می کنیم و مقدار چنین متغیری را می توان با روش ()set تغییر داد. متغیر رشته ای: name = StringVar() متغیر integer: age = IntVar() متغیر اعشاری یا float: score = DoubleVar() متغیر Boolean: flag = BooleanVar() در ادامه برنامه یک برنامه نمونه که طریقه استفاده از یکی از این متغیرها در آن نشان داده  شده را می بینید: توضیح این برنامه در قسمت مربوط به entry قابل مشاهده است.

  • 124 بازدید
  • 0
  • 20 می, 2021
ادامه مطلب

جدید آموزش ایجاد رابط گرافیکی کاربر (GUI) در پایتون به وسیله Tkinter قسمت 4 – Entry

وارد کردن متن توسط ویجت Entry در این قسمت از آموزش tkinter قصد داریم با ویجتی آشنا شویم که کاربر می تواند مقادیری را در آن وارد کند، نام این ویجت  Entry  است. برنامه می تواند مقادیری را که کاربر در این ویجت وارد می کند دریافت و پردازش های مورد نیاز را روی آن انجام دهد. برای اینکه ببینیم چطور می شود از این ویجت در برنامه استفاده کرد برنامه ای می نویسیم که کاربر اسمش را وارد می کند و برنامه به او خوش آمد می گوید. به کد زیر نگاه کنید: توضیح برنامه: مثل قسمتهای قبل در پنجره اصلی را در خطوط 1 تا 5 ایجاد کردیم. اما این بار در خط 1 tkinter را با نام مستعار و کوتاه و دلخواه tk فراخوانی کردیم و در ادامه برنامه هم به جای استفاده از tkinter از همان tk که به آن اختصاص داده ایم استفاده می کنیم. در خط 6 و 7 تابعی را تعریف کرده ایم به نام clicked که بعدا موقع کلیک روی دکمه فراخوانی می شود. بعدا درباره این تابع توضیح خواهیم داد. در خط 8 لیبلی را تعریف کردیم که موقع اجرای برنامه متن ثابتی را نمایش خواهد [ . . . ]

  • 128 بازدید
  • 0
  • 19 می, 2021
ادامه مطلب

جدید آموزش ایجاد رابط گرافیکی کاربر (GUI) در پایتون به وسیله Tkinter قسمت 3 – دکمه Button

دکمه یا Button در این قسمت ویجت  Button  را معرفی کنیم. این ویجت یک دکمه هست که می توانید در رابط کاربری که با استفاده از tkinter ایجاد می کنید از آن استفاده نمایید. می توان برای هر دکمه تابع یا متدی نوشت که وقتی دکمه توسط کاربر کلیک شد اتفاق مورد نظر رخ بدهد.بهتر است که ادامه کار را با یک مثال عملی پیش ببریم: می خواهیم یک پنجره یا فرم درست کنیم که وقتی کاربر روی دکمه آن کلیک می کند متن داخل label تغییر کند. به کد زیر نگاه کنید: توضیح برنامه برای این کار ابتدا tkinter را طبق خط 1 و 2 فراخوانی می کنیم. سپس یک پنجره یا فرم به نام root ایجاد می کنیم. در خطوط 4 و 5 ابعاد پنجره را 300 در 200 پیکسل تنظیم می کنیم و ابعاد را غیر قابل تغییر می کنیم. در خط 6 و 7 یک تابع به نام clicked تعریف می کنیم، با اجرای این تابع قرار است متن لیبل به نام lbl هر چه هست به عبارت Karakit تغییر کند. این کار در خط 7 به کمک configure انجام می شود. دقت نمایید که وقتی تابع را تعریف می کنیم [ . . . ]

  • 151 بازدید
  • 0
  • 12 می, 2021
ادامه مطلب

جدید آموزش ایجاد رابط گرافیکی کاربر (GUI) در پایتون به وسیله Tkinter قسمت 2 – لیبل Label

لیبل Label در این قسمت قصد داریم که ویجت ساده اما کاربردی label را معرفی کنیم. این ویجت برای نمایش دادن یک متن به کاربر به کار میره و به وسیله کاربر قابل ویرایش نیست. ابتدا یک برنامه می نویسیم که ابتدا یک پنجره ایجاد می کند و بعد یک لیبل درون پنجره قرار می دهد. در این برنامه از روش جانمایی grid استفاده شده. در خط 1 تا 3 مثل قسمت اول یک پنجره ایجاد کردیم و اسم آن را root گذاشتیم. در خط 4 یک لیبل ایجاد کردیم به نام lbl و داخل پرانتز دو پارامتر را تنظیم کردیم. اول مشخص کردیم که این لیبل داخل پنجره root قرار دارد. در واقع ویجت والد این لیبل root هست. دومین پارامتر متنی هست که قرار است این لیبل نمایش بدهد که در اینجا Hello Karakit هست. در خط بعد با استفاده از grid مشخص می کنیم که این ویجت لیبل در چه سطر و ستونی قرار بگیرد. و در پایان هم حلقه اصلی برای اجرا شدن رابط کاربری ایجاد شده. با اجرای برنامه با چنین پنجره ای مواجه می شویم: همان طور که می بینید ظاهر چندان جالبی ندارد که به علت جانمایی grid [ . . . ]

  • 129 بازدید
  • 0
  • 5 می, 2021
ادامه مطلب