jordansinger / swiftui-kit Goto Github PK

View Code? Open in Web Editor NEW

2.3K 60.0 147.0 5.71 MB

A SwiftUI system components and interactions demo app

License: MIT License

Swift 100.00%

swiftui kit ios ios14 ipados ipad components macos watchos tvos

swiftui-kit's Introduction

SwiftUI Kit

A SwiftUI system components and interactions demo app based on iOS 17, macOS Sonoma, watchOS 10, and tvOS 17.

Use the SwiftUI Kit app to see how SwiftUI views appear and interact when using the system defaults. You can view the source to see how particular examples work.

Includes Buttons, Colors, Controls, Fonts, Haptics, Images, Indicators, Shapes, Text, and more.

To run

Make sure you're using Xcode 15+ as well as a device running iOS 17+. Works on iPhone, iPad, Mac, Apple Watch, and Apple TV.

Accent color

To change the accent color and see how it affects the system components, go to the AccentColor section of Assets.xcassets in Xcode. You can then change the Light and Dark accent colors that will be applied to the app.

Contributing

Please feel free to submit pull requests in order to contribute back to SwiftUI Kit. This is for the SwiftUI community!

SwiftUI Resources

Recreate - A video series about recreating popular UI with SwiftUI
Primitive - Learn SwiftUI for designers

Apple Resources

Apple Human Interface Guidelines - Apple’s design guidelines for creating best-in-class apps.
SF Symbols – Apple’s comprehensive library of vector-based symbols included in Apple’s system fonts that you can incorporate into your app.

By Jordan Singer (@jsngr)

Credit SwiftUI Apple Developer Documentation for many examples and terminology

swiftui-kit's People

Contributors

Stargazers

Watchers

Forkers

robbiegd mihaelamj iamsankalp xin-guo nef10 vaibhavjais mfts vikesh8051 puneetchd devcarlos spencerlynn matrixy wb-towa austinea carabina tchigher mi-forks hemantkadam molcik bubudrc jixuqianxing zhanggenlove trendingtechnology grapery minsone-opensource-fork aaryankotharii mumer92 opensourceios ywxkdz heavenchou nifhanif fansize hectorddmx ukr55 ianleon karimebrahemabdelaziz obadasemary mohsalahnassar zyzhangyu augustin-u liunina liudhzhyym ibmer mohamedsalahnassar jigneshpatel akashthakkar09 kushal211 fradser darknos evilino aadjemonkeyrock smisra 1c7 zerocodegit goodcyg productinfo oalvarez jamonek rjgodoy choppinrox erodion9 andrewwang801 vnsam benjimandel j-w-ca christopher87 zelinskyi iboldurev balitax johnno1962 roche1990 sansern jadegeek zhanyongzhang xudaguanren as79dev harshinvader strawcarb radish2012 noonight jettyjiang hyunoosung ifoxchat extratone codermdl tjuchen zengwn yingfengzhaozhan jike-org beemobileab gtrevg okiookio davyjo icodein wizoo caohuoxia lerowish lijuncode atakahveci monkey-x-byte

swiftui-kit's Issues

Can't dismiss ColorPicker Control

Add support for Menu in iOS 14 beta 3

Image not found

mac OS 11.0 Beta (20A4300b)
Version 12.0 beta 2 (12A6163b)

Add Widget examples

Would be great to have some code example of SwiftUI for Widget Kit!

feat: Add SceneKit

Feature:

now that SwiftUI 2.0 has SceneView supported by SceneKit, we can add a row under Maps for an example of SceneKit.

Implementation

All we need is a model with extension .usdz and a few lines of code to implement this feature.
you can preview implementation in the readMe of this repository

Swiftui

Swift ui component library

SwiftUI kit

TestFlight build

Any interest in a TestFlight build?

What does it look like to maintain? Would it be useful for those who don't otherwise want to build/run in Xcode?

Update to newest versions

Show code in app

The app reminds me a little bit of an app I've used before: Fiori Mentor

It offers the option to copy the code directly from within the app, see here. Maybe we could offer something similar?

Disclosure: The app was developer by my employer, however I was not involved.

Modeling

How should we be thinking about modeling the views, especially those that differ by platform and as the repo grows over time?

Could imagine the #if method getting messy.

As I was building this in the first place, I imagined making a struct to hold each grouping and an array of views inside of it. Curious if there are other suggestions and if doing this might be overkill?

Image

macOS: first button in sidebar hidden in full screen

This might be a bug with SwiftUI itself (not the first time I’m seeing this with Sidebar(), but capturing here in case someone knows a fix.

When entering in full screen mode, the first button in the sidebar view is hidden by the toolbar.

Set view previews to .sizeThatFits?

Love this repo – so helpful! Something Apple should provide themselves.

Previews for extracted views (like the files in the Groupings folder) are shown in an iPhone frame by default (since the scheme is set to iPhone SE) – I wonder if it would make sense to change the preview layout to .previewLayout(.sizeThatFits) for these.

Having the iPhone chrome can imply/suggest that it’s a "screen" rather than an isolated piece of UI (I can see this being confusing for someone starting out who isn’t familiar with breaking up views in multiple files).

I can create a PR for it but wanted to check first!

Updated preview would look like this:

Visual Studio Code support?

In VSCode using 'iOS Debug' it's possible to build & debug iOS Simulator applications.
https://marketplace.visualstudio.com/items?itemName=nisargjhaveri.ios-debug

I'm wondering whether there might be interest in using VSCode to hot reload:

Can not build on mac

Xcode 12.0.1
macOS 10.15.7