Abdul Karim Khan
Abdul Karim Khan
  • 52
  • 13 273
Draggable and Drop Destination | Swift APIs & Modifiers
In this tutorial, I dive deep into SwiftUI's draggable and dropDestination API! Learn how to implement drag and drop in swiftUI. Whether you're creating responsive UIs or want to understand the draggable and dropDestination API, this video has you covered.
This tutorial is perfect for iOS developers of all levels who want to create visually engaging apps using SwiftUI’s grid system. Make sure to like, share, and subscribe for more content like this! :)
Source Code:
github.com/abdulkarimkhaan/SwiftUI-APIs-and-Modifiers
#swiftui #ios #xcode #animation
----------------------------------------------------------------------------
→ Medium Link - medium.com/@abdulkarimkhaan
→ Subscribe to my channel to stay updated-
/ @abdulkarimkhaan
→ Reach Out to me On
Medium: medium.com/@abdulkarimkhaan
Github: github.com/abdulkarimkhaan
LinkedIn: www.linkedin.com/in/abdulkarimkhan/
Twitter: AbdulKarimKhann
Instagram: abdulkarimkhaan
----------------------------------------------------------------------------
#animation #swiftui #ios #tutorial #cardview #xcode #abdulkarim #abdulkarimkhan #swiftuitutorial #swiftuiforbeginners
มุมมอง: 196

วีดีโอ

