الخميس، 22 أكتوبر 2020

اضافة مربع لكتابة الاميل والرقم السري داخل الاندرويد ستوديو

اضافة مربع لكتابة الاميل والرقم السري داخل الاندرويد ستوديو


شرح طريقة اضافة مربع منحني لكتابة البريد الاليكتروني والرقم السري 


متابعي موقعنا الاعزاء مرحبا بكم في مقالة جديدة في برنامج android studio , وفي هذة المقالة سوف نتعرف على طريقة كتابة اسم المستخدم وكلمة المرور داخل مربع منحني الاطراف بشكل احترافي بكل سهولة

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


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


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


طريقة انشاء مربع لكتابة الاميل والرقم السري

اولا قم بإنشاء زر داخل ملف activity main
وقم بوضع الخصائص التي تريدها للزر او قم بنسخ الكود التالي

<EditText 
   android:background="#FFFFFF"
        android:layout_margin="15dp"
        android:hint=" Enter Your Email"
        android:layout_width="match_parent"
        android:layout_height="50dp" />

    سوف يظهر معك مربع لكتابة الكود الخاص بك ولكن بشكل تقليدي سوف نقوم الان بإضافة بعض التعديلات علية ليظهر بشكل احترافي

جعل المربع منحني الاطراف

توجة الى ملف drawable وانقر كلك يمين علية واختر new ومن ثم انقر على drawable Resources File
 قم بتسمية الملف بأي اسم وليكن curvy وانقر على ok
الصق الكود التالي بداخلها
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<item android:state_enabled="true" android:state_focused="true" >
<shape android:shape="rectangle" >
    <solid android:color="#FFFFFF" />
    <corners android:radius="15dp" />
    <stroke android:color="#EBEBEB" android:width="2dp" />
</shape>
</item>
    <item android:state_enabled="true">
        <shape android:shape="rectangle" >
            <solid android:color="#FFFFFF" />
            <corners android:radius="15dp" />
            <stroke android:color="#EBEBEB" android:width="2dp" />
        </shape>
    </item>
</selector>

ارجع الى منصة العمل  والصق الكود التالي داخل  <EditText 

android:background="@drawable/curvy"

الان ستلاحظ ان شكل المربع اصبح اجمل الان دعونا نتعرف كيف يمكن اضافة شكل للمربع
توجة الى ملف drawable وانقر كلك يمين علية واختر Vector Asset
اضغط على Clip Art واختر الشكل الذي تريدة
 قم بتسمية الملف بأي اسم وليكن mail وانقر على ok ثم Finish
قم بإضافة الكود التالي الى <EditText

android:drawableStart="@drawable/ic_mail"

ملاحظة ic_mail هو الاسم الذي قمت بتسميتة
اضف ايضا على الكود التالي ايضا في <EditText ووظيفة هذا الكود يقوم بعمل مسافة بين الرسمة وبين المربع ويمكنك تغير القيمة بالقيمة التي تناسبك 
android:paddingStart="15dp"

شكل الكود النهائي


<EditText
        android:paddingStart="15dp"
        android:drawableStart="@drawable/ic_mail"
        android:background="@drawable/curvy"
        android:layout_margin="15dp"
        android:hint=" Enter Your Email"
        android:layout_width="match_parent"
        android:layout_height="50dp"

شاهد ايضا 

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