في تطوير التطبيقات على منصة وف ، واحدة من الجوانب الهامة هو خلق واجهة مستخدم جذابة وسهلة الاستخدام. طريقة واحدة لإعطاء واجهة نظرة حديثة ويشعر هو جولة زوايا الأزرار.
في هذه المقالة ، ونحن سوف ننظر في عدة طرق لجولة قبالة زر في وف بحيث تبدو أكثر جماليا وجذابة للمستخدمين.
الطريقة الأولى هي استخدام نمط للزر. يمكننا تعيين نمط في موارد تطبيقنا وتطبيقه على جميع الأزرار التي نريد إضافة زوايا دائرية إليها. للقيام بذلك ، سوف نحتاج إلى استخدام كورنراديوس و بوردرثيكنيس سمات داخل النمط.
مثال على نمط لزر مع زوايا مدورة:
- كيفية تحقيق زر التقريب في وف: النصائح والحيل
- استخدام الأنماط والقوالب لجولة زر في وف
- باستخدام خاصية كورنر راديوس لضمان تقريب الزر في وف
- تطبيق الآثار والموارد الرسومات لتحقيق زر التقريب في وف
- 1. باستخدام نصف قطر التقريب
- 2. استخدام الموارد الرسومية
- 3. استخدام التأثيرات
- سؤال وجواب
- كيف يمكنني تقريب قبالة زر في وف?
- هل هناك أي طرق أخرى لإضافة التقريب إلى زر في وف?
- هل من الممكن تقريب جزء فقط من الزر في وف?
كيفية تحقيق زر التقريب في وف: النصائح والحيل
في وف (ويندوز عرض الأساس) ، يمكن تزيين الأزرار بطرق مختلفة ، بما في ذلك زوايا التقريب. هذا يمكن أن يعطي الزر نظرة أكثر حداثة وجمالية. وفيما يلي بعض النصائح والحيل حول كيفية تحقيق زر التقريب في وف.
- بدلا من تطبيق كورنرديوس مباشرة إلى الزر ، يمكنك تحديد نمط للزر الذي لتعيين كورنرديوس. يمكن بعد ذلك تطبيق هذا النمط على جميع الأزرار التي يجب تقريبها. على سبيل المثال:
باستخدام مزيج:
في مزيج ، أداة تطوير وف ، يمكنك تعيين زوايا مدورة من زر بصريا. تحتاج إلى فتح الزر في مزيج ، حدد واجهة بصرية واستخدام أدوات مزيج لتغيير شكل الزر. ثم يمكنك تصدير رمز زمل الناتج وتطبيقه في التطبيق.
استخدام مكتبات الجهات الخارجية:
هناك مكتبات طرف ثالث التي توفر المزيد من الخيارات لتصميم أزرار في وف. المكتبات مثل ماهابس.مترو والموادتصميم إكسامل تقديم حلول جاهزة لتقريب الزوايا وأنماط زر أخرى.
باستخدام النصائح والحيل المذكورة أعلاه ، يمكنك تحقيق زر مدورة في وف ، ويعطيها نظرة أكثر حداثة ومطابقة تصميم التطبيق الخاص بك.
استخدام الأنماط والقوالب لجولة زر في وف
كجزء من تطوير واجهات المستخدم على منصة وف (ويندوز مؤسسة العرض) ، يصبح من الضروري تغيير شكل أو مظهر الضوابط القياسية ، مثل زر. أحد المتطلبات الشائعة هو تدوير زوايا الزر. يمكن استخدام الأنماط والقوالب لتحقيق هذا الهدف.
لإنشاء نمط زر مع زوايا مدورة ، يمكنك استخدام خاصية "كورنر راديوس" من فئة "التحكم". للقيام بذلك ، تحتاج إلى تحديد نمط مع القيم المطلوبة من الخاصية "كورنر راديوس" وتطبيقه على الزر.
في المثال أعلاه ، يتم إنشاء نمط غير مسمى بنوع "الزر" ، حيث يتم تعيين القيمة" 5 "لخاصية" كورنر راديوس " للزر. يتم تطبيق النمط على الزر في ترميز زمل ، مما يسمح لها بالحصول على زوايا مدورة.
إذا كنت بحاجة إلى إنشاء مظهر أكثر تعقيدا لزر ، على سبيل المثال ، إضافة خلفية متدرجة أو رمز ، يمكنك استخدام خاصية "القالب" من فئة "التحكم". باستخدام القالب ، يمكنك إعادة تعريف مظهر الزر بالكامل.
في هذا المثال ، يتم إنشاء نمط مع اسم "جولة بوتونستايل" ونوع "زر". يحدد قالب النمط عنصر التحكم الخاص به ، والذي يتكون من شبكة ذات حدود لها خلفية محددة باستخدام رمز اللون والزوايا الدائرية. يتم وضع عنصر كونتنتبريسنتر داخل الحدود ، والذي يعرض محتويات الزر.
يتم تعيين النمط للزر في ترميز زمل باستخدام خاصية" النمط " ورابط إلى النمط حسب المفتاح.
باستخدام الأنماط والقوالب يسمح لك لتخصيص بمرونة مظهر الزر في وف ، بما في ذلك تقريب الزوايا. ومع ذلك ، يجب أن نتذكر أن مثل هذه التغييرات يمكن أن تؤدي إلى فقدان بعض التفاعلات القياسية أو التفاعلات مع عناصر التحكم.
باستخدام خاصية كورنر راديوس لضمان تقريب الزر في وف
في وف (مؤسسة عرض ويندوز) ، هناك طرق مختلفة لإنشاء تأثيرات تصميم عنصر واجهة. واحدة من هذه الطرق هي استخدام الزاويةخاصية نصف القطر ، والتي تسمح لك بتدوير زوايا الزر.
من أجل تعيين تقريب عنصر ، تحتاج إلى استخدام فئة كورنراديوس المناسبة. يتم تمرير قيم نصف القطر لكل ركن من أركان العنصر في منشئ هذه الفئة: أعلى اليسار ، أعلى اليمين ، أسفل اليمين وأسفل اليسار. على سبيل المثال:
زر بلدي زر = زر جديد();
زري.كورنر راديوس = كورنر راديوس جديد (10 ، 10 ، 0 ، 0);
في هذا المثال ، يتم تعيين نصف قطر زوايا الزر على 10 بكسل للزوايا العلوية اليسرى والعليا اليمنى ، وصفر للزوايا السفلية اليسرى والسفلية اليمنى. سيؤدي ذلك إلى تقريب الزوايا العلوية للزر ، بينما تظل الزوايا السفلية مستقيمة.
يمكن تعيين الخاصية كورنراديوس ليس فقط في التعليمات البرمجية ، ولكن أيضا في ملف زمل ، والذي يستخدم لوصف واجهة المستخدم في وف. على سبيل المثال:
- في هذا المثال ، يتم تطبيق خاصية كورنر راديوس على عنصر الحدود ، والذي يعمل كحاوية للزر. يتم تعيين تقريب الزر لجميع الزوايا ، ونصف القطر هو 10 بكسل. بالإضافة إلى ذلك ، يقوم المثال أيضا بتعيين معلمات زر أخرى ، مثل لون الخلفية وموقع المحتوى.
- باستخدام خاصية كورنر راديوس ، يمكنك إنشاء تأثيرات تصميم زر مختلفة في وف ، مما يجعلها أكثر جاذبية وأنيقة. تدريجيا إتقان هذه الخاصية وتجريب قيمها سوف تسمح لك لتحقيق النتيجة المرجوة عند تصميم واجهة في وف.
تطبيق الآثار والموارد الرسومات لتحقيق زر التقريب في وف
عند تصميم واجهة المستخدم في وف ، واحدة من العناصر الرئيسية هو الزر. غالبا ما يكون من الضروري تغيير الشكل القياسي للزر ، مما يجعله مستديرا. في هذه المقالة ، ونحن سوف ننظر في كيفية تطبيق الآثار والموارد الرسومات لتحقيق شكل زر مدورة في وف.
1. باستخدام نصف قطر التقريب
أبسط طريقة لجعل زر تقريب هو استخدام خاصية كورنر راديوس من الزر. تتيح لك هذه الخاصية ضبط نصف قطر الزوايا الدائرية للزر. على سبيل المثال:
كورنر راديوس= " 10 " - يحدد نفس نصف قطر التقريب لجميع زوايا الزر.
كورنر راديوس="0, 0, 10, 10" — يحدد أنصاف أقطار تقريب مختلفة للزوايا العلوية والسفلية للزر.
2. استخدام الموارد الرسومية
إذا كان هناك حاجة إلى شكل زر أكثر تعقيدا ، فيمكن استخدام الموارد الرسومية. تتمثل الخطوة الأولى في إنشاء مورد رسومي يحدد شكل الزر.
مثال على مورد رسومي لزر مستدير:
بعد ذلك ، لتطبيق مورد رسومي على زر ، تحتاج إلى استخدام خاصية القصاصة. على سبيل المثال:
زر
هنا نطبق الزرشكل مورد الرسم على الزر عبر خاصية القصاصة. يحدد المورد شكل الزر بزوايا مستديرة ، كما يحدد سمك ولون مخطط الزر.
3. استخدام التأثيرات
يمكنك استخدام التأثيرات لتحقيق تقريب الزر. هناك العديد من الآثار المتاحة في وف التي تسمح لك لتغيير شكل عناصر واجهة. على سبيل المثال ، يسمح لك تأثير تأثير دروب شادو بإضافة ظل إلى زر.
زر
هنا نطبق تأثير دروب شادوفكت على الزر ، مما يعطي انطباعا عن شكل مستدير بإضافة ظل.
في هذه المقالة ، نظرنا في عدة طرق لتحقيق شكل زر مستدير في وف. يمكنك اختيار الطريقة المناسبة اعتمادا على المظهر المطلوب ووظيفة الزر.
سؤال وجواب