تعد واجهة المستخدم الرسومية جزءا لا يتجزأ من معظم التطبيقات ، مثل الألعاب وتطبيقات الهاتف المحمول وبرامج سطح المكتب. مكتبة تكينتر في بيثون يسمح لك لخلق واجهة المستخدم الرسومية باستخدام واجهة بسيطة وبديهية. أحد العناصر المهمة في واجهة المستخدم الرسومية هو القدرة على إضافة صورة.
يمكن أن تكون إضافة صورة إلى تكينتر مفيدة لعرض الشعارات أو الصور أو العناصر المرئية الأخرى. في هذه المقالة ، سننظر في عدة طرق لإدراج الصور في تكينتر وإعطاء أمثلة التعليمات البرمجية. ستكون معرفة المبادئ الأساسية مفيدة للمطورين الذين يرغبون في إنشاء واجهات مستخدم أكثر تفاعلية وملونة.
واحدة من الطرق لإدراج صورة في تكينتر هو استخدام القطعة التسمية. تم تصميم أداة التسمية لعرض النص ، ولكن يمكنها أيضا عرض صورة. لإدراج صورة باستخدام التسمية ، تحتاج إلى تحميل الصورة باستخدام وحدة بيل (مكتبة بيثون التصوير) وإنشاء مثيل من فئة إيماجيتك.صورة فوتوغرافية. ثم قم بإنشاء مثيل لفئة التسمية وقم بتعيين سمة الصورة مساوية لمثيل الصورة الفوتوغرافية الذي تم إنشاؤه.
- # وضع القطعة التسمية في النافذة
- التسمية.حزمة()
- # بدء حلقة الحدث الرئيسية
- نافذة.مينلوب()
- في هذا المثال ، نقوم بتحميل صورة من " الصورة.ينغ " ملف باستخدام وحدة بيل ، إنشاء مثيل من فئة فوتويماج وتمريرها إلى سمة صورة من القطعة التسمية. ثم نضع القطعة التسمية في النافذة وبدء حلقة الحدث الرئيسي باستخدام طريقة مينلوب.
- الشروع في العمل مع تكينتر: إنشاء النوافذ والحاجيات
تحميل صورة: اختيار الشكل والحجم المناسبين
إنشاء عنصر "الصورة": المعلمات والإعدادات الأساسية
معلمات الصورة
إعدادات العرض
عرض الصوروضع صورة في نافذة: استخدام مدير الهندسة
التعامل مع الحدث والتفاعل مع الصورة: إضافة وظائف1. معالجة النقر على الصورة
2. تغيير الصورة عن طريق النقر
3. الرسوم المتحركة للصور
4. استخدام الأزرار للتحكم في الصورةسؤال وجواب
الشروع في العمل مع تكينتر: إنشاء النوافذ والحاجيات
في هذا القسم ، ونحن سوف ننظر في أساسيات العمل مع مكتبة تكينتر في بيثون ، وهي خلق النوافذ والحاجيات.تكينتر هو معيار واجهة المستخدم الرسومية (واجهة المستخدم الرسومية) مكتبة لبيثون. يوفر مجموعة من الأدوات لإنشاء النوافذ والأزرار وحقول النص وعناصر الواجهة الأخرى.
لبدء العمل مع تكينتر ، تحتاج إلى استيراد المكتبة:
استيراد تكينتر كما تك
بعد ذلك ، قم بإنشاء نافذة التطبيق الرئيسية. للقيام بذلك ، استدعاء منشئ الفئة tk.Tk ():
نافذة = tk.Tk ()الآن لدينا النافذة الرئيسية ، لكنها لا تزال فارغة. لإضافة عناصر واجهة مستخدم إليها ، تحتاج إلى تحديد الأدوات وترتيبها باستخدام مدير الهندسة.
تكينتر لديها العديد من مديري الهندسة ، والأكثر شيوعا منها حزمة () ، الشبكة () ومكان (). كل واحد منهم يوفر وسيلة لوضع الحاجيات على النافذة الرئيسية أو غيرها من الحاويات.
باستخدام حزمة () ، يمكنك وضع الحاجيات عموديا أو أفقيا.زر = المعارف التقليدية.زر (نافذة ، نص= "ادفعني")
زر.حزمة()
باستخدام الشبكة () ، يمكنك حساب موضع الأدوات في الجدول
التسمية = المعارف التقليدية.التسمية (نافذة ، نص= " أدخل اسمك:")
التسمية.الشبكة (الصف = 0 ، العمود = 0)
دخول = المعارف التقليدية.دخول (نافذة)
دخول.الشبكة(الصف = 0 ، العمود = 1)
تسمح لك طريقة المكان () بتحديد الموضع المطلق للقطعة.
قماش = المعارف التقليدية.قماش (نافذة ، عرض=200 ، ارتفاع=200)
- قماش.مكان (س = 0 ، ص = 0)
- بعد إنشاء جميع الحاجيات اللازمة ووضعها ، لا ننسى لاستدعاء وظيفة مينلوب() لبدء حلقة الحدث الرئيسي وعرض النافذة.
- نافذة.مينلوب()
هذه هي أساسيات العمل مع تكينتر. لقد تعرفنا على أنفسنا لفترة وجيزة فقط مع أساليب تخطيط القطعة ، سيكون أكثر إثارة للاهتمام ومفهومة بالنسبة لك لدراسة المكتبة في الممارسة وإنشاء تطبيقات واجهة المستخدم الرسومية الخاصة بك.
تحميل صورة: اختيار الشكل والحجم المناسبين
عند إضافة صورة إلى واجهة المستخدم الرسومية باستخدام مكتبة تكينتر ، من المهم اختيار تنسيق الملف وحجمه المناسبين. يمكن أن يؤدي اختيار التنسيق غير الصحيح إلى تشويه وفقدان جودة الصورة ، ويمكن أن يؤدي حجم الملف الكبير جدا إلى إبطاء التطبيق.
يعتمد تنسيق الملف المناسب على متطلبات المشروع وميزات عرض الصور في التطبيق. تنسيقات الصور الأكثر شيوعا هي الحياة السياسية في فرنسا ، ينغ و جيف.
الحياة السياسية في فرنسا (مجموعة خبراء التصوير المشترك): مناسبة للصور والصور مع لوحة الألوان الغنية. عادة ما تكون ملفات الحياة السياسية في فرنسا أصغر حجما ، ولكنها قد تفقد بعض جودة الصورة بسبب الضغط.
بابوا نيو غينيا (رسومات الشبكة المحمولة): مناسبة للصور ذات الخلفيات الشفافة أو الرسومات عالية الوضوح. تنسيق ينغ يدعم ضغط ضياع ، والذي يسمح لك لحفظ الصورة في ذات جودة عالية ، ولكن الملفات يمكن أن تكون كبيرة.
جيف (تنسيق تبادل الرسومات): مناسبة للصور المتحركة بسيطة أو الرسومات مع عدد قليل من الألوان. عادة ما تكون ملفات الصور المتحركة صغيرة الحجم ، ولكن قد تحتوي على لوحة ألوان محدودة وتفقد جودة الصورة بسبب الضغط.
بالإضافة إلى اختيار التنسيق المناسب ، من المهم أيضا مراعاة حجم ملف الصورة. يمكن أن يؤدي تنزيل ملفات كبيرة جدا إلى إبطاء التطبيق ويتطلب قدرا كبيرا من ذاكرة الوصول العشوائي. في مثل هذه الحالات ، يوصى بتقليل حجم الصورة قبل تحميلها على التطبيق.
لتحديد حجم الصورة المناسب ، يمكنك استخدام وظائف مكتبة الوسائد ، والتي توفر القدرة على معالجة الصور في بايثون. باستخدام وظيفة الصورة المصغرة ، يمكنك تقليل حجم الصورة مع الحفاظ على النسب:
افتح ملف الصورة باستخدام الصورة.وظيفة مفتوحة.
| استخدم وظيفة الصورة المصغرة لتغيير حجم الصورة. حدد قيم العرض والارتفاع المطلوبة. | احفظ الصورة المعدلة باستخدام وظيفة الحفظ. | مثال على استخدام وظيفة الصورة المصغرة: |
|---|---|---|
| من بيل استيراد صورة | صورة ملف الصورة = صورة.فتح ("مثال.جبغ ") | # Уменьшение размера изображения |
| image.thumbnail((400, 400)) | ||
التسمية.حزمة()
# بدء حلقة الحدث الرئيسية
نافذة.مينلوب()
اف
Изображение: 200 KB
Thumbnail: 100 KB
from PIL import Image, ImageTk
import tkinter as tk
# Создание окна
window = tk.Tk()
# Открытие файла изображения
image = Image.open("example.gif")
- # Уменьшение размера изображения
image.thumbnail((400, 400))
# Создание объекта изображения
photo = ImageTk.PhotoImage(image)
# Создание виджета Label с изображением
label = tk.Label(window, image=photo)
# Размещение виджета на окне
التسمية.حزمة()
# بدء حلقة الحدث الرئيسية
نافذة.مينلوب()
إنشاء عنصر "الصورة": المعلمات والإعدادات الأساسية
تستخدم مكتبة تكينتر عنصر" الصورة " للعمل مع الصور. هذا العنصر يسمح لك لإضافة صورة إلى واجهة المستخدم الرسومية بيثون وتخصيص سلوكها والمظهر. في هذا القسم ، سنلقي نظرة على المعلمات والإعدادات الأساسية التي يمكن تطبيقها على عنصر "الصورة".
معلمات الصورةقبل إضافة صورة إلى واجهة المستخدم الرسومية ، يجب عليك إنشاء مثيل لفئة الصورة وتحديد المسار إلى ملف الصورة.
ملف-اسم أو مسار ملف الصورة. يمكن تحديد كل من المسار المطلق والمسار النسبي من الدليل الحالي.
تنسيق-تنسيق ملف الصورة. إذا لم يتم تحديد التنسيق ، فستحاول المكتبة اكتشافه تلقائيا بواسطة امتداد اسم الملف.
العرض-عرض الصورة بالبكسل.
الارتفاع-ارتفاع الصورة بالبكسل.
الحجم-مجموعة من عنصرين (العرض والارتفاع) يضبطان حجم الصورة بالبكسل. معلمات العرض والارتفاع لها أولوية أعلى ، لذلك إذا تم تحديدها مع الحجم ، فسيتم استخدام قيم العرض والارتفاع.
إعدادات العرض
بعد إنشاء مثيل لفئة الصورة ، يمكنك تكوين عرضه على الواجهة الرسومية:
مرساة-يحدد نقطة الربط للصورة. القيمة الافتراضية هي المركز. القيم الصالحة هي: ن ، ق ، ث ، ه ، شمال غرب ، شمال شرق ، جنوب غرب ، جنوب شرق ، مركز.
بغ هو لون الخلفية تحت الصورة. يمكن أن تكون أي قيمة لون صالحة (على سبيل المثال ، "أحمر" أو "#فف0000").بادكس هو الحشو الداخلي الأفقي بالبكسل. القيمة الافتراضية هي 0.
بادي-الحشو الداخلي العمودي بالبكسل. القيمة الافتراضية هي 0.
الإغاثة هي نمط الإطار حول الصورة. القيم المقبولة: مسطحة ، غارقة ، مرتفعة ، أخدود ، سلسلة من التلال. القيمة الافتراضية مسطحة.
عرض الصور
Чтобы добавить изображение на графический интерфейс, необходимо создать виджет Label и передать ему созданный экземпляр класса Image:
from tkinter import Tk, Label
from PIL import Image, ImageTk
root = Tk()
image = Image.open("path/to/image.jpg")
tk_image = ImageTk.PhotoImage(image)
label = Label(root, image=tk_image)
label.pack()
root.mainloop()
في التعليمات البرمجية أعلاه ، أنشأنا نافذة التطبيق الرئيسية ، تحميل الصورة باستخدام مكتبة وسادة ، وخلق مثيل من فئة إيماجيتك.فوتويماج وتمريرها إلى القطعة التسمية. ثم وضعنا القطعة التسمية على واجهة المستخدم الرسومية باستخدام طريقة حزمة.
الآن أنت تعرف المعلمات والإعدادات الأساسية لإنشاء عنصر" الصورة " في تكينتر. يمكنك استخدامها لتخصيص عرض الصور في واجهة المستخدم الرسومية بيثون الخاص بك.
وضع صورة في نافذة: استخدام مدير الهندسةيمكنك استخدام مديري الهندسة لوضع صورة في نافذة واجهة المستخدم الرسومية تكينتر. يسمح لك مدير الهندسة بوضع عناصر واجهة مستخدم في نافذة بها قواعد وقيود معينة.
أبسط والأكثر شيوعا مدير الهندسة في تكينتر هو حزمة (). مع ذلك ، يمكنك بسهولة وضع الحاجيات في صف واحد أو عمود واحد.
لوضع صورة في النافذة ، اتبع الخطوات التالية:
إنشاء القطعة التسمية مع صورة
استخدم طريقة الحزمة () لوضع الأداة في النافذة
نموذج التعليمات البرمجية:
من تكينتر استيراد المعارف التقليدية ، التسمية
من بيل استيراد صورة ، إيماجيتك
# إنشاء نافذة
نافذة = المعارف التقليدية()
# تحميل وفتح صورة
صورة = صورة.فتح ("صورة.بابوا نيو غينيا")
الصورة = إيماجيتك.صورة فوتوغرافية (صورة)
# إنشاء القطعة مع صورة
التسمية = التسمية (نافذة ، صورة = صورة)
# وضع القطعة في