Android Modern Image Slider Using ViewPager2 And KenBurnsView | Travel App Concept | Android Studio

แชร์
ฝัง
  • เผยแพร่เมื่อ 29 ส.ค. 2024
  • Android Modern Image Slider Using ViewPager2 And KenBurnsView | Travel App Concept | Android Studio
    In this tutorial, we will make a modern image slider using ViewPager2 in which we will implement a ken burns view to animate the image. Here we will use static data for slider but you can use data from API as well.
    UI Concept:
    / b9mupfdavew
    More about ViewPager2:
    developer.andr...
    Libraries Used:
    1. Material Design: material.io/de...
    2. Picasso: github.com/squ...
    3. Ken Burns View: github.com/fla...
    4. Smooth Bottom Bar: github.com/ibr...
    For more exciting android tutorials, please subscribe to my TH-cam channel and hit the bell icon for notifications.
    Instagram:
    / chigs_kachhadiya

ความคิดเห็น • 72

  • @wshra189
    @wshra189 3 ปีที่แล้ว +2

    Awesome!! Thanks... Gotta appreciate the background music choice...
    Thanks again for the efforts...

  • @daakudaddy4554
    @daakudaddy4554 3 ปีที่แล้ว

    You are best brother among all developers

  • @ponzh000
    @ponzh000 4 ปีที่แล้ว +2

    Bro, your video is amazing, thx so much for ur time!

  • @shubhampatel9404
    @shubhampatel9404 3 ปีที่แล้ว +1

    Thank you sooo much i am looking for this for my android project thank youuuu

  • @efeeeeee212
    @efeeeeee212 2 ปีที่แล้ว +1

    wow this is so amazing congrulations.

  • @abdessamadtamit8800
    @abdessamadtamit8800 3 ปีที่แล้ว +1

    Thank You a lot .. it worked without any problem !

  • @malaimama
    @malaimama 4 ปีที่แล้ว +2

    Wow, it looks amazing.

  • @noshopi
    @noshopi 4 ปีที่แล้ว +1

    NICE JOB DUDE

  • @justcoder1915
    @justcoder1915 3 ปีที่แล้ว +1

    Awesome

  • @ismailkoyuncu5518
    @ismailkoyuncu5518 4 ปีที่แล้ว

    Great work.. it looks amazing..

  • @javieralejandris3302
    @javieralejandris3302 3 ปีที่แล้ว +1

    You cannot slide from the ends, that is, from the following items. It only takes to slide the element from the center.

  • @sampansolomon4339
    @sampansolomon4339 4 ปีที่แล้ว

    You are just amazing man. Can you plz upload a tutorial for internet connectivity like youtube app. Will be really grateful.

  • @feelgood0108
    @feelgood0108 3 ปีที่แล้ว

    You are the BEST

  • @hongtrang9382
    @hongtrang9382 4 ปีที่แล้ว +1

    OMG! Thank you so much

  • @bhumikaahiwale7777
    @bhumikaahiwale7777 3 ปีที่แล้ว +1

    Gr8

  • @idkkkkk6500
    @idkkkkk6500 4 ปีที่แล้ว +1

    Sir great tutorial and can you do another tutorial using firebase to retreive images

  • @user-nj8il7xx1z
    @user-nj8il7xx1z 4 ปีที่แล้ว

    Awesome App!!!

  • @voncedriecabuloc2664
    @voncedriecabuloc2664 2 ปีที่แล้ว

    great tutorial, just wanna ask one thing. how do you implement an onclicklistener on one viewslider? i want my app to show details about a specific destination when clicking on it

  • @motazlubbad3467
    @motazlubbad3467 4 ปีที่แล้ว +1

    thank you for this tutorial,.
    I have a quotation: How to make the item in the right and in the left smaller?

  • @rsfaelto1234
    @rsfaelto1234 4 ปีที่แล้ว

    Cool!

  • @rsfaelto1234
    @rsfaelto1234 4 ปีที่แล้ว +1

    You can do a smoothBottomBar tutorial with fragment, please??

  • @LTENTEAM
    @LTENTEAM 4 ปีที่แล้ว +1

    thank you bro

  • @ryderphantom5422
    @ryderphantom5422 3 ปีที่แล้ว

    Thanks a lot!!

  • @computerscience4468
    @computerscience4468 4 ปีที่แล้ว +1

    sir you did great work but one thing why it is not working in landscape mode?
    image slides is not showing while in landscape mode

    • @chiragkachhadiya
      @chiragkachhadiya  4 ปีที่แล้ว +2

      Since this type of layout gives best result in portrait mode, if you want this to work in landscape mode, then you have to give static (fix) height to the view pager and you may also have to put it in scroll view since landscape mode is covering less vertical area than portrait mode.

  • @truongphamquang3932
    @truongphamquang3932 4 ปีที่แล้ว

    Nice

  • @shafiulalamresearch
    @shafiulalamresearch 3 ปีที่แล้ว

    nice , but i want to know .. how can i set clicklistener On THis Image ?

  • @asmahan98ee60
    @asmahan98ee60 3 ปีที่แล้ว

    i tried to follow the same steps, but when I tried to implement the SmoothButtonBar it doesn't work and I have written the same codes in my gradel

  • @addysam5692
    @addysam5692 2 ปีที่แล้ว

    Getting values in only first card and getting null values in other cards...need help?? Done exact same as in tutorial...

  • @bysalyanman
    @bysalyanman 3 ปีที่แล้ว

    Great tutorial, have you encounter the error "Pages must fill the whole ViewPager2 (use match_parent)" before while doing this video or at anytime? I have made it work this in a project but on another project it gives the error that I wrote above, can you help ?

    • @chiragkachhadiya
      @chiragkachhadiya  3 ปีที่แล้ว

      Height of the item container layout must be match_parent for view pager 2. Please check it.

  • @utkarshnagdev8442
    @utkarshnagdev8442 4 ปีที่แล้ว

    Hey Thank you for the tutorial, Everything works fine but the I cannot see multiple pages on the same page, they're only visible after scrolling. I mean that there is only one page at a time and no peek of overflow left and right pages. There are multiple objects in the list, i checked

    • @md.abubakarsiddik8922
      @md.abubakarsiddik8922 3 ปีที่แล้ว

      can you give your source code of this project ? it will be really helpful for me as a beginner.

  • @alecatienza2875
    @alecatienza2875 3 ปีที่แล้ว

    i cant import the picasso on my adapter class even when i put it implementation in gradle

  • @CeciLWeb
    @CeciLWeb 2 ปีที่แล้ว

    The app encounters an error when you turn the phone. Because live data is not used

  • @roozbehzamany
    @roozbehzamany 3 ปีที่แล้ว

    This in android 7 is problem .true?

  • @sametyucel4183
    @sametyucel4183 3 ปีที่แล้ว

    When imageview enlarges, location and star also grows. please help

  • @jayant9151
    @jayant9151 4 ปีที่แล้ว +1

    i made this works

  • @allvideo4534
    @allvideo4534 4 ปีที่แล้ว

    Hi brother. Not work this code in kotlin. I want the display left image or right image display 30%

  • @theguywithatimemachine436
    @theguywithatimemachine436 4 ปีที่แล้ว

    Can you use that to slide music album art on music player project?

  • @sachinp-visionaryleader
    @sachinp-visionaryleader 4 ปีที่แล้ว +1

    can we use this in java? I'm not work in kotlin??

  • @shubhampatel9404
    @shubhampatel9404 3 ปีที่แล้ว

    I can't see images
    Baki sab to thik he lekin images sirf nahi show ho rahi help me

  • @salahdoos5415
    @salahdoos5415 3 ปีที่แล้ว

    Great job bro,, please could you give me the source code?

  • @widcoshop
    @widcoshop 3 ปีที่แล้ว

    Hi bro how are you? Can you make navigation bottom with viewpager2?

  • @leolima8585
    @leolima8585 2 ปีที่แล้ว

    Uma dúvida. POSSO PERGUNTAR?

  • @maskwalayt
    @maskwalayt 2 ปีที่แล้ว

    Sir how to add loading bar in viewpager2

  • @jobshala
    @jobshala 3 ปีที่แล้ว

    Pls add sound for explaining

  • @tehreemsheikh1386
    @tehreemsheikh1386 4 ปีที่แล้ว

    how to add more data to view pager dynamically, i am adding data from api.

    • @anshushandilya2934
      @anshushandilya2934 3 ปีที่แล้ว +1

      Just set Adapter Class into ViewPager2.
      articleAdapter = new ArticleAdapter(getApplicationContext(), articleCards);
      viewPager2.setAdapter(articleAdapter);

  • @alecatienza2875
    @alecatienza2875 3 ปีที่แล้ว

    i cant use the picasso import on my app why is that?

    • @alecatienza2875
      @alecatienza2875 3 ปีที่แล้ว

      i have internet permission and put implementation in the gradle but cant import on the adapter class

  • @nickthegreek8122
    @nickthegreek8122 4 ปีที่แล้ว

    hello! tried it! app runs but no images are loaded!!! any idea why?

    • @chiragkachhadiya
      @chiragkachhadiya  4 ปีที่แล้ว

      Make sure to put internet permission in manifest file and image URL is valid.

    • @nickthegreek8122
      @nickthegreek8122 4 ปีที่แล้ว

      @@chiragkachhadiya both done, must be something else , maybeneeds threading?

    • @a17-abhishekjadhav59
      @a17-abhishekjadhav59 3 ปีที่แล้ว

      @@nickthegreek8122 have you found out what happened?

  • @gauravpatil68
    @gauravpatil68 4 ปีที่แล้ว +1

    Please can u zoom the snippet of code

    • @gauravpatil68
      @gauravpatil68 4 ปีที่แล้ว

      Thank u so much

    • @gauravpatil68
      @gauravpatil68 4 ปีที่แล้ว

      Knowledgeable contain i am keeping watching and sharing this video in my college group

    • @chiragkachhadiya
      @chiragkachhadiya  4 ปีที่แล้ว

      Welcome :)

  • @omeranar8769
    @omeranar8769 2 ปีที่แล้ว

    any document? any code?

  • @makischristou7549
    @makischristou7549 4 ปีที่แล้ว

    how did you get your Android Studio to look this way?

    • @rakeshsinghrawat4408
      @rakeshsinghrawat4408 4 ปีที่แล้ว

      you can download plugins for dark themes

    • @makischristou7549
      @makischristou7549 4 ปีที่แล้ว

      @@rakeshsinghrawat4408 yeah I figured it out. It was the Material UI plugin

    • @rakeshsinghrawat4408
      @rakeshsinghrawat4408 4 ปีที่แล้ว

      @@makischristou7549 my pictures are not fetching have you tried this code?

    • @rakeshsinghrawat4408
      @rakeshsinghrawat4408 4 ปีที่แล้ว

      i need source code bruh

  • @Archrender360
    @Archrender360 3 ปีที่แล้ว

    Kotlin language pleaseee

  • @salahdoos5415
    @salahdoos5415 3 ปีที่แล้ว

    Great job bro,, please could you give me the source code?