تطبيق كيسجل العناوين من الخريطة بإستعمال أندرويد الجزء الاول


فهاد الدرس الجديد من سلسلة أندرويد غادي نشوفو كيفاش نقادو واحد التطبيق بسيط كيمكن المستخدم من الإطلاع على الخريطة وتسجيل عناوين من بعد مكيظغط على كل عنوان اختارو من بعد يمكنلو يعاود يرجع ويظغط على العنوان لي تسجل ويشاهدو على الخريطة.

فشنو غادي تستافد من هاد الدرس أولا غادي تكون عندك فكرة على كيفاش تعامل مع   خرائط غوغل وأيضا كيفاش تجيب ل clé للتطبيق ديالك ثانيا وأخيرا غادي تعرف كيفاش تخدم بخرائط غوغل وغادي تعلم كيفاش تسجل العناوين من الخريطة .

نظرة سريعة بالفيديو

1- الملف activity_main.xml

فأول حاجة غادي نديرو غادي نزيدو project جديد ف android studio سميه SavePlaces او لي بغيتي ختار Basic Activity من بعد ميتزاد غادي تمشي للمجلد res/layout فيه كاين جوج ملفات content_main.xml وactivity_main.xml هادا هو الملف ديال الصفحة الرئيسية ديالنا فيه ل AppBarLayout لي فيها toolbar لي هي فين كاين عنوان التطبيق وأيضا كندير include للملف content_main.xml لي غادي تكون فيه ListView ديالنا ولي غادي يكونوا فيها العناوين لي سجل المستخدم الكود ديال activity_main.xml هو :

                                <?xml version="1.0" encoding="utf-8"?>
<android.support.design.widget.CoordinatorLayout 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:fitsSystemWindows="true"
    tools:context="com.example.belasri.saveplaces.MainActivity">

    <android.support.design.widget.AppBarLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:theme="@style/AppTheme.AppBarOverlay">

        <android.support.v7.widget.Toolbar
            android:id="@+id/toolbar"
            android:layout_width="match_parent"
            android:layout_height="?attr/actionBarSize"
            android:background="?attr/colorPrimary"
            app:popupTheme="@style/AppTheme.PopupOverlay" />

    </android.support.design.widget.AppBarLayout>
    <include layout="@layout/content_main" />
</android.support.design.widget.CoordinatorLayout>
                            

2- الملف content_main.xml

دائما فالمجلد res/layout فيه كاين الملف content_main.xml كنزيد فيه ListView هي لي كتمكني باش نعرض العناوين لي سجل المستخدم  الكود ديال الملف هو:

                                <?xml version="1.0" encoding="utf-8"?>
<RelativeLayout 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:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    app:layout_behavior="@string/appbar_scrolling_view_behavior"
    tools:context="com.example.belasri.saveplaces.MainActivity"
    tools:showIn="@layout/activity_main">
    <ListView
        android:id="@+id/listPlaces"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"></ListView>
</RelativeLayout>
                            

3- list_item.xml

دائما فالمجلد res/layout فيه كنزيد ملف كنسميه list_item.xml فيه TextView لي غادي تكون هي الخانة لي غادي يكون فيها كل عنوان وغادي تزاد فل ListView الكود ديال الملف هو :

                                <?xml version="1.0" encoding="utf-8"?>
<TextView xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="60dp"
    android:background="#FFF"
    android:elevation="5dp"
    android:textAlignment="center"
    android:padding="10dp"
    >
</TextView>
                            

4- الملف google_maps_api.xml

من بعد كنمشي للمجلد java فل package لي كيبدا ب com.example فيه كنزيد ملف جديد كنكليكي ب droit كنختار:
Activity->Gallery->GoogleMapsActivity 
من بعد كنسميه MapsActivity منبعد كيتزاد عندي مجلد جديد سميتو debug في ملف  سميتو google_maps_api.xml فيه غادي نزيد ل clé ديالي باش نتمكن من استعمال خرائط غوغل فباش تحصل عليه كتمشي ل هنا من بعد كتختار Bibliothèque ثم Google Maps Android API منبعد Activer Api منبعد كليكي على Identifiants ثم créer des Identifiants ثم clé api ملي كيتزاد كتكليكي عليه كتختار Applications Android منبعد كتكليكي على ajouter nom de package فNom de package كتزيد سمية الباكاج ديال المشروع ديالك ثم كتمشي فين عندك java installé غالبا غادي يكون :
 C:\Program Files\Java
ثم تدير كوموند اخرى cd jdk\bin منبعد تزيد الكوموند لي غادي تعطيك ل empreinte ولي هي:
keytool -list -v -keystore "%USERPROFILE%\.android\debug.keystore" -alias androiddebugkey -storepass android -keypass android
ويلا كان عندك system os|linux شوف الكوموند من هنا منبعد مكتنفد كتاخد الكود لي فالسطر sha1 وتزيدو فالحقل Empreinte du certificat SHA-1 وتكليكي enregistrer من بعد كتهز لclé ديالك وغادي تزيدو فالملف  google_maps_api.xml ولي الكود ديالو هو:

                                    <resources>
    <!--
    TODO: Before you run your application, you need a Google Maps API key.

    To get one, follow this link, follow the directions and press "Create" at the end:

    https://console.developers.google.com/flows/enableapi?apiid=maps_android_backend&keyType=CLIENT_SIDE_ANDROID&r=1D:09:D2:22:18:F8:F0:6A:6C:B6:E1:0A:89:5D:0F:08:A5:F4:77:D5%3Bcom.example.belasri.saveplaces

    You can also add your credentials to an existing key, using this line:
    1D:09:D2:22:18:F8:F0:6A:6C:B6:E1:0A:89:5D:0F:08:A5:F4:77:D5;com.example.belasri.saveplaces

    Alternatively, follow the directions here:
    https://developers.google.com/maps/documentation/android/start#get-key

    Once you have your key (it starts with "AIza"), replace the "google_maps_key"
    string in this file.
    -->
    <string name="google_maps_key" templateMergeStrategy="preserve" translatable="false">
       Votre clé
    </string>
</resources>
                                


إشترك في قناتنا على اليوتيوب

بحث في الموقع


إشترك للتوصل بالجديد