كيفية انشاء تطبيق عداد بواسطة برنامج اندرويد ستوديو android studio

 

كيفية انشاء تطبيق عداد بواسطة برنامج اندرويد ستوديو android studio

كيفية انشاء تطبيق عداد بواسطة برنامج اندرويد ستوديو android studio 


يقدم لك موقع جي كودرس اكواد مفتوحة المصدر لاستخدامها في تطبيقاتك عن طريق توفير اكواد اندرويد وتطبيقات مشاريع مفتوح المصدر و اكواد اندرويد ستوديو جاهزة يمكنك استخدامها وايضا نوفر شرح للاكواد التي نقدمها وفي هذا المقال المميز والذي يعد من مقالات إحترف Android Studio نقدم لك طريقة عمل counter وهو عباره عن عداد عندما نقوم بالنقر على الزر يقوم بعد معك من 1 الى مالا نهاية وايضا يوجد زر يقوم بعمل rest للاعداد للبدء من جديد يمكنك من خلال هذا التطبيق عمل سبحة اليكترونية مثل التي نراها تباع في المكتبات عن طريق وضع التصميم الخاص بها و زر للعد والاخر للبدء من جديد .


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


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


تصميم counter لبرنامج android studio ! 


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


تصميم counter لبرنامج android studio

activity_main


<?xml version="1.0" encoding="utf-8"?>

<LinearLayout
    android:orientation="vertical"
    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"
    tools:context=".MainActivity">

    <TextView
        android:id="@+id/tv_counter"
        android:text="0"
        android:layout_marginTop="150dp"
        android:layout_gravity="center"
        android:textStyle="bold"
        android:textSize="18sp"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />

    <Button
        android:id="@+id/btn_counter"
        android:text="click"
        android:layout_gravity="center"
        android:layout_marginTop="220dp"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />

    <Button
        android:id="@+id/btn_rest"
        android:text="Rest"
        android:layout_gravity="center"
        android:layout_marginTop="50dp"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />

</LinearLayout>


الكود الخاص بعمل counter و rest counter ؟


الكود الخاص بعمل counter و rest counter ؟


انتقل الان الى MainActivity.class وقم بتعريف المتغيرات الخاصه بك وهي TextView و Button وايضا قم بعمل int count = 0 لكي يكون هذا العداد ويبدء من الصفر بعدها قم بتعريف كل المتغيرات عن طريق findViewById وبعدها قم بعمل setOnClickListener للزر الخاص بالعد واخبره ان count++ وهذا يعني انه عندما يتم النقر عليه يزداد بقيمة واحد وبعدها قم بعمل tv.setTex وتجعلها Integer لكي تخبره ان يرسل قيمة العداد الى النص , بعدها قم بعمل setOnClickListener للزر المسؤول عن rest وبعدها قم بعمل النص يكون 0 وبعدها  count يكون 0 ايضا لكي يتم طباعة القيمة 0 في النص وتجعل فيمة count ايضا صفر .


public class MainActivity extends AppCompatActivity {
    private TextView tv;
    private int count = 0;
    private Button rest , counter ;

@Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
      counter=findViewById(R.id.btn_counter);
        rest=findViewById(R.id.btn_rest);
        tv=findViewById(R.id.tv_counter);

       counter.setOnClickListener(new View.OnClickListener() {
           @Override
           public void onClick(View v) {
               count++;
               tv.setText(Integer.toString(count));
           }
      });

       rest.setOnClickListener(new View.OnClickListener() {
           @Override
           public void onClick(View v) {
               tv.setText("0");
               count = 0;
           }
       });
      }
  }
  


فيديو الشرح



الى هنا يكون انتهى تطبيق اليوم وهو Counter in Android Studio يمكنك مشاهدة المزيد من التطبيقات والشروحات في موقعنا حيث ان Counter android يعد من اصغر التطبيقات التي قمنا بعملها ويوجد تطبيقات كبيره يمكنك الاستفادة منها ولمزيد من الاكواد يمكنك مشاهدة باقي المقالات على الموقع


google console play console android android studio mac android studio krita android


تعليقات