الأحد، 18 أكتوبر 2020

طريقة تغيير شكل الازرار في الاندرويد استوديو وجعلها احترافية

طريقة تغيير شكل الازرار في الاندرويد استوديو وجعلها احترافية


تغير شكل الازرار في تطبيقات الاندرويد الى أشكال احترافية


متابعي موقعنا الاعزاء مرحبا بكم في مقالة جديدة في برنامج android studio , في مقالة اليوم سوف نتعرف على مجموعة اشكال رائعة للازرار في الاندرويد ستوديو يمكنك استخدامها في تصاميمك لتعطي لمسة جمالية للتطبيق الذي تعمل علية حيث يتم استخدام هذا البرنامج لتطوير (development) وبرمجة تطبيقات الاندرويد حيث يعمل اندرويد ستوديو في بيئة xml للتصميم  ويمكن تطويرالتطبيق الخاص بك بلغة الجافا او الكوتلن وقد سبق وان قدمنا لكم اكواد برمجية لي كلاتا اللغتين ، حيث يتعد لغة الكوتلن تطوير من جوجل للجافا وتعد اللغة الرسمية لتطوير التطبيقات لدى جوجل ولكن ما يعيبها ان البرنامج يكون مساحتة كبيرة خلافا عن الجافا الذي تكون مساحتة قليلة ، ويفضل تحميل اخر نسخة من الاندرويد استديو لانها تحوي مميزات رهيبة وتسهل على المطور عملية تطوير التطبيقات .


عن الاندرويد ستوديو


يعد برنامج أندرويد ستوديو من اقوى البرامج الـ برمجة المخصصة في مجال تطوير تطبيق او تطبيقات الاندرويد كما ذكرنا ، ويمكن أن تقوم بي تحميل البرنامج مجانا من خلال الموقع الرسمي ، واذا كنت تبحث عن شرح او كورس تطوير تطبيقات الأندرويد فنحن نقدم لكم مجموعة كبيرة من المشاريع الجاهزة والاكواد التي سوف تساعدك على تعلم تطوير تطبيقات أندرويد إلى الوصول الى مرحلة الاحتراف بإذن الله 


طريقة تركيب الاشكال داخل التصميم ؟


توجة الى ملف drawable وانقر كلك يمين ومن ثم اختار new بعدها New Resource وقم بتسمية الملف بأي اسم تريدة وليكن على سبيل المثال btn_button

انقر بعد ذلك على ok واختر شكل من الاشكال التالية والصقة بداخلة


الشكل الزيتي


<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android" >
    <item android:state_pressed="true" >
        <shape android:shape="rectangle"  >
            <corners android:radius="3dip" />
            <stroke android:width="1dip" android:color="#5e7974" />
            <gradient android:angle="-90" android:startColor="#345953" android:endColor="#689a92"  />            
        </shape>
    </item>
    <item android:state_focused="true">
        <shape android:shape="rectangle"  >
            <corners android:radius="3dip" />
            <stroke android:width="1dip" android:color="#5e7974" />
            <solid android:color="#58857e"/>       
        </shape>
    </item>  
    <item >
       <shape android:shape="rectangle"  >
            <corners android:radius="3dip" />
            <stroke android:width="1dip" android:color="#5e7974" />
            <gradient android:angle="-90" android:startColor="#8dbab3" android:endColor="#58857e" />            
       </shape>
    </item>

زر بنفسجي دائري


<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <solid android:color="@color/colorPurper" />
        <corners android:radius="100dp" />
</shape>

زر شفاف بحدود رمادي


<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <stroke android:color="@color/whitecover" android:width="1dp" />
        <corners android:radius="15dp" />
</shape>

زر شفاف بالكامل


<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
        <corners android:radius="15dp" />
</shape>

زر دائري


<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="oval">
    <solid android:color="@color/colorPurper" />
        <corners android:radius="100dp" />
</shape>
بعد اختيار الشكل المناسب توجة الى التصميم الخاص بك في layout وتوجة الى الزر الذي تريد تغيرة شكلة واكتب هذا الامر

android:background="@drawable/btn_button"

يمنكك تغير btn_button بالاسم الذي قمت بتسميتة في الاعلى .


لمزيد من الاكواد

احمد محمود هو طالب جامعي يدرس في احدى الجامعات المصرية , تم تاسيس موقع جي كودرس في منتصف عام 2020 حيث يسعى الموقع الى مساعدة الطلاب في تعلم البرمجة وتوفير الاكواد الجاهزة للاستخدام لمساعدة الطلاب ً