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

فهاد الجزء الثاني تطبيق للموقع ديالك بإستعمال أندرويد غادي نكملو الملفات لي غادي يمكنو من عرض المحتوى ديال كل رابط اختارو المستخدم.

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


1- الملف home_fragment.xml


دائما فلمجلد res/layout كنزيد ملف جديد سميه home_fragment.xml لي غادي يكون فيه webview لي غادي تمكن من عرض الصفحة الرئيسية لي هي لaccueil فالقائمة الكود ديال الملف هو :

                                    
                                        <?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical" android:layout_width="match_parent"
    android:layout_height="match_parent">
    <WebView
        android:id="@+id/webView"
        android:layout_width="match_parent"
        android:layout_height="match_parent"></WebView>
</RelativeLayout>
                                    
                                

2- الملف insc_fragment.xml


دائما فلمجلد res/layout كنزيد ملف جديد سميه insc_fragment.xml لي غادي يكون فيه webview لي غادي تمكن من عرض الصفحة ديال التسجيل لي هي inscription فالقائمة الكود ديال الملف هو :

                                    
                                        <?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical" android:layout_width="match_parent"
    android:layout_height="match_parent">
    <WebView
        android:id="@+id/webView"
        android:layout_width="match_parent"
        android:layout_height="match_parent"></WebView>
</RelativeLayout>
                                    
                                

3- الملف connect_fragment.xml


دائما فلمجلد res/layout كنزيد ملف جديد سميه connect_fragment.xml لي غادي يكون فيه webview لي غادي تمكن من عرض الصفحة ديال تسجيل الدخول لي هي connexion فالقائمة الكود ديال الملف هو :

                                      
                                        <?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical" android:layout_width="match_parent"
    android:layout_height="match_parent">
    <WebView
        android:id="@+id/webView"
        android:layout_width="match_parent"
        android:layout_height="match_parent"></WebView>
</RelativeLayout>
                                      
                                    

4- الملف contact_fragment.xml


دائما فلمجلد res/layout كنزيد ملف جديد سميه contact_fragment.xml لي غادي يكون فيه webview لي غادي تمكن من عرض الصفحة ديال المراسلة لي هي contact فالقائمة الكود ديال الملف هو :

                                        
                                            <?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    <WebView
        android:id="@+id/webView"
        android:layout_width="match_parent"
        android:layout_height="match_parent"></WebView>
</RelativeLayout>
                                        
                                    

5- الملف strings.xml و colors.xml


دائما فلمجلد res/values فالملفين strings.xml و values.xml كندير للكود ديالهم بعض التغييرات والإضافات لي غادي نحتاجو ولي هي إضافة بعض الألوان وتغيير الإسم ديال التطبيق لي فtoolbar الكود ديال الملفين هو :

                                        
                                            //styles.xml

<resources>

    <!-- Base application theme. -->
    <style name="AppTheme" parent="Theme.AppCompat.Light.NoActionBar">
        <!-- Customize your theme here. -->
        <item name="colorPrimary">@color/colorPrimary</item>
        <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
        <item name="colorAccent">@color/colorAccent</item>
    </style>
    <style name="MyTheme" parent="@android:style/Theme.Dialog">
        <item name="android:alertDialogStyle">@style/CustomAlertDialogStyle</item>
        <item name="android:textColorPrimary">#FFFFFE</item>
    </style>
    <style name="CustomAlertDialogStyle">
        <item name="colorAccent">@color/white</item>
        <item name="android:textColorPrimary">@color/iron</item>
        <item name="android:background">@color/primary</item>
    </style>
</resources>

//strings.xml
<resources>
    <string name="app_name">DarijaCoding</string>
    <string name="navigation_drawer_open">Open navigation drawer</string>
    <string name="navigation_drawer_close">Close navigation drawer</string>
</resources>

                                        
                                    

كلمات مفاتيح :