Adaptive, Flexible and Fixed Grids - LazyVGrid, LazyHGrids | SwiftUI APIs & Modifiers
มุมมอง 249หลายเดือนก่อน
In this tutorial, I dive deep into SwiftUI's powerful grid system! Learn how to build dynamic and flexible grid layouts using LazyVGrid and LazyHGrid. Whether you're creating responsive UIs or want to understand the different grid layout types, this video has you covered. 📚 What you'll learn: 1. How to use LazyVGrid for vertical grid layouts 2. How to implement LazyHGrid for horizontal grid lay...
Grid Layout & Floating Menu | SwiftUI APIs & Modifiers
มุมมอง 279หลายเดือนก่อน
Welcome to the first episode of my new SwiftUI series of APIs and Modifiers, where we dive deep into Grid Layout and the Floating Menu. In this tutorial, you'll learn how to create responsive grid layouts and implement an interactive floating menu to enhance your app's design. Whether you're a beginner or looking to level up your SwiftUI skills, this series is for you! Source Code: github.com/a...
Scroll Transition and Scale Effect - Educational and News Application - SwiftUI App Development
มุมมอง 2436 หลายเดือนก่อน
Hello everyone! 👋 Let's learn on How to create educational and news Application using the SwiftUI. Learn how to play with scroll transition, opacity, scale effect, transition, shapes and view modifiers in SwiftUI. Source Code: github.com/abdulkarimkhaan/SwiftUI-App-Themes #swiftui #ios #xcode #animation → Medium Link - medium.com/@abdulkarimkhaan → Subscribe to my channel to stay updated- / @ab...
SwiftUI Animation #12 - Custom Alert Views - Transiton, ScaleEffect, Opacity and ViewModifier
มุมมอง 3207 หลายเดือนก่อน
Hello everyone! 👋 Let's learn on How to create different alerts using the SwiftUI. Learn how to play with opacity, scale effect, transition, shapes and view modifiers in SwiftUI. Source Code: github.com/abdulkarimkhaan/SwiftUI-Custom-Alert-Styles #swiftui #ios #xcode #animation → Medium Link - medium.com/@abdulkarimkhaan → Subscribe to my channel to stay updated- / @abdulkarimkhaan → Reach Out ...
Building SwiftUI App for tvOS (2024) | Episode 3 - Understanding Focus Engine of tvOS
มุมมอง 4647 หลายเดือนก่อน
In this tvOS episode series, we will guide you step by step on how to master designing and development of application on tvOS using SwiftUI. Episode 3 - Understanding Focus Engine of tvOS You will get to know how focusEngine works in tvOS and most importantly, how to update state when focus is change using focusState binding register in tvOS. Source Code: github.com/abdulkarimkhaan/tvOS-sample-...
Building SwiftUI App for tvOS (2024) | Episode 2 - TabView and FocusSection - Moving diagonal
มุมมอง 4947 หลายเดือนก่อน
In this tvOS episode series, we will guide you step by step on how to master designing and development of application on tvOS using SwiftUI. Episode 2 - TabView and FocusSection You will get to know how tabview works in tvOS and most importantly, how to move diagonal in tvOS from one corner of the screen to another within no time using focus engine. Source Code: github.com/abdulkarimkhaan/tvOS-...
Building SwiftUI App for tvOS (2024) | Episode 1 - Introduction and User Interaction Guide
มุมมอง 8768 หลายเดือนก่อน
In this tvOS episode series, we will guide you step by step on how to master designing and development of application on tvOS using SwiftUI. Episode 1 - Introduction and Basic User Interaction Guide Source Code: github.com/abdulkarimkhaan/tvOS-sample-guide #swiftui #ios #xcode #animation → Medium Link - medium.com/@abdulkarimkhaan → Subscribe to my channel to stay updated- / @abdulkarimkhaan → ...
SwiftUI Animation #11 - Loading Bar, Splash Screen Animation and Content Transition!
มุมมอง 1798 หลายเดือนก่อน
Hello everyone! 👋 Let's learn on How to create your own loading bar, transition effect and dashboard screen animation using the SwiftUI. Learn how to play with opacity, scale effect, content transition and shapes in SwiftUI. Source Code: github.com/abdulkarimkhaan/SwiftUIAnimationsGuide/tree/master/SwiftUIAnimationsGuide/LoadingBar #swiftui #ios #xcode #animation → Medium Link - medium.com/@abd...
SwiftUI Kanban Board Using Draggable and Drop Destination with Transferrable Object
มุมมอง 4539 หลายเดือนก่อน
Hello everyone! 👋 Let's learn on How to create custom Kanban Board using the SwiftUI framework on mac. Learn how to play with draggable and dropDestination in SwiftUI. Source Code: github.com/abdulkarimkhaan/SwiftUI-Sample-Kanban-Board #swiftui #ios #xcode #animation → Medium Link - medium.com/@abdulkarimkhaan → Subscribe to my channel to stay updated- / @abdulkarimkhaan → Reach Out to me On Gi...
SwiftUI Animation #10 - Something went wrong!!
มุมมอง 24610 หลายเดือนก่อน
Hello everyone! 👋 3 mins tutorial Let's learn together! - How to create your very own custom generic something went wrong animation in SwiftU using scale, offset and withAnimationI! #swiftui #ios #xcode #animation → Subscribe to my channel to stay updated- / @abdulkarimkhaan → Reach Out to me On Github: github.com/abdulkarimkhaan LinkedIn: www.linkedin.com/in/abdulkarimkhan/ Twitter: twitter.co...
SwiftUI Animation #9 - Custom Search Animation
มุมมอง 11611 หลายเดือนก่อน
Hello everyone! 👋 Let's learn together! - How to create your very own custom search animation using the SwiftUI framework. Learn how to play with opacity and stacks in SwiftUI. #swiftui #ios #xcode #animation → Medium Link - medium.com/@abdulkarimkhaan → Subscribe to my channel to stay updated- / @abdulkarimkhaan → Reach Out to me On Github: github.com/abdulkarimkhaan LinkedIn: www.linkedin.com...
SwiftUI Animation #8 - Cart Items Loading Animation
มุมมอง 22011 หลายเดือนก่อน
SwiftUI Animation #8 - Cart Items Loading Animation
VStack, HStack and ZStack in SwiftUI - SwiftUI Bootcamp #5
มุมมอง 53ปีที่แล้ว
VStack, HStack and ZStack in SwiftUI - SwiftUI Bootcamp #5
Frames and Alignment - SwiftUI Bootcamp #4
มุมมอง 42ปีที่แล้ว
Frames and Alignment - SwiftUI Bootcamp #4
Shapes in SwiftUI - SwiftUI Bootcamp #3
มุมมอง 37ปีที่แล้ว
Shapes in SwiftUI - SwiftUI Bootcamp #3
Struct, Import and Modifiers - SwiftUI Bootcamp #2
มุมมอง 42ปีที่แล้ว
Struct, Import and Modifiers - SwiftUI Bootcamp #2
Overview and Brief Walkthrough of Xcode - SwiftUI Bootcamp #1
มุมมอง 76ปีที่แล้ว
Overview and Brief Walkthrough of Xcode - SwiftUI Bootcamp #1
Higher Order Functions for Swift Arrays and Dictionaries
มุมมอง 186ปีที่แล้ว
Higher Order Functions for Swift Arrays and Dictionaries
Custom Splash Screen with Offset Animation - SwiftUI (iOS 17)
มุมมอง 1.3Kปีที่แล้ว
Custom Splash Screen with Offset Animation - SwiftUI (iOS 17)
SwiftUI Drag and Drop - Movable Grid (draggable and dropDestination) in 5 mins
มุมมอง 1.4Kปีที่แล้ว
SwiftUI Drag and Drop - Movable Grid (draggable and dropDestination) in 5 mins
SwiftUI - Animating Gradient Card View in 3 mins (iOS)
มุมมอง 135ปีที่แล้ว
SwiftUI - Animating Gradient Card View in 3 mins (iOS)
SwiftUI - Create Pie Chart View in 5 mins - iOS
มุมมอง 113ปีที่แล้ว
SwiftUI - Create Pie Chart View in 5 mins - iOS
Part 2 - Create a carousel view using scroll view and content transition (iOS 17) - SwiftUI
มุมมอง 412ปีที่แล้ว
Part 2 - Create a carousel view using scroll view and content transition (iOS 17) - SwiftUI
SwiftUI, Build Your Own eCommerce UI/UX from Scratch! Part 1 - Customise TabView - SwiftUI
มุมมอง 212ปีที่แล้ว
SwiftUI, Build Your Own eCommerce UI/UX from Scratch! Part 1 - Customise TabView - SwiftUI
Lottie Animation x SwiftUI
มุมมอง 188ปีที่แล้ว
Lottie Animation x SwiftUI
iOS 17 | ContentTransition Effects in 2 mins | Xcode 15 - SwiftUI
มุมมอง 349ปีที่แล้ว
iOS 17 | ContentTransition Effects in 2 mins | Xcode 15 - SwiftUI
Mastering Generics in Swift: A Powerful Tool for Flexible and Reusable Code - Learn with Abdul #2
มุมมอง 103ปีที่แล้ว
Mastering Generics in Swift: A Powerful Tool for Flexible and Reusable Code - Learn with Abdul #2
SwiftUI Animation #7 - Bar Loading Animation
มุมมอง 165ปีที่แล้ว
SwiftUI Animation #7 - Bar Loading Animation
SwiftUI Animation #6 - Calling Animation
มุมมอง 109ปีที่แล้ว
SwiftUI Animation #6 - Calling Animation

ความคิดเห็น

  • @sabirayaz7893
    @sabirayaz7893 หลายเดือนก่อน

    Amazing, liked and subd, waiting for more content.

  • @advanceelectronics2234
    @advanceelectronics2234 หลายเดือนก่อน

    ❤❤❤

  • @brasileirotimon
    @brasileirotimon หลายเดือนก่อน

    won't the fixed frame width and height be too small on bigger screens? or maybe too big on smaller screens? Or does that not really made to much between different iphone sizes?

    • @abdulkarimkhaan
      @abdulkarimkhaan หลายเดือนก่อน

      Agreed! This is just a basic tutorial of how frame and alignment works.

  • @brasileirotimon
    @brasileirotimon หลายเดือนก่อน

    such a good tutorial, very well explained!!!

  • @johann_621
    @johann_621 หลายเดือนก่อน

    Thanks, that was a great explanation!

  • @abdulmoizkhan8978
    @abdulmoizkhan8978 หลายเดือนก่อน

    Awesome explanation of grids! Super helpful for SwiftUI beginners!

  • @FarhajAhmed
    @FarhajAhmed หลายเดือนก่อน

    Keep up the great work!

  • @FarhajAhmed
    @FarhajAhmed หลายเดือนก่อน

    Great video to learn about Grid Layout and the Floating Menu using SwiftUI.

  • @josiasmayo7203
    @josiasmayo7203 3 หลายเดือนก่อน

    thannk youy very much

  • @JunaidKhan-ny8tu
    @JunaidKhan-ny8tu 4 หลายเดือนก่อน

    Very very insightful 🙏short and to the point ❤️

  • @FarhajAhmed
    @FarhajAhmed 7 หลายเดือนก่อน

    Thanks for sharing! And making it look easy!

  • @FarhajAhmed
    @FarhajAhmed 7 หลายเดือนก่อน

    Indeed, Focus Engine is a powerful element for tvOS Development. Your video lessons are doing a great deal of work to make us learn tvOS Development. Keep up the good work.

  • @FarhajAhmed
    @FarhajAhmed 7 หลายเดือนก่อน

    Loved the way you explained the concept of the Focus Section. Keep it up.

  • @FarhajAhmed
    @FarhajAhmed 7 หลายเดือนก่อน

    I like the way you expressed the essentials of tvOS Development in this video. Looking forward to more TVOS episodes.

  • @toddlask
    @toddlask 7 หลายเดือนก่อน

    great stuff!

  • @advanceelectronics2234
    @advanceelectronics2234 9 หลายเดือนก่อน

    ❤ 2:20 2:22 2:23 2:24

  • @advanceelectronics2234
    @advanceelectronics2234 9 หลายเดือนก่อน

  • @FarhajAhmed
    @FarhajAhmed 9 หลายเดือนก่อน

    Great job, keep it up!

  • @munaim2024.PC.oriented
    @munaim2024.PC.oriented 9 หลายเดือนก่อน

    oh wow zabardasth ❤❤❤❤ Love you brother!!!

  • @rajnibanduni914
    @rajnibanduni914 10 หลายเดือนก่อน

    When I tried your same code in my Xcode then it's crashing. but when I copy your code and paste it then it's working, I didn't understand why this is happing because I only type you code in my app. Here is the code :- could you find error ?? ZStack{ Circle() .fill(.gray.opacity(0.2)) Circle() .fill(.white.opacity(0.5)) .scaleEffect(animateWhiteCircle ? 1 : 0) Image("alert-disable") Image("Alert-enable") .offset(x:shake ? 5 : -5) .opacity(makeActive ? 1: 0) onAppear{ withAnimation(.linear(duration: 0.65).delay(0.9).repeatForever(autoreverses: true)){ animateWhiteCircle.toggle() makeActive.toggle() } withAnimation(.easeInOut(duration: 0.5).speed(6.0).repeatForever(autoreverses: true)) { shake.toggle() } } .shadow(radius: 10, x:10, y: 15) }

    • @abdulkarimkhaan
      @abdulkarimkhaan 10 หลายเดือนก่อน

      You can get the complete code in the GitHub repository linked in the description. Happy learning! 🙌 Repo link: github.com/abdulkarimkhaan/SwiftUIAnimationsGuide/tree/master/SwiftUIAnimationsGuide/SomethingWentWrong%20Group

  • @munaim2024.PC.oriented
    @munaim2024.PC.oriented 10 หลายเดือนก่อน

    Masha Allah

  • @advanceelectronics2234
    @advanceelectronics2234 10 หลายเดือนก่อน

    0:36

  • @FarhajAhmed
    @FarhajAhmed 11 หลายเดือนก่อน

    Thanks for sharing this tip!

  • @DeconstructedLearningOfficial
    @DeconstructedLearningOfficial 11 หลายเดือนก่อน

    bro source code??

    • @abdulkarimkhaan
      @abdulkarimkhaan 11 หลายเดือนก่อน

      I will update the GitHub link in description soon. 🙌

  • @connectSanjayMali
    @connectSanjayMali 11 หลายเดือนก่อน

    Great stuff man!!

  • @saadkhannn
    @saadkhannn 11 หลายเดือนก่อน

    Amazing work on the Cart loading animation! Your talent really shines through in this video. Keep it up!

  • @mohd14shoeb
    @mohd14shoeb 11 หลายเดือนก่อน

    Please put you all three social network link completely 😊😉

    • @abdulkarimkhaan
      @abdulkarimkhaan 11 หลายเดือนก่อน

      Thanks for the heads up! 🙌

  • @advanceelectronics2234
    @advanceelectronics2234 11 หลายเดือนก่อน

    exland vois❤

  • @Aymen_Raeed
    @Aymen_Raeed ปีที่แล้ว

    Nice video just a tip the thumbnail is green which is close to android green and you doing swift stuff to get more view just change the color of the background and sorry if my English not good

    • @abdulkarimkhaan
      @abdulkarimkhaan ปีที่แล้ว

      Thanks for the tip! Happy Learning! 🙌

  • @Qasim_0014
    @Qasim_0014 ปีที่แล้ว

    Amazing!

  • @saifhakro
    @saifhakro ปีที่แล้ว

    Great Content. Keep it up !!!

  • @muhammadhussainmughal4553
    @muhammadhussainmughal4553 ปีที่แล้ว

    So Informative

  • @webserveis3498
    @webserveis3498 ปีที่แล้ว

    Good, but not understand implement this with struct model, only drag a color?

    • @abdulkarimkhaan
      @abdulkarimkhaan ปีที่แล้ว

      Thanks for the feedback! Colors are just for the concept, you can drag different views using draggable and dropDestination.

    • @Nealcar30489
      @Nealcar30489 9 หลายเดือนก่อน

      @@abdulkarimkhaan How? I keep getting a: Instance method 'draggable(_:preview:)' requires that 'MobileStep' conform to 'Transferable'

    • @abdulkarimkhaan
      @abdulkarimkhaan 9 หลายเดือนก่อน

      I will upload a new tutorial on it, soon!

    • @abdulkarimkhaan
      @abdulkarimkhaan 9 หลายเดือนก่อน

      Check out my new tutorial on moving views! th-cam.com/video/bcJGuHrU8uo/w-d-xo.html

  • @aloksagar9510
    @aloksagar9510 ปีที่แล้ว

    Thanks

  • @FarhajAhmed
    @FarhajAhmed ปีที่แล้ว

    Great work bro. Keep it up!

  • @abdulmoizkhan8978
    @abdulmoizkhan8978 ปีที่แล้ว

    you made it look easy! very well explained!

  • @yourcricnest
    @yourcricnest ปีที่แล้ว

  • @saqlainkanani7998
    @saqlainkanani7998 ปีที่แล้ว

    Insightful 💡

  • @saadmasood1139
    @saadmasood1139 ปีที่แล้ว

    Great work!!

  • @MuhammadHussain-vy3zi
    @MuhammadHussain-vy3zi ปีที่แล้ว

    Great Explanation

  • @armughanahmed80
    @armughanahmed80 ปีที่แล้ว

    Great content.

  • @armughanahmed80
    @armughanahmed80 ปีที่แล้ว

    Very well explained! Thanks

  • @AmirRaza1
    @AmirRaza1 ปีที่แล้ว

    Great! Waiting for the next tips.

  • @sahibali9964
    @sahibali9964 ปีที่แล้ว

    I am not an engineer, but the way you represented it made it super easy to understand. I believe I could even attempt to replicate it.

  • @saadkhannn
    @saadkhannn ปีที่แล้ว

    🤩🤩

  • @JuniorT963
    @JuniorT963 ปีที่แล้ว

    ma sha Allah

  • @modsgamez
    @modsgamez ปีที่แล้ว

    Awesome video, thanks for uploading this to TH-cam 🙂

  • @saadkhannn
    @saadkhannn ปีที่แล้ว

    Really helpful 🤩🤩👏👏

  • @abdulmoizkhan8978
    @abdulmoizkhan8978 ปีที่แล้ว

    Wow, this Eye Loading Animation tutorial is absolutely fantastic! Your clear explanations and step-by-step guidance make it so easy for beginners like me to dive into SwiftUI animations. I can't wait to see more tutorials from you. Keep up the excellent work, and thank you for sharing your knowledge

  • @zasskhan8020
    @zasskhan8020 ปีที่แล้ว

    Wow, this Eye Loading Animation tutorial is absolutely fantastic! Your clear explanations and step-by-step guidance make it so easy for beginners like me to dive into SwiftUI animations. I can't wait to see more tutorials from you. Keep up the excellent work, and thank you for sharing your knowledge