كيو تي هي منصة قوية لتطوير التطبيقات عبر الأنظمة الأساسية ، وأحد العناصر الرئيسية لواجهة المستخدم هي الأزرار. نحتاج أحيانا إلى تغيير لون الزر للتأكيد على أهميته أو جذب انتباه المستخدم. في هذا الدليل البسيط ، سنوضح لك كيفية تغيير لون الزر في كيو تي باستخدام لغة برمجة سي++.
لتغيير لون الزر في كيو تي ، سوف نستخدم أوراق الأنماط التي تسمح لنا بتخصيص مظهر عناصر واجهة المستخدم. أوراق الأنماط هي مجموعة من القواعد التي تحدد مظهر العنصر.
أولا ، دعونا إنشاء زر باستخدام فئة كبوشبوتون. بعد ذلك ، يمكننا تطبيق ورقة الأنماط لتغيير لونها. على سبيل المثال ، يمكننا استخدام خاصية لون الخلفية لتعيين لون خلفية الزر. كل هذا سيتم باستخدام لغة البرمجة سي programming.
- زر.عرض();
- عودة التطبيق.إكسيك();
}
الخطوة 1: إنشاء زر
الخطوة 2: تغيير لون الزر
الخطوة 3: تطبيق التغييرات
الخطوة 4: التحقق من النتائج
الخطوة 5: ميزات إضافية
سؤال وجواب
الخطوة 1: إنشاء زر
إنشاء زر في كيو تي ج simple بسيط جدا. أولا ، إنشاء كائن زر باستخدام فئة كبوشبوتون.
مثال على الكود:
كبوشبوتون * زر = كبوشبوتون جديد ("انقر لي" ، هذا);
في المثال أعلاه ، يتم إنشاء زر جديد يقول"انقر فوق". تشير القيمة" هذا " في منشئ الزر إلى النافذة الرئيسية التي سيتم عرض الزر فيها.
بعد إنشاء زر ، يمكنك تغيير خصائصه مثل النص والأبعاد والموضع وما إلى ذلك.
مثال على الكود:
زر - > سيتكست ("تسمية جديدة");
زر - > سيتفيكسيدسيزي (100 ، 50);
- زر - > نقل (50 ، 50);
- في المثال أعلاه ، نقوم بتغيير نص الزر إلى" تسمية جديدة " ، وتعيين حجم زر ثابت (عرض 100 بكسل وارتفاع 50 بكسل) ونقل الزر إلى موضع (50 ، 50) بالنسبة إلى النافذة الرئيسية.
- بعد تنفيذ الكود أعلاه ، سيتم إنشاء الزر وعرضه في النافذة الرئيسية.
| لإضافة زر إلى النافذة الرئيسية للتطبيق الخاص بك ، تحتاج إلى تحديد الموضع الصحيح وحجم الزر باستخدام طرق مثل نقل() و سيتفيكسيدسيزي(). | الآن لديك زر يمكنك استخدامه لأداء منطقك ، مثل تغيير لون الزر عند الضغط عليه. سوف تتعلم كيفية تغيير لون الزر في كيو تي ج in في الخطوات التالية من هذا الدليل. |
|---|---|
| الخطوة 2: تغيير لون الزر | بعد إنشاء زر في تطبيق كيو تي سي C ، يمكنك تغيير لونه لجعله يبرز من الخلفية أو يتطابق مع التصميم العام للتطبيق. في هذه الخطوة ، سننظر في كيفية تغيير لون الزر. |
| فتح الملف مع رمز التطبيق الخاص بك في كيو تي ج++. | ابحث عن الزر خلق. يتم ذلك عادة باستخدام منشئ فئة كبوشبوتون. |
| إضافة التعليمات البرمجية التالية لتغيير لون الزر: | لون الزر |
كود
أحمر
زر - > سيتستيلشيت ("لون الخلفية: أحمر");
الأزرق
زر - > سيتستيلشيت ("لون الخلفية: الأزرق");
الأخضر
زر - > سيتستيلشيت ("الخلفية اللون: الأخضر");
يمكنك اختيار أي لون عن طريق تعيين قيمة بتنسيق رغب أو باستخدام ألوان محددة مسبقا في كيو تي.
مثال:
التغييرزر اللون
. عند الضغط على الزر ، سيتم استدعاء الوظيفة
على زر انقروالتي بدورها سوف استدعاء وظيفة
التغييرزر اللون
مع اللون الذي نحتاجه.
لنقم بإجراء التغييرات التالية على رمز الوظيفة
النافذة الرئيسية:: على زر النقر
:
نافذة رئيسية باطلة:: على زر النقر ()
{
- // ...
- التغييرزر اللون (كيو كولور(255, 0, 0)); // استدعاء وظيفة تغيير زر اللون وتمرير اللون
- إلى ذلك }
انتبه إلى الزر. إذا تغير لون الزر ، فهذا يعني أنك قمت بتغييره بنجاح إلى اللون المطلوب.
إذا كان لون الزر لا يزال كما هو أو مختلفا عما كنت تتوقعه ، فتحقق مما يلي:
تأكد من إضافة جميع الأسطر الضرورية من التعليمات البرمجية لتغيير لون الزر.
تأكد من تعيين اللون المطلوب بشكل صحيح بتنسيق رغب أو استخدام أحد الثوابت المحددة مسبقا.
تأكد من أنك قمت بتطبيق التغييرات على الزر نفسه.
تأكد من إعادة بناء التطبيق وإعادة تشغيله بعد إجراء التغييرات. |
تأكد من أنك لم تغير لون الزر في أي مكان آخر في الكود ، مما قد يؤدي إلى نتائج غير متوقعة.
قم بتحليل النتائج ، وإذا لزم الأمر ، كرر الخطوات السابقة لتحقيق لون الزر المطلوب. تأكد من حفظ التغييرات بعد كل تحرير التعليمات البرمجية وإعادة بناء التطبيق قبل التحقق من النتائج.
الخطوة 5: ميزات إضافية |
بالإضافة إلى تغيير لون خلفية الزر ، تقدم كيو تي عددا من الخيارات الإضافية لتخصيص مظهر الزر.
1. تغيير لون الخط
يمكنك أيضا تغيير لون خط النص المعروض على الزر. للقيام بذلك ، يمكنك استخدام طريقة سيتستيلشيت () وتعيين خاصية اللون. |
زر - > سيتستيلشيت ("اللون: أحمر؛");
2. تغيير حجم الخط
إذا كنت بحاجة إلى زيادة أو تقليل حجم الخط من النص على الزر ، يمكنك استخدام طريقة سيتستيلشيت مماثلة () وتعيين الخاصية حجم الخط. |
زر - > سيتستيلشيت ("حجم الخط: 12 نقطة؛");
3. تغيير المظهر عند التمرير
كيو تي يسمح لك بتغيير نمط زر عند تحوم فوقها. للقيام بذلك ، يمكنك استخدام الخاصية تحوم في الأسلوب سيتستيليشيت (). |
زر - > سيتستيلشيت ("لون الخلفية: أصفر؛");
4. تغيير المظهر عند النقر