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

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

متابعي موقعنا الاعزاء مرحبا بكم في مقالة جديدة في برنامج 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"

شاهد ايضا 

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

طريقة عمل زر مموج في الاندرويد ستوديو

شرح انشاء واجهة تسجيل دخول بسيطة بالاندرويد ستوديو