Coder Social home page Coder Social logo

xiaoxidong / swiftui-for-beginners-code Goto Github PK

View Code? Open in Web Editor NEW
29.0 0.0 9.0 23.24 MB

SwiftUI「做个应用」应用内全部示例代码。

Home Page: https://apps.apple.com/cn/app/id1578873606

License: MIT License

Swift 79.27% HTML 20.73%
swiftui designer

swiftui-for-beginners-code's Introduction

SwiftUI-For-Beginners-Code

1 这里是 SwiftUI For Beginners 应用里按照章节里展示的代码。

SwiftUI For Beginners 是一款教你从 0 开始学习 Apple 全平台开发语言的应用,共计 156 个章节,从基础数据结构知识,到设计模式,到各个类似的组件的使用,包含了开发 iOS 和 Mac 应用的每一个环节,跟着整体的课程轻松学会 SwiftUI,每个人都可以开发 Apple 应用。

下载应用

如何使用

可以点击右上角的绿色 Code 按钮,下拉里会有三个选项:

  • Open with Github Desktop:使用 Github 桌面端 Clone 下载代码
  • Open with Xcode:使用 Xcode 自带的管理器 Clone 下载代码
  • Download ZIP:下载代码压缩吧

如果后续这个库的代码更新之后,前面两种方式可以更新电脑上的代码,而最后一种则需要手动下载代码。建议直接使用第二种方法,按照引导进行设置即可。

关于SwiftUI

SwiftUI 是苹果最近几年新推出的 Apple 全平台 UI 开发框架,一套代码可以运行在 iPhone、iPad、Mac、Apple Watch 和 Apple TV 上,极大的节省了开发成本,同时也保持了应用的一致性。

SwiftUI 是一种声明式语言,我们可以一点点给元素添加属性修改元素的样式,可以看到下面就是一个按钮的样式和实现代码。

SwiftUI 去除了复杂的设计,所有看到的元素都是 View,一个页面,一个按钮,一个文字,一个输入框都是一个 View,极大的减少了对代码的理解成本,更加容易学习,真正可以做到一看就会。

适合什么样的人?

SwiftUI 适合所有对互联网产品有基础常识的人,只要你知道基础的应用控件,知道 NavigationView、Tabbar,就可以很简单的看懂 SwiftUI 的技术代码,之所以起名为 SwiftUI For Beginners 是因为设计师对产品的设计比较了解,可以更好的开发出易用的产品。 下面这个你看得懂吗?

NavigationView {
     ScrollView {
           Text("如果你能看到这段代码就可以学会 SwiftUI!")
                  .font(.system(size: 16, weight: .bold))
                  .foregroundColor(Color.red)
            Button {
                   print("Email: [email protected]")
             } label: {
                   Text("联系我们")
             }
      }.navigationTitle("SwiftUI For Beginners")
}

如果你对互联网产品不是很了解,学习技术不是难点,让自己想做的产品符合用户使用习惯是难点,对于产品设计可以多参考类似产品,而对于 UI 元素的设计可以使用 Figma,是一款基于浏览器的设计工具,简单易用,同时社区有很多设计资源可以更好的帮助你设计出色的应用。

关于设计师学习技术

这个应用目的在于教会设计师学习代码进行开发应用,无论是产品设计师、UI 和平面设计师,在整体产品设计上能力相对比较好,如果自己会一些代码就可以很好的满足自己一些小工具上的需求,有个良好的推广也会成为一款热门应用。

国内著名的设计师开发应用当属于由 @Utom 开发的 Sketch 下的设计交付工具 Sketch Measure,作为 Sketch 下从设计到技术交付的著名第三方插件帮助了非常多的设计师。

视频教程

SwiftUI For Beginners 除去这里都代码,我们还有在抖音都视频教程,你可以选择适合自己的学习方式。可以抖音搜索 SwiftUI For Beginners 查看。

关于内购应用

如果你不想付费 Pro 内容,可以通过下面的渠道进行了解 SwiftUI 和学习,下面的渠道内容里完整的包含了开发一个应用的全部基础内容。区别有以下几点:

  • 基础开发里用不到的更多 SwiftUI 内容,比如更多 Shape 和更多 View 章节的内容。
  • 本应用包含更多细小问题的集合,比如更换应用 Icon,比如创建文档应用。
  • 支持快速搜索,相比于其他形式可以更快的找到问题的答案。

联系我们

有任何问题请邮箱联系。 📮:[email protected]

License

SwiftUI For Beginners Code 基于 MIT 开源协议。查看详细信息

swiftui-for-beginners-code's People

Contributors

xiaoxidong avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.