二、iWriter 新建macOS工程

Hi,大家好,我是姜友华,上一节我介绍iWriter的大概是什么样子,这一节开始我们来实现它。

一、新建macOS工程。

  • 建立macOS工程与iOS工程一样。


    选择macOS标签
创建writer工程

二、 了解工程。

建好工程后,我们来了解一下工程。

1. 工程目录:

writer
-- writer
---- writerApp.swift   // 程序入口,通过writerDocument加载文件到ContentView上显示。
---- writerDocument.swift // 新建,加载,保存文件。
---- ContentView.swift // 界面,这个只有一个文本编辑器。
---- Assets.xcassets
---- Info.plist
---- writer.entitlements
---- Preview Content

2. 运行工程。

初始状态的程序

运行后程序,是一个极其简单的文本编辑器。虽然极其简单,但也是一个功能完备的程序。你完全可以用它进行写作,试试看非常神奇。

3. 工程代码。

  • writerApp.swift,实例一个文档对象,然后传给视图。
@main
struct writerApp: App {
    var body: some Scene {
        DocumentGroup(newDocument: writerDocument()) { file in
            ContentView(document: file.document)
        }
    }
}
  • ContentView.swift,将文档对象的内容(这里是文字),显示在文本编辑器里。由于使用了@Binding,所以文本编辑器的内容会同步为文档对象的内容。
struct ContentView: View {
    @Binding var document: writerDocument

    var body: some View {
        TextEditor(text: $document.text)
    }
}

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView(document: .constant(writerDocument()))
    }
}
  • writerDocument.swift,负责文件的读写。
extension UTType {
    static var exampleText: UTType {
        UTType(importedAs: "com.example.plain-text")
    }
}

struct writerDocument: FileDocument {
    var text: String

    init(text: String = "Hello, world!") {
        self.text = text
    }

    static var readableContentTypes: [UTType] { [.exampleText] }

    init(configuration: ReadConfiguration) throws {
        guard let data = configuration.file.regularFileContents,
              let string = String(data: data, encoding: .utf8)
        else {
            throw CocoaError(.fileReadCorruptFile)
        }
        text = string
    }
    
    func fileWrapper(configuration: WriteConfiguration) throws -> FileWrapper {
        let data = text.data(using: .utf8)!
        return .init(regularFileWithContents: data)
    }
}
  • 文档格式配置。


    文档格式配置

4. 需要注意的几个地方。

  • writerApp.swift。file in里的file,为当前编辑的文件,带有当前文件的一些信息。
  • ContentView.swift。通过@Binding var document: writerDocument的处理,TextEditor失去焦点时,会引起.
  • writerDocument.swift。只是继承了FileDocument协议且读写的处理比较简单:读,转Data为字符串;写,转字符串为Data。不需要注意文件浏览器的处理。
  • 文档格式配置只设置了文档(Document Types)与打开(Imported Type Identifiers)两部分,保存(Exported Types Identifiers)未设置。同时在writerDocument.swift里使用identifier名来装载卸载自定义的格式。

三、更改存储样式。

1. 建立Model。

在更改存储样式之前,我们需要建立对应的数据模型。所以需要在-- writer下建立Model文件夹(New Gourp),及相关的文件(.swift)。

-- writer
---- model
------ Model.swift     // 用于数据驱动。
------ Catalog.swift   // 目录
------ Node.swift      // 大纲节点
------ Sysbol.swift    // 符号
------ Task.swift       // 备忘录
------ Collect.swift   // 收藏项

2. 自定义FileDocument。

我们需要自己定义一个文件格式,以适应我们的要求。

  • 首先,我们需要自己定义一个格式,这里我使用的后缀是.iw,也就是说iWriter程序只需要能打开、编辑、保存.iw格式的文件即可。这里有官方的说明,还有这个更加祥细
  1. info.plist
    设置自己的格式
  1. writerDocument.swift,使用自己设置的格式。
extension UTType {
    static var writerFile: UTType {
        UTType(importedAs: "com.muutr.writer-file")
    }
}

struct writerDocument: FileDocument {
    ......
    static var readableContentTypes: [UTType] { [.writerFile] }
    ......
}
  1. 运行试试。
  • 点菜单的保存,或control + s
    保存的类型里有我们指定的iWriter File的说明。

    可保存

  • 点菜单的打开,或control + o
    打开的文件浏览器里,选择Untitled后,右则有iWriter File的说明。

    可打开

  • 双击Untitled文件可打程序编辑。
    双击Untitled文件,会激活iWriter程序,并用它打开Untitled文件。

  • 查看文件后缀


    后缀正确
  1. 添加ICON.


    Writer ICON
  • Product → Clean Build Folder,再运行,变成了我们自已的程序,不错吧。

好吧,这一节就这些吧。我是姜友华,下次见。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 194,491评论 5 459
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 81,856评论 2 371
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 141,745评论 0 319
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 52,196评论 1 263
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 61,073评论 4 355
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 46,112评论 1 272
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 36,531评论 3 381
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 35,215评论 0 253
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 39,485评论 1 290
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 34,578评论 2 309
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 36,356评论 1 326
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,215评论 3 312
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 37,583评论 3 299
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 28,898评论 0 17
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,174评论 1 250
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 41,497评论 2 341
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 40,697评论 2 335

推荐阅读更多精彩内容