MAXWELL L U X 让应用程序开发更快（并且充满魔力）！ 制作自定义 UI 设计系统，随时可在 SwiftUI 中使用 - 即使您不是设计专家！

⚠️ 用于 Swift 5.x。请确保您使用的是 >= 5.1.0 ⚠️

目录

要求

沟通

安装

SPM

Swift Package Manager 是 Cocoa 项目的依赖管理工具。

您可以通过将此存储库的 URL 导入 Xcode 来安装 Lux。

https://github.com/maxwelldesign/lux

CocoaPods

注意：CocoaPods 和 Xcode-Canvas 存在一些已知问题。 如果可能，请优先选择 SPM 安装选项。 在 CocoaPods 项目中以 SPM 包的形式导入实验性 LUX 已成功。

CocoaPods 是 Cocoa 项目的依赖管理工具。 您可以使用以下命令安装它

$ gem install cocoapods

需要 CocoaPods 1.1.0+ 才能构建 Lux 1.0.0+。

要使用 CocoaPods 将 Lux 集成到您的 Xcode 项目中，请在您的 Podfile 中指定它

source 'https://github.com/CocoaPods/Specs.git'
platform :ios, '10.0'
use_frameworks!

target '<Your Target Name>' do
    pod 'Lux', '~> 1.0.0'
end

然后，运行以下命令

$ pod install

用法

快速开始

import SwiftUI
import Lux

struct ContentView: View {

    var body: some View{
      Column{
        Row{
          Text("Hello World")
          .lux
          .trait(.title)
          .style(.paragraph)
          .view
        }
      }
      .lux
      .style(.panel)
      .feature(.padding, .shadow,)
      .card
      .view
    }

}

规范

安装 Maxwell App 以创建 LUX 规范。 可从 MAXWELL DESIGN 网站获得适用于 iOS 和 macOS 的版本

从 Maxwell App

注意：如果您在模拟器中，请使用菜单中的“获取粘贴板”将数据传输到 macOS。

准备就绪后，打开 Xcode 并粘贴配置代码，在附加视图之前，最好是在 Scene Delegate 中，例如

 func initializeLook(){
        do{
            try Look.set(data64:" SOME DATA")
        }catch{
            print("error")
        }
  }

Stream

您可以从 MAXWELL APP 实时调整任何 LUX 驱动的应用程序。

将此添加到您的启动代码

 func tuneLux(){
        Look.tunning()
  }

然后，要动态更新任何视图，只需为全局 Look 状态添加此 Observable 定义

struct ContentView: View {
    @ObservedObject var state = Look.state
    ...

注意：您可以随意命名。

Playground

您可以在 Playground 中尝试 Lux。

注意

要在 playground 中尝试 Lux，请打开 Lux.xcworkspace 并首先为任何模拟器构建 Lux.framework。

资源

学习

安装 Maxwell App 并购买其完整源代码的研究许可证。 一些有趣的功能

整个 Maxwell App 都基于 Combine + SwiftUI 上的（改进的）MVVC 模式。 不要错过深入研究 SwiftUI 时代首批大规模应用程序之一的机会！

鸣谢

许可

LUX 在 GNU GPL 许可下发布。 有关详细信息，请参见 LICENSE。

联系 lux@maxwell.design 获取灵活的许可选项和其他查询。