Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Swift UI in iOS | Skywave Info Solutions

74 views

Published on

Skywave Info Solutions is one of the topmost web development and mobile development company and blockchain app development. Also having expertise in digital marketing and SEO services.
All images used in this PPT, all credit goes to https://developer.apple.com/

Published in: Technology
  • Be the first to comment

  • Be the first to like this

Swift UI in iOS | Skywave Info Solutions

  1. 1. Here is where our presentation begins What is Swift UI in IOS?
  2. 2. SwiftUI is a latest innovative, Swift syntax is very simple to read and developer friendly to write, It is used to implement user interface across all apple platforms. SwiftUI works perfectly with all new Xcode design tools and also it keeps your code and design perfect. Introduction Image Source
  3. 3. SWIFT UI IN IOS Declarative vs Imperative Programming No more Interface Builder and Auto Layout 01 03 02 04 05 06 Layout User Interface with Stacks Understanding ScrollView and Building a Carousel UI Understanding State and Binding Working with Navigation UI and Navigation Bar Customization
  4. 4. Declarative vs Imperative Programming 01
  5. 5. Declarative vs Imperative Programming The core difference between the term imperative and declarative. Now back to UI programming. Imperative UI programming requires developers to write detailed instructions to layout the UI and control its states. Conversely, declarative UI programming lets developers describe how the UI looks like and what you want to do when a state changes. Image Source
  6. 6. No more Interface Builder and Auto Layout 02
  7. 7. No more Interface Builder and Auto Layout With SwiftUI, Interface Builder and storyboards area unit utterly gone. It's replaced by a code editor and a preview canvas just like the one shown in figure a pair of. You write the code within the code editor. Xcode then renders the interface in real time and show it within the canvas. In Xcode eleven, you'll choose from SwiftUI and Storyboard to make interface. If you have got designed associate app before, you will use Interface Builder to layout UI on storyboard. Image Source
  8. 8. Layout User Interface with Stacks 03
  9. 9. Layout User Interface with Stacks Stacks in SwiftUI is like stack views in UIKit. If you are combining horizontal and vertical views in stacks, you'll construct complicated user interfaces for your apps. For UIKit, it's unevitable to use auto layout in order to build interfaces that work all screen sizes. To some beginners, auto layout may be a difficult subject and arduous to be told. The great news is that you simply now not got to use auto layout in SwiftUI. Everything is stacks together with VStack, HStack, and ZStack. Image Source
  10. 10. About us We Skywave Info Solutions has been working in IT industry since 2017. We higher best web developers and designers to get a quick result. We provide web development such as PHP, dot net , Word press, Full stack, Python and Java web development. We also develop Mobile application development including iOS app development, Android App Development, Hybrid app development and Flutter App Development.
  11. 11. Understanding ScrollView and Building a Carousel UI 04
  12. 12. Understanding ScrollView and Building a Carousel UI Here, we are showing some features on ScrollView In swiftUI. SwiftUI provide us in build horizontal and vertical scrolling interface. Here we have few image in next slide for ScrollView functionality where you can see scroll view to mange card view UI. By using scrollview interface will manage multiple data on single page.
  13. 13. Understanding ScrollView and Building a Carousel UI Building a scrollable UI with ScrollView Image Source
  14. 14. Understanding State and Binding 05
  15. 15. Understanding State and Binding In SwiftUI, it comes with many inbuilt options for state management. specifically, it introduces a property wrapper named @State. once you annotate a property with @State, SwiftUI automatically stores it somewhere in your application. what is additional, views that create use of that property automatically hear the worth amendment of the property. once the state changes, SwiftUI can recompute those views and update the application's look.
  16. 16. Understanding State and Binding In application development every developers need to implement state management. Let's take a example developers developing music player app. So when user click play button now button will change to a stop button. So in your implementation there must be some process to keep track application state and according that you know when to change that button. Image Source
  17. 17. Working with Navigation UI and Navigation Bar Customization 06
  18. 18. Working with Navigation UI and Navigation Bar Customization Sample navigation interface for our demo projects By using stacks, image, and text views, you should be able to create the UI. While I will go through the implementation. In this image, you can see complete UI sample. Image Source
  19. 19. CONTACT US 611, City Centre, Nr. Shukan Mall, Science City Road, Sola, Ahmedabad Gujarat, India- 380060 info@skywaveinfosolutions.com 1700 Northside Drive, Suite A7 PMB Atlanta, GA-30318 info@skywaveinfosolutions.com
  20. 20. Does anyone have any questions? info@skywaveinfosolutions.com +91 9427722776 www.skywaveinfosolutions.com THANKS

×