تطبيق chat ب android و firebase الجزء الأخير


فهاد الجزء الثالت و الأخير من تطبيق chat ب android و firebase غادي نكملو آخر الملفات لي بقاو ولي غادي تكون فيهم القائمة لي غادي يكون فيها عنصر واحد لي هو déconnexion وles biblios لي غادي نحتاجوا بالإضافة ل des styles لي غادي يكونوا فالرسائل والحقول.

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

1- menu_item.xml

فالمجلد res غادي تكليكي بليمن على la souris من بعد زيد directory سميها menu منبعد كليكي بليمن على la souris وزيد ملف جديد اختار Menu resource file  سميه menu_item.xml فيه غادي تكون القائمة لي غادي يكون فيها عنصر واحد الكود ديال الملف هو:

                                <?xml version="1.0" encoding="utf-8"?>
<menu xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto">
    <item
        android:id="@+id/logout"
        android:title="Déconnexion"
        app:showAsAction="never"></item>
</menu>
                            

2- الملف chat_shape.xml

فالمجلد res/drawable غادي تكليكي بليمن على la souris من بعد زيد ملف جديد اختار Drawable resource file سميه chat_shape هاد الملف غادي يكون فيه style لي غادي يكون background ديال الرسائل لي عندنا الكود ديال الملف هو :

                                <?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
    <stroke
        android:width="2dp"
        android:color="#FFF"></stroke>
    <solid
        android:color="#F0F4C3"></solid>
    <corners
        android:radius="10dp"></corners>
</shape>
                            

3- الملف edit_shape.xml

فالمجلد res/drawable وبنفس الطريقة زيد ملف جديد سميه edit_shape هاد الملف غادي يكون فيه style لي غادي يكون background ديال الحقول لي عندنا الكود ديال الملف هو :

                                <?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle"
    >
    <corners
        android:bottomLeftRadius="10dp"
        android:bottomRightRadius="10dp"
        android:topRightRadius="10dp"
        android:topLeftRadius="10dp"></corners>
    <stroke
        android:width="0.5dp"
        android:color="#000000"></stroke>
    <solid
        android:color="#FFFFFF"
        >
    </solid>
</shape>
                            

4- الملف build.gradle

فالمجلد app كاين الملف build.gradle كنزيد فيه les bibliothèques لي غادي نحتاج ولي كيمكنوني باش نخدم ب RecyclerView وFirebase الكود ديالو بعد التغيير:

                                    apply plugin: 'com.android.application'

android {
    compileSdkVersion 26
    buildToolsVersion "26.0.1"
    defaultConfig {
        applicationId "com.example.belasri.firebasechatapp"
        minSdkVersion 17
        targetSdkVersion 26
        versionCode 1
        versionName "1.0"
        testInstrumentationRunner "android.support.test.runner.AndroidJUnitRunner"
    }
    buildTypes {
        release {
            minifyEnabled false
            proguardFiles getDefaultProguardFile('proguard-android.txt'), 'proguard-rules.pro'
        }
    }
}

dependencies {
    compile fileTree(include: ['*.jar'], dir: 'libs')
    androidTestCompile('com.android.support.test.espresso:espresso-core:2.2.2', {
        exclude group: 'com.android.support', module: 'support-annotations'
    })
    compile 'com.android.support:appcompat-v7:26.+'
    compile 'com.android.support.constraint:constraint-layout:1.0.2'
    compile 'com.google.firebase:firebase-database:11.2.0'
    compile 'com.google.firebase:firebase-storage:11.2.0'
    compile 'com.google.firebase:firebase-auth:11.2.0'
    compile 'com.firebaseui:firebase-ui-database:2.2.0'
    compile 'com.android.support:recyclerview-v7:26.0.0-alpha1'
    testCompile 'junit:junit:4.12'
}



apply plugin: 'com.google.gms.google-services'
                                

5- الملف AndroidManifest.xml

فآخر حاجة باش التطبيق يتمكن من استخدام الأنترنيت كنزيد ال permission فالملف AndroidManifest.xml لي كاين فالمجلد app/manifests :

                                     <uses-permission android:name="android.permission.INTERNET" />
                                


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

بحث في الموقع


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