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

 

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

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


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


مجال تطوير تطبيقات الاندرويد واحد من اجمل المجالات التي تتمتع بسوق عمل رائع ودائما نسمع عن شركة تطوير تطبيقات الجوال تطلب موظفين ليقومون بي تطوير تطبيقات الهواتف الذكية سواء تطوير تطبيقات الاندرويد او الايفون او غيره لان مجال تطوير تطبيقات الموبايل مطلوب بكثرة فـ حاليا تجد ان اصحاب المطاعم و المحلات يريدون تطبيقات اندرويد خاصه بهم ولو تلاحظ ان الاغلب منهم يهتم بمظهر تطوير تطبيقات الموبايل وياتي بعدها الاداء لان المظهر العام الذي سوف تقدمه للمعيل هو من سيعكس ذوقك بالنسبه له وفي الغالب عندما لا يجد يبحث عن شركة تطوير تطبيقات الجوال لتقوم بتطوير تطبيق رائع له ولكن لماذا لا تقوم بي تطوير تطبيقات الهواتف الذكية بشكل جيد وتجذب لك الاشخاص ؟


اصبح كثير منا في الفتره الاخيره يتجه الى العمل الحر وهو لا يقتصر فقط على تطوير تطبيقات الموبايل فالعمل الحر متنوع بكثرة ولكن مجال تطوير تطبيقات الاندرويد او تطوير تطبيقات الهواتف الذكية عموما واحد من اكبر المجالات التي عليها طلب كبير في العمل الحر او الفري لانسر على الانترنت وبعدها التصميم و المونتاج وغيرها , فاكتسابك لمهارة تطوير تطبيقات الموبايل والابداع بها سوف يميزك عن غيرك في طبيعة الحال ولذلك حاول دائما التطوير من نفسك في هذا المجال وقراءة كل ما يظهر جديد فيه لكي تصبح ملم بكل ما يحدث حولك في هذا المجال او في اي مجال عموما .


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


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


الصق الكود التالي في layout


<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    tools:context=".MainActivity">

<TextView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_margin="15dp"
    android:text=" Welcome ! "
    android:layout_gravity="center"
    android:textStyle="bold"
    android:fontFamily="cursive"
    android:textSize="50dp"
    android:textColor="@color/colorAccent"

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

    <EditText
        android:drawableStart="@drawable/ic_user"
        android:paddingStart="15dp"
        android:background="@drawable/curvy"
        android:layout_margin="10dp"
        android:hint=" User name "
        android:layout_width="match_parent"
        android:layout_height="50dp" />


    <EditText
        android:paddingStart="15dp"
        android:background="@drawable/curvy"
        android:layout_margin="10dp"
        android:drawableStart="@drawable/ic_pass"
        android:hint=" Password "
        android:layout_width="match_parent"
        android:layout_height="50dp" />

    <EditText
        android:drawableStart="@drawable/ic_user"
        android:paddingStart="15dp"
        android:background="@drawable/curvy"
        android:layout_margin="10dp"
        android:hint=" phone number "
        android:layout_width="match_parent"
        android:layout_height="50dp" />

    <Button
        android:layout_margin="10dp"
        android:layout_gravity="center"
        android:layout_width="250dp"
        android:layout_height="wrap_content"
        android:background="@drawable/colorfulbutton_button"
        android:text="Login"
        android:textColor="@color/colorwhite" />

    <Button
        android:layout_gravity="center"
        android:layout_margin="10dp"
        android:layout_width="250dp"
        android:layout_height="wrap_content"
        android:background="@drawable/colorfulbutton_button"
        android:orientation="horizontal"
        android:text="Register"
        android:textColor="@color/colorwhite" />

<TextView
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:textColor="@color/colorPurper"
    android:text=" Forgot your password ? "
    android:layout_gravity="center"

</LinearLayout>

سوف تقابلك مشكلة ان شكل مربع كتابة البريد والرقم السري و اسم المستخدم و الهاتف ليس كما في الصورة لذلك حاول ان ترجع الى مقالة اضافة مربع لكتابة الاميل والرقم السري بشكل احترافي في الاندرويد استوديو
ثاني مشكلة وهي شكل الازرار لن يظهر مثل الذي بالصورة لذلك ارجع الى مقالة طريقة عمل زر مموج في الاندرويد ستوديو بكل سهولة.

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



تعليقات