Splash Screen and Login Screen with Animation in Android Studio (With Source Code)

Sdílet
Vložit
  • čas přidán 30. 03. 2018
  • Splash Screen and Login Screen in the same layout with animation using animateLayoutChanges in Android Studio. Hope you find it useful. Thanks for watching.
    Music Credits:
    Vlog No Copyright Music
    • Video
    Project File:
    ckk.ai/Bue
  • Jak na to + styl

Komentáře • 192

  • @shakesgar
    @shakesgar Před 5 lety +5

    This is an awesome tutorial and thanks for sharing the git project. Thank you

  • @HumaRizwan
    @HumaRizwan Před 5 lety +2

    Thanks bro saved my day.....very impressive user interface

  • @joserubensferreira7244

    very good, thank you my friend to help!

  • @akhedy4905
    @akhedy4905 Před 6 lety +6

    awesome thank you, auto subscribed +1

  • @linabey1175
    @linabey1175 Před 4 lety +1

    Vert helpful thank you 👍

  • @raphaeleldaery1663
    @raphaeleldaery1663 Před 5 lety +1

    can you help, i get an error when i try to change my MainActivity.java and when i change it like you have done i get the following errors:
    1 : error: type annotations are not supported in -source 1.7
    (use -source 8 or higher to enable type annotations)
    2:error: illegal start of expression
    3 :error expected
    WHAT TO DO RIGHT NOW

  • @virendrakumawat6432
    @virendrakumawat6432 Před 4 lety

    nice page and thanks for the video to create the login page

  • @amjadal-hallak3145
    @amjadal-hallak3145 Před 5 lety +1

    i love this so much ! ❤
    TONS of thnx :)

    • @karunstha
      @karunstha  Před 5 lety

      I'm glad it helped you. Do subscribe for more. Will be uploading regularly very soon. ☺

  • @anonymousblume4362
    @anonymousblume4362 Před 4 lety

    Pretty good!!!

  • @Ibrah_id
    @Ibrah_id Před 5 lety

    awesome man !!

  • @imransdin
    @imransdin Před 6 lety +2

    thank

  • @feliciacarmen9800
    @feliciacarmen9800 Před 6 lety +6

    Thank you so much!! :)

    • @karunstha
      @karunstha  Před 6 lety

      You're welcome ☺

    • @-_SezanMahmud
      @-_SezanMahmud Před 3 lety

      Do you have the sourch code of this project?sejan16@cse.pstu.ac.bd if you do ,please send me.

  • @tecnoman3455
    @tecnoman3455 Před 5 lety +1

    BOOM! Nice job ?

  • @bertrosales9187
    @bertrosales9187 Před 5 lety

    Sir, I got a problem with Login Screen every time I call ActivtyLogin.java the splash screen will animate again I want once only

  • @kalanaramesh5911
    @kalanaramesh5911 Před 5 lety

    Nice job...But the video speed is littlebit high.... Anyway thanx for your job👍

  • @t.m.5004
    @t.m.5004 Před 4 lety

    Hi how can i scale my drawable vector logo,mine is too small

  • @monarch9586
    @monarch9586 Před 5 lety

    I have followed the exact same steps but the animation is not working in api level 28, everything else is fine but the animation is not happening.. please help, no matter how much i increase the handler time(4000) its nor happening... please help.

  • @terquimz9088
    @terquimz9088 Před 5 lety

    Can you please help me what error is this? The error occurs when I'm trying to Run the project, thanks
    Cause: org/apache/commons/codec/binary/Base64

  • @darshangulhane5120
    @darshangulhane5120 Před 4 lety

    Sir,I have a querry regarding login scrren..When I call activityLogin.java from another activity that timd also load the splash screen..I want when I call ActivityLogin.java from another activity it only show the login form or login screen...please help me

  • @Greadyyy
    @Greadyyy Před 6 lety

    I am having a problem because when i copy and paste the logo image 3:14 the file that i get have a lot of binary number on it and errors

  • @aksa005
    @aksa005 Před 4 lety

    thanku

  • @narottamworld5528
    @narottamworld5528 Před 4 lety

    After rotate my phone its not work perfectly, can you suggest something ....To solve the view problem

  • @ypouhivanov2173
    @ypouhivanov2173 Před 6 lety +1

    top!

  • @angthanhcua1330
    @angthanhcua1330 Před 5 lety

    Thank you!!!!!!!!!!

  • @arpitachatterjee7275
    @arpitachatterjee7275 Před 5 lety

    i didnt understood at 8:17 how u got another username edit text?

  • @thasdiaas
    @thasdiaas Před 4 lety

    I would like the code completely, how to send? I am having countless problems.

  • @mydo188
    @mydo188 Před 6 lety +1

    Thanx ❤️

  • @klarysegeron940
    @klarysegeron940 Před 5 lety +1

    I LOVE YOU

  • @adityapandya6611
    @adityapandya6611 Před 5 lety +1

    Great tutorial....Works like a charm. I have a question though.. after delay how to make that transition much smoother?

    • @karunstha
      @karunstha  Před 5 lety

      Isn't it smooth? In the video it's not smooth because i decreased the speed, so it looks choppy. But on the device, it must be smooth.

  • @azixjohakim6208
    @azixjohakim6208 Před 4 lety

    can you please show me how to add transition effect pn your mecanisim?

  • @mangeshpardeshi3059
    @mangeshpardeshi3059 Před 6 lety

    Kick-aas bro

  • @kimb2099
    @kimb2099 Před 5 lety +1

    Great vid!
    Would you know how to connect the log in to Main Activity so that when you click 'log in' it goes to main activity and runs the rest of the app and you can then stay logged in or have the option to sign out?

    • @karunstha
      @karunstha  Před 5 lety +3

      You can use Intent to launch another activity. And to preserve the login state you can save a boolean in shared preference as true while logging im, and check everytime while opening the app. Open login page if false, open main home page if true. Thanks for watching!

  • @kofiacheampong9433
    @kofiacheampong9433 Před 5 lety +1

    How would you integrate a a video file(eg flc or MOV.) as a splash screen

    • @karunstha
      @karunstha  Před 4 lety

      Sorry for the late reply but you can use videoview for that

  • @monarch9586
    @monarch9586 Před 5 lety

    everything is working but the animation is not happening I dont know why?

  • @nittur1008
    @nittur1008 Před 5 lety +1

    good work but its too fast to know what you are doing in some parts of the video

  • @heetkalaria3427
    @heetkalaria3427 Před 4 lety

    can anyone tell me on which api level this works?

  • @vime2651
    @vime2651 Před 5 lety

    What did you do at 9:46??

  • @FudgedDiceRoll
    @FudgedDiceRoll Před 5 lety +6

    I know this is an older video but why didn't you use ConstraintLayout for your activity_login? Nesting so many layouts is horribly inefficient and you can reduce the amount of code by close to 2/3rds

    • @karunstha
      @karunstha  Před 5 lety +2

      Honestly speaking, i don't know how to do this in constraint layout. So, I did with what I know, also the I am not sure if the animation works if it's in constraint. Anyways, thanks for your info, I'll sure try making this with the constraint.

    • @FudgedDiceRoll
      @FudgedDiceRoll Před 5 lety +4

      @@karunstha It works very similar to RelativeLayout where you can assign the position of views relative to the position of other views in the layout. It makes use of layout_constraint* parameters or you can drag and position arrows in the "Design" tab. Cheers and keep up the great videos.

  • @waseemjewellersfsd7108
    @waseemjewellersfsd7108 Před 5 lety +2

    link not work for code

  • @tloumanamela9265
    @tloumanamela9265 Před 5 lety

    can i make text be bold,italic or change to other font styles? because fontFamily is used only in API level 16 and higer... i hope you know what i mean.

    • @karunstha
      @karunstha  Před 5 lety

      You can use custom textview classes and set the typeface from there. If bold, italic are just what you need, fontStyle might work.

  • @CR1Xxx
    @CR1Xxx Před 5 lety +2

    It works wonderful in vertical, but if the phone is moved to horizontal everything go horrible (and every time you change position the splash start again and again). Can you help me fixing it please?

    • @karunstha
      @karunstha  Před 5 lety +1

      Please google about onSaveInstanceState() and onRestoreInstanceState(), you can resolve your issue using this.

    • @ananysharma8483
      @ananysharma8483 Před 4 lety

      You should have make this by using

    • @alexizhernandez8011
      @alexizhernandez8011 Před 4 lety

      @@ananysharma8483 ConstraintLayout might actually be better, it was created for this particular reason.

  • @ariphidayat1772
    @ariphidayat1772 Před 4 lety

    how is the source code if I want link button signup?

  • @Raviraj-ww5uo
    @Raviraj-ww5uo Před 3 lety

    Can you create this splash screen in flutter..

  • @ashishtiwari4273
    @ashishtiwari4273 Před 4 lety

    Its showing that document is no longer available

  • @shumailasami2277
    @shumailasami2277 Před 5 lety

    My grad_bg preview is not showing

  • @tloumanamela9265
    @tloumanamela9265 Před 5 lety +1

    is ok now, i figured it out... though is my first time doing this things.

    • @karunstha
      @karunstha  Před 5 lety

      TLOU PAUL okay, all the best!

  • @prathvirajsuvarna7948
    @prathvirajsuvarna7948 Před 5 lety +1

    How to create .xml file of the image like the ic_twitter.xml which you have created

  • @blakeramsey3373
    @blakeramsey3373 Před 6 lety +1

    Could you make a vid about implementing the actual login and register system?

    • @karunstha
      @karunstha  Před 6 lety

      Sure, will be making such videos soon.

  • @simonmunyao8689
    @simonmunyao8689 Před 6 lety +1

    please do reply me. The part about twitter.xml,, how did you get it to be an xml file. the process please.

    • @karunstha
      @karunstha  Před 6 lety

      Simon Munyao i will make a separate video for that, stay tuned

    • @simonmunyao8689
      @simonmunyao8689 Před 6 lety +1

      Karun Shrestha I will... If possible soonest.... Your tutorials have helped me a lot in my classes

    • @karunstha
      @karunstha  Před 6 lety

      Simon Munyao I'm glad that I've helped you. Sure, it'll probably be my next video.

    • @RM_1964
      @RM_1964 Před 5 lety

      @@simonmunyao8689 bro learn about SVG

  • @interfaceinnovator
    @interfaceinnovator Před 3 lety +1

    Dami bro dherai help bho yo videp le

  • @chingsss
    @chingsss Před 4 lety

    When I rotate the phone to landscape mode, the interface gets distorted, how can i solve this?

  • @CryptoCodeZone
    @CryptoCodeZone Před 4 lety

    Your project File is compromised by "This web page contains potentially dangerous content. Threat: HTML/ScrInject.B trojan" - please fix it I'd like to get it

    • @karunstha
      @karunstha  Před 4 lety

      Thank you for the information. I'll look into it.

  • @worldwidewebfinds
    @worldwidewebfinds Před 6 lety +1

    thx for sharing , i got a problem ; java.lang.NullPointerException: Attempt to invoke virtual method 'void android.widget.RelativeLayout.setVisibility(int)' on a null object reference like that

    • @karunstha
      @karunstha  Před 6 lety

      You might have forgot to initialize the relative layout. Check it in czcams.com/video/-7xLyPLJ_NI/video.html

  • @jamescompany1
    @jamescompany1 Před 6 lety +1

    Minute 14:35, how do you resolve the "cannot resolve symbol rellay1"?

    • @karunstha
      @karunstha  Před 6 lety

      jamescompany1 did you define rellay1 as RelativeLayout? That might be the problem

    • @jamescompany1
      @jamescompany1 Před 6 lety +1

      Karun Shrestha Yes, I don't know why sometimes Android Studio can't recognize relatives layouts, but I can resolve this yesterday, thanks for the video, cheers from Mexico.

    • @karunstha
      @karunstha  Před 6 lety +1

      jamescompany1 Just rebuild the project if you think you got problems with the studio. Keep it up 👍. Cheers from Nepal🇳🇵

  • @blakeramsey3373
    @blakeramsey3373 Před 6 lety +1

    I do not care if you are a man or woman, I want to kiss you. THANK YOU SOO MUCH!!!

  • @Ab-cw1ro
    @Ab-cw1ro Před 4 lety

    how can i write the code in kotlin please .

  • @gaurangijoshi7955
    @gaurangijoshi7955 Před 4 lety +2

    Android resource linking failed
    please help me with this error.

    • @karunstha
      @karunstha  Před 4 lety

      please once check this:
      stackoverflow.com/questions/49171052/error-android-resource-linking-failed-aapt2-27-0-3-daemon-0
      If this doesn't work, do some more research, hopefully you'll get the solution :)

  • @goncalopratas7244
    @goncalopratas7244 Před 4 lety

    WAHH IN HELLS NAME DONT U TALK IN THE VIDEOS? HUH!? BRO SOME PEOPLE DONT WANT TO JUST COPY PASTE JUST TALK SO U CAN HELP MORE BUT LOVED THE TUTORIAL SLASH MUSIC CRASH BOOM :D

  • @aymenalitaleb9658
    @aymenalitaleb9658 Před 6 lety +2

    First thnks for the tuto it's wonderful, i tried to put the logo in the middle alignparenttop and centerhoruzental are true, the logo start great but when the login comes its go the the right then to the top, plz try it on your project and tell me the result

    • @karunstha
      @karunstha  Před 6 lety

      I've linked the project file here on the description, can you please compare your code to the project and see?

    • @aymenalitaleb9658
      @aymenalitaleb9658 Před 6 lety

      Yes, i made the changes on it i only added these attributes to the imageview : layout_alignParentBottom=true and layout_centerHorizontal=true , in another words i want the logo to stay in the center top not as u did on top of Login textView, i wanted to be pushed to the top not to the left, how can i do that ?

    • @aymenalitaleb9658
      @aymenalitaleb9658 Před 6 lety

      I meant alignParentTop not Bottom

    • @karunstha
      @karunstha  Před 6 lety

      Oh, now i get you. What you're doing is correct. I just tried it in my project, you'll just have to change the parent relative layout's width to match_parent.

    • @aymenalitaleb9658
      @aymenalitaleb9658 Před 6 lety

      Yeees it worked thnk u very much for your time, hope we'll see u in another videos, good luck...

  • @unknownaccount04
    @unknownaccount04 Před 4 lety +1

    Please tell me how i get the pathdata for twitter image icon .....or can you share the datapath of this image....

    • @karunstha
      @karunstha  Před 4 lety +1

      Hello geetika, I've made a video for how to get the path of any image. Here's the link to the video: czcams.com/video/WdcecrLyAkg/video.html

    • @unknownaccount04
      @unknownaccount04 Před 4 lety

      @@karunstha thank you so much.

  • @Henkvic
    @Henkvic Před 6 lety +1

    in your google drive, the twitter logo is with .png So, where the .xml?

    • @karunstha
      @karunstha  Před 6 lety

      There's no .png file bro, check it again, there's ic_twitter.xml inside drawable.

  • @diogotissianteixeira3799
    @diogotissianteixeira3799 Před 5 lety +2

    How you can find img of Twitter in .xml?

    • @karunstha
      @karunstha  Před 5 lety

      Diogo checkout my latest video. :)

    • @RM_1964
      @RM_1964 Před 5 lety

      Have you heard about SVG? You could do it with illustrator also

  • @harshpatel4841
    @harshpatel4841 Před 5 lety

    i will try this login screen but in bottom sign up and forget password not showing in my emulator and android phone
    i try same as u do in video

  • @gursharnsinghhanspal7667
    @gursharnsinghhanspal7667 Před 6 lety +1

    sir can you give link for background screen picture of login screen

  • @NeerajKumar-gz4zd
    @NeerajKumar-gz4zd Před 5 lety

    Plz try to avoid darcula theme 🙏

  • @sahanavalli2213
    @sahanavalli2213 Před 5 lety

    Where is project source

  • @Greadyyy
    @Greadyyy Před 6 lety +1

    how can i convert a png pcture a xml?

    • @karunstha
      @karunstha  Před 6 lety

      Greadyyy checkout my latest video ;)

    • @Greadyyy
      @Greadyyy Před 6 lety +1

      ok thank you so much!!! ill check it out:)

  • @tloumanamela9265
    @tloumanamela9265 Před 5 lety

    awesome but can you at least advice me on how did you copy and paste password? :>

  • @ananysharma8483
    @ananysharma8483 Před 4 lety

    Karun sir 🙏
    When I use background transparent of username or password
    No white out lines will show

  • @thinkboutyourself6210
    @thinkboutyourself6210 Před 4 lety +1

    how to solve that delaymillis ?

    • @Vitor3dx
      @Vitor3dx Před 4 lety

      I was having the same error, just don't write it, type: handler.postDelayed (runnable, 2000);

  • @swatipradhan8722
    @swatipradhan8722 Před 5 lety +1

    Sir can I get the whole code of this program.. Actually I am getting some error.

  • @waceemvirk7396
    @waceemvirk7396 Před 5 lety

    Error
    error: attribute android:topbottomLeftRadius not found.

    • @alexizhernandez8011
      @alexizhernandez8011 Před 4 lety

      No such thing as top and bottom together. Only topLeft, topRight, bottomLeft, bottomRight.

  • @abualam7015
    @abualam7015 Před 4 lety

    where is the github link ?

  • @benignaavalos1505
    @benignaavalos1505 Před 6 lety +1

    Why dont appear the background

  • @psychogaming3673
    @psychogaming3673 Před 5 lety

    i have an error says attribute android:orientatition not found. what is it? help meeeeee

  • @ashikurrahman6894
    @ashikurrahman6894 Před 5 lety +1

    have you any website to learn this??

    • @karunstha
      @karunstha  Před 5 lety

      Ashikur Rahman sorry bro no websites.

    • @ashikurrahman6894
      @ashikurrahman6894 Před 5 lety

      but i need your whole tutorial with details..your tutorial is just awesome

  • @kajalgupta416
    @kajalgupta416 Před 4 lety +1

    Sir plz share the source code. The link in the description is not working

    • @karunstha
      @karunstha  Před 4 lety

      yes, you'll have to go through some ads, anyways, here the link: drive.google.com/file/d/10c5pO-qqgb8RlnmsWZA-dknK9f1BNHq0/view

    • @kajalgupta416
      @kajalgupta416 Před 4 lety

      @@karunstha tysm sir

  • @animetales4767
    @animetales4767 Před 5 lety

    Hi .i can not download the code source . help, thanks

    • @karunstha
      @karunstha  Před 5 lety

      drive.google.com/file/d/10c5pO-qqgb8RlnmsWZA-dknK9f1BNHq0/view

  • @shumailasami2277
    @shumailasami2277 Před 5 lety

    It's giving rendor problem

  • @karlkevingo3285
    @karlkevingo3285 Před 5 lety +4

    awesome! im just new to android studio. pls do help me :)

  • @adegbiteoluwafemi1892
    @adegbiteoluwafemi1892 Před 6 lety

    pls, try to change your theme. not visible to me

    • @karunstha
      @karunstha  Před 5 lety

      Sorry for the inconvenience, will try other themes in the upcoming videos.

  • @avinashkahar8546
    @avinashkahar8546 Před 4 lety

    The link in the description is not working

    • @karunstha
      @karunstha  Před 4 lety

      yes, you'll have to go through some ads, anyways, here the link: drive.google.com/file/d/10c5pO-qqgb8RlnmsWZA-dknK9f1BNHq0/view

  • @gonepranavi509
    @gonepranavi509 Před 4 lety

    Sir,will u give me the code in kotlin

  • @marvel438
    @marvel438 Před 5 lety

    I hate you for not clicking edit text because you know it will distort the layout. That's the real problem

  • @abbasyousafzai8092
    @abbasyousafzai8092 Před 5 lety

    Code please

  • @lateplay
    @lateplay Před 6 lety

    why in my phone no animate??

    • @karunstha
      @karunstha  Před 5 lety

      you might have set to no animations in your developer settings.

    • @alhaitsyam3032
      @alhaitsyam3032 Před 5 lety +1

      @@karunstha that animation based on our phone?? from logo to login form there no animation like blink for transition

    • @karunstha
      @karunstha  Před 5 lety +1

      @@alhaitsyam3032 yes, it's from my phone

  • @avinashkahar8546
    @avinashkahar8546 Před 4 lety

    Sir plz share the source code

  • @naveenapallantla2866
    @naveenapallantla2866 Před 5 lety +1

    can i get the code please

    • @karunstha
      @karunstha  Před 5 lety

      You can get the source code from the link in the description.

  • @sahanavalli2213
    @sahanavalli2213 Před 5 lety +2

    Dnt use darcula theme we cant see anything clearly

    • @karunstha
      @karunstha  Před 5 lety +1

      Will surely keep that in mind while recording the next video ☺

  • @taniyapaul6927
    @taniyapaul6927 Před 4 lety +1

    Can u please send me the ic_twitter.xml it's urgent and thanks for this work

    • @karunstha
      @karunstha  Před 4 lety

      Can you please watch this video?
      czcams.com/video/WdcecrLyAkg/video.html

    • @taniyapaul6927
      @taniyapaul6927 Před 4 lety +1

      @@karunstha thanks man

  • @PraveenKumar-mv9hq
    @PraveenKumar-mv9hq Před 5 lety

    Bhai. White screen lo

  • @Shamiwrites297
    @Shamiwrites297 Před 6 lety +1

    Sir plzzz rply me
    Can you create me one earning app

  • @davenarsh213
    @davenarsh213 Před 4 lety

    Bro I cannot download project file need ur help

  • @ankushjoshi9039
    @ankushjoshi9039 Před 2 lety

    kam se kam screen to zoom in kar lete

  • @Shamiwrites297
    @Shamiwrites297 Před 6 lety +1

    Plz sir must rply me

  • @somdey7604
    @somdey7604 Před 2 lety

    kuch bol bhi liya kar bhai mere

  • @masterela
    @masterela Před 5 lety

    Why do feel the need of putting this anoying music ??!! Something I will never understand.