Firebase Image slider source code android studio, Firebase ViewFlipper Android Studio,Android Studio Source Coding.

Firebase Image slider  source code android studio, Firebase ViewFlipper Android Studio,Android Studio Source Code

Step 1 - Connect Your Android Studio Project With Firebase Real Time Database First.

Step 2- Edit Your Security Rules as Shown in below image. Make the read and write true.

Step 3- Create Node Slider and then Subnodes Slider1,Slider2,Slider3,Slider4 .create title and url node in each slider. See the below image then you easily understand that how to creates nodes. Create the nodes Same to Same as it is shown in Below image.

title- In title you have to write the title of your slides.

url - You have give the image-address in this. 

Step 4-  Paste the Below Dependencies in build.gradle.

implementation 'com.squareup.picasso:picasso:2.71828' implementation 'com.github.denzcoskun:ImageSlideshow:0.0.7'

Step 5-  Give the internet Permission in AndroidManifest.xml

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

Step 6-  Paste the Below code in activity_main.xml 

activity_main.xml
<?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="wrap_content" android:orientation="vertical" android:layout_margin="5dp" tools:context=".MainActivity"> <ScrollView android:layout_width="match_parent" android:layout_height="wrap_content" > <LinearLayout android:layout_width="match_parent" android:layout_height="wrap_content" android:orientation="vertical"> <com.denzcoskun.imageslider.ImageSlider android:id="@+id/image_slider" android:layout_width="match_parent" android:layout_height="250dp" app:iss_auto_cycle="true" app:iss_delay="0" app:iss_period="2000" ></com.denzcoskun.imageslider.ImageSlider> </LinearLayout> </ScrollView> </RelativeLayout>

Step 7- Paste the below code in MainActivity.java

MainActivity.java

package com.rush.autoimage; import androidx.annotation.NonNull; import androidx.appcompat.app.AppCompatActivity; import android.os.Bundle; import android.view.Window; import android.view.WindowManager; import android.widget.ImageView; import android.widget.ScrollView; import android.widget.TextView; import android.widget.Toast; import com.denzcoskun.imageslider.ImageSlider; import com.denzcoskun.imageslider.constants.ScaleTypes; import com.denzcoskun.imageslider.interfaces.ItemClickListener; import com.denzcoskun.imageslider.models.SlideModel; import com.google.firebase.database.DataSnapshot; import com.google.firebase.database.DatabaseError; import com.google.firebase.database.DatabaseReference; import com.google.firebase.database.FirebaseDatabase; import com.google.firebase.database.ValueEventListener; import com.squareup.picasso.Picasso; import java.util.ArrayList; import java.util.List; public class MainActivity extends AppCompatActivity { ImageSlider mainslider; private FirebaseDatabase firebaseDatabase=FirebaseDatabase.getInstance(); private DatabaseReference databaseReference=firebaseDatabase.getReference(); private DatabaseReference childref=databaseReference.child("URL"); @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN,WindowManager.LayoutParams.FLAG_FULLSCREEN); mainslider=findViewById(R.id.image_slider); final List<SlideModel> remoteimages=new ArrayList<>(); FirebaseDatabase.getInstance().getReference().child("Slider") .addListenerForSingleValueEvent(new ValueEventListener() { @Override public void onDataChange(@NonNull DataSnapshot dataSnapshot) { for(DataSnapshot data:dataSnapshot.getChildren()) remoteimages.add(new SlideModel(data.child("url").getValue().toString(),data.child("title").getValue().toString(), ScaleTypes.FIT)); mainslider.setImageList(remoteimages,ScaleTypes.FIT); mainslider.setItemClickListener(new ItemClickListener() { @Override public void onItemSelected(int i) { Toast.makeText(getApplicationContext(),remoteimages.get(i).getTitle().toString(),Toast.LENGTH_SHORT).show(); } }); } @Override public void onCancelled(@NonNull DatabaseError databaseError) { } }); } }

By Following All this Steps You can easily create the image Slider using firebase.

Firebase Image slider  source code android studio, Firebase ViewFlipper Android Studio,Android Studio Source Coding.