MrCodeKasra
MrCodeKasra
خواندن ۳ دقیقه·۳ روز پیش

کار با رنگ ها در Tkinter پایتون

یکی از بهترین ماژول ها و کتابخانه های گرافیکی پایتون بدون شک tkinter هست چون هم یادگیری و کار باهاش راحته و هم گیجت نمیکنه و هم از طرفی واقعا کاربردی هستش اما یه مشکلی داره اونم بحث Ui و Ux هستش (رابط کاربری و تجربه کاربری) ما توی این موضوع نیاز به استفاده از رنگ هارو داریم که یکی از مهم ترین مبحث های رابط کاربری هستش در این پست قرار هست نحوه کار با رنگ هارو در Tkinter یادبگیریم

https://www.aparat.com/v/tjk1721

اگه حوصله خوندن این پست رو ندارید از کانال آپارات من میتونید آموزش کاملش رو ببینید

قدم اول:ساخت یک برنامه گرافیکی و اجرا کردن آن

به کد زیر توجه کنید:

  • خط اول تا سوم ماژول ها و کتابخانه tkinter رو فراخوانی میکنه توی خط اول ما برای این که راحت تر باشیم اسم tkinter رو به tk ساده میکنیم. توی خط سوم من بخش فونت tkinter رو اضافه کردم تا بتونم متن و نوشته ها و دکمه ها و Entry هارو بزرگ کنم

  • توی خط چهارم من یه متغییر اجرایی درست کردم که به کمک اون بتونم برنامه رو اجرا کنم و اسمش رو گذاشتم root مساوی با کل Tkinter

  • توی خط پنجم یک تایتل (نوشته) برای برنامه ام درست کردم و اسمش رو گذاشتم salam

  • توی خط ششم هم با geometry یک ابعاد به برنامه میدیم یادتون باشه داخل ' ' بذارید و با کلمه x که معنی همون ضرب رو میده یه ابعادی مشخص بهش میدیم

  • توی خط هفتم یک متغیر به عنوان fontobj درست میکنیم و سایز مورد نظر رو به فونتی که ساختیم میدیم برای این کار از tkFont.Font(size=28) استفاده میکنیم

  • خط هشتم و نهم خیلی مهم هستش ما یک متغیر به هر اسمی که دوست داریم درست میکنیم من خودم اسمش رو Aiytext گذاشتم و بعدش با دستور Label یک متن درست میکنیم و داخل اون root که کلمه اجرایی برنامه ما هست رو میذاریم سپس با text یه متنی رو داخلش میذاریم که خودم نوشتم welcom to salam بعد با width و height یه مختصات رو بهش میدیم که روی صفحه برنامه کجا قرار بگیره.

  • بعد اون فونتی که قبلا درست کرده بودیم و اسمش رو گذاشتم fontobj رو داخلش میذاریم که باعث میشه سایز متن تغییر کنه

  • اینجا مهم ترین قسمت هستش ما برای رنگ متن مون از کلمه fg استفاده میکنیم اون رو مساوی یه کد رنگ قرار میدیم حواستون باشه حتما با # شروع شده باشه و حتما هم داخل ' ' یا " " باشه

  • خط دهم ما این متن که ساختیم رو داخل برنامه مون قرار میدیم با استفاده از grid()

  • در نهایت با دستور root.mainloop() برنامه رو اجرا میکنیم

نتیجه کار
نتیجه کار

تفاوت fg و bg و این که چه شکلی از رنگ ها استفاده کنیم؟

fg به معنی رنگ اصلی هست ولی bg به معنی رنگ پس زمینه هستش همون طور که گفتم

مثلا اگه من بیام به همین متغیر Aiytext یه bg بنفش بندازم یه همچین چیزی میشه:

به خاطر این که من سایز فونت رو خیلی بالا بردم رنگ پس زمینه این شکلی شد (: ولی بازم قشنگه
به خاطر این که من سایز فونت رو خیلی بالا بردم رنگ پس زمینه این شکلی شد (: ولی بازم قشنگه

یه سری کد رنگ مخصوص پایتون

میتونید از این رنگ های زیبا توی برنامه تون استفاده کنید (:

البته بگم یه عالمه سایت هم هستن که شما میتونید بی نهایت رنگ انتخاب کنید مثل سایت:

colorhunt

colordesighner

امیدوارم از این پست لذت برده باشید (:

رابط کاربریپایتونبرنامه نویسیpythonتجربه کاربری
محمد کسرا هستم نویسنده ، طراح و برنامه نویس(:
شاید از این پست‌ها خوشتان بیاید