الروبوت ستوديو هي واحدة من بيئات التطوير المتكاملة الأكثر شعبية (إيد) المستخدمة لإنشاء تطبيقات الهاتف المحمول لنظام التشغيل أندرويد. في هذه المقالة ، سنلقي نظرة على دليل خطوة بخطوة لإنشاء زر دائري في استوديو أندرويد.
يمكن أن يكون الزر الدائري مفيدا جدا لإنشاء واجهة مستخدم أنيقة وعصرية في تطبيقات الهاتف المحمول. ومن المهم أن نلاحظ أنه في الروبوت ، افتراضيا ، وأزرار لها شكل مستطيل. ومع ذلك ، من خلال بعض الخطوات البسيطة ، يمكنك تغيير شكل الزر إلى شكل دائري.
الخطوة الأولى هي إنشاء مشروع جديد في الروبوت ستوديو وفتح تخطيط التي تحتاج إلى إنشاء زر الجولة. ثم نجد قسم" لوحة المكونات " وحدد الزر من قائمة العناصر المتاحة. بعد ذلك ، ما عليك سوى سحب الزر إلى التخطيط ووضعه في المكان المناسب.
- الأدوات اللازمة
- الخطوة 1: إنشاء مشروع جديد
- الخطوة 2: إضافة زر دائري
- الخطوة 3: تخصيص مظهر الزر
- سؤال وجواب
- كيف يمكنني إنشاء زر جولة في الروبوت ستوديو?
- كيف يمكنني إضافة صورة إلى زر جولة في الروبوت ستوديو?
- كيف يمكنني تعيين دائرة نصف قطرها عن زر في الروبوت ستوديو?
- كيف يمكنني تغيير لون زر جولة في الروبوت ستوديو?
- هل من الممكن لخلق الرسوم المتحركة لزر جولة في الروبوت ستوديو?
- كيف يمكنني تثبيت زر جولة انقر معالج في الروبوت ستوديو?
الأدوات اللازمة
لإنشاء زر جولة في الروبوت ستوديو ، وسوف تحتاج إلى الأدوات التالية:
- الروبوت ستوديو هو بيئة تطوير متكاملة (إيد) لتطوير التطبيقات لنظام التشغيل أندرويد;
- لغة البرمجة جافا هي لغة البرمجة الرئيسية المستخدمة لتطوير تطبيقات الروبوت;
- شمل هي لغة الترميز المستخدمة لوصف واجهة المستخدم من تطبيقات الروبوت;
- ملف التخطيط هو ملف شمل الذي يحدد بنية وموقع عناصر واجهة المستخدم;
- زر هو فئة تمثل زر في تطبيقات الروبوت;
- الشكل هو فئة تسمح لك بإنشاء أشكال هندسية مثل الدائرة والمستطيل وما إلى ذلك.;
- التدرج هو فئة تسمح لك بتعيين خلفية متدرجة لعناصر واجهة المستخدم;
- محدد هو فئة تسمح لك بتعيين حالات مختلفة ومظهر عنصر اعتمادا على حالته.
وهذه الأدوات تسمح لك لإنشاء وتخصيص زر جولة في الروبوت ستوديو. فهي المكونات الرئيسية لتطوير واجهة المستخدم من تطبيقات الروبوت ، ويمكن استخدامها في مشاريع أخرى.
الخطوة 1: إنشاء مشروع جديد
الخطوة 1: افتح استوديو أندرويد وحدد "إنشاء مشروع جديد" على شاشة الترحيب.
- في النافذة التي تظهر ، حدد" نشاط فارغ "وانقر على"التالي".
- أدخل اسم المشروع الخاص بك وحدد المسار لحفظه. بعد ذلك ، انقر فوق "إنهاء".
- سوف الروبوت ستوديو إنشاء مشروع جديد وفتح ملف النشاط الرئيسي (مينتاكتيفيتي.جافا) وملف التخطيط (نشاط_الرئيسي.شمل) في محرر التعليمات البرمجية.
في ملف النشاط الرئيسي.جافا سوف تجد الفئة الرئيسية من التطبيق الخاص بك ، الذي يرث من فئة أبكومباتاكتيفيتي. في ملف النشاط الرئيسي.شمل هو ترميز واجهة المستخدم للتطبيق الخاص بك.
ملاحظة: إذا كنت قد أنشأت بالفعل مشروع في الروبوت ستوديو ، يمكنك تخطي هذه الخطوة والمضي قدما إلى الخطوة التالية.
الخطوة 2: إضافة زر دائري
بعد الانتهاء من إنشاء المشروع في الروبوت ستوديو ، يمكنك البدء في إضافة زر الجولة. Вот пошаговое руководство:
- Откройте файл разметки activity_main.xml в папке res/layout.
- Внутри корневого элемента LinearLayout или ConstraintLayout добавьте следующий код:
- android:layout_margin="16dp" />
android:background="@drawable/round_button" إنشاء ملف جولة_زر.شمل في المجلد ريس / دراوابل وإضافة التعليمات البرمجية التالية إليها:
- الروبوت: الشكل= "البيضاوي">
أندرويد: الارتفاع="120 ديسيبل" / >
أعد تشغيل التطبيق أو قم بتحديث التخطيط لرؤية الزر الدائري في تطبيقك.
الآن لديك زر جولة في التطبيق الروبوت الخاص بك. يمكنك تجربة خصائص وأنماط مختلفة لجعل الزر أكثر تشويقا وجاذبية بصريا.
الخطوة 3: تخصيص مظهر الزر
بعد إنشاء زر في الروبوت ستوديو ، يمكنك تخصيص مظهره باستخدام خصائص مختلفة. وهنا بعض منهم:
زر الخلفية: لتغيير خلفية زر واحدة ، يمكنك استخدام خاصية الروبوت: الخلفية. يمكنك اختيار لون أو صورة أو تدرج لخلفية الزر.
زر النص: لتخصيص مظهر النص زر ، يمكنك استخدام الروبوت:تكستكولور والروبوت: تكستسيزي خصائص. يمكنك اختيار اللون وحجم الخط لنص الزر.
حجم الزر: لتغيير حجم الزر ، يمكنك استخدام الروبوت:تخطيط العرض والروبوت: تخطيط خصائص الارتفاع. يمكنك اختيار حجم ثابت أو تعيين حجم الزر اعتمادا على المحتوى.
هوامش الزر: لتعيين الهوامش حول الزر ، يمكنك استخدام الخصائص الروبوت:بادينغليفت ، الروبوت:بادينغتوب ، الروبوت:بادينغريت والروبوت: بادينغبوتوم. يمكنك اختيار قيم الهوامش بالبكسل أو كنسبة مئوية.
زر التقريب: لإنشاء زر الجولة ، يمكنك استخدام الروبوت: الملكية الشكل. يمكنك اختيار شكل دائري وتعيين نصف قطر التقريب.
باستخدام هذه الخصائص ، يمكنك إنشاء زر بمظهر مخصص يناسب احتياجاتك وتصميم التطبيق.