{"id":156,"date":"2020-12-14T20:10:07","date_gmt":"2020-12-14T19:10:07","guid":{"rendered":"https:\/\/fred.appelman.net\/?p=156"},"modified":"2022-10-29T08:41:24","modified_gmt":"2022-10-29T06:41:24","slug":"integration-coreplot-in-swiftui-on-macos","status":"publish","type":"post","link":"https:\/\/fred.appelman.net\/?p=156","title":{"rendered":"Integration CorePlot in SwiftUI on MacOS"},"content":{"rendered":"
\n

This walkthrough shows how to get an example application as present in the core-plot<\/a>
\nlibrary working using SwiftUI<\/tt> on MacOS.<\/p>\n

Although this example is done on the Mac, there is no reason to assume that the same process would not work for IOS.<\/p>\n

1. Create the project<\/H1><\/font><\/p>\n

Select: File -> New -> Project...<\/tt><\/p>\n

\"Create<\/p>\n

Make certain that MacOS, App is selected and press Next.<\/p>\n

\"Select<\/p>\n

Make certain the interface is using SwiftUI and the language is Swift.<\/p>\n

Press next and save the project.<\/p>\n

2. Integrate CorePlot<\/H1><\/font><\/p>\n

Select: File -> Add packages...<\/p>\n

\"Add<\/p>\n

Insert the proper URL in selection field.<\/p>\n

Select the branch release-2.4<\/tt>. The default master branch will not work, because it does not have support for the Swift Package
\nManager (SPM). Select Add Package<\/tt> and on the next screen select also Add Package<\/tt>.<\/p>\n

Just for testing run the application and you should see an hello world but this has nothing to do yet with CorePlot.<\/p>\n

3. Create the CorePlot integration<\/H1><\/font><\/p>\n

Select File -> New -> File...<\/p>\n

\"Coreplot<\/p>\n

Make certain the MacOS and Swift File are selected.Select Next.<\/p>\n

Save the file under the name CorePlot.swift<\/tt><\/p>\n

The outline of the source code is as follows:<\/p>\n

\"Outline\"<\/p>\n

    \n
  1. NSViewRepresentable<\/tt> is the glue that allows a non SwiftUI view to be used inside SwiftUI\n
  2. makeNSView<\/tt> is a mandatory method that creates the actual View. The code is coming mostly from the example DatePlot<\/tt> application.\n
  3. The Coordinator<\/tt> is a class that can be used to manage the view as created in the previous step\n
  4. updateNSView()<\/tt> is a method that is called by SwiftUI whenever a change is detected. This method can apply those on the view.\n
  5. Coordinator<\/tt> is the manager of the CorePlot view. Note also that the coordinator functions as the DataSource for CorePlot\n
  6. External data is initialized when the CorePlot<\/tt> structure is initialized.\n<\/ol>\n

    3a. makeNSView(Context)<\/H2><\/font><\/p>\n

    This is the definition of makeNSView:<\/p>\n

    \"makeNSView\"<\/p>\n

    The changes as compared to the awakeFromNib()<\/tt> from the demo application are as follows:<\/p>\n

      \n
    1. The plotData is passed into the struct, hence it is not generated here.\n
    2. The hostView is no longer optional since the view is generated here. So instead of passing the newGraph to the hostView, the newGraph is assigned to a newly generated CTPGraphHostingView.\n
    3. The data source is not the struct itself, but instead the coordinator which is passed in the context.\n
    4. The graph is not stored and the created hostview is returned.\n<\/ol>\n

      3b. makeCoordinator()<\/H2><\/font><\/p>\n

      \"makeCoordinator\"<\/p>\n

      This is straight forward. The coordinator is passed self so that it can access the content of the CorePlot instance.<\/p>\n

      3c. updateNSView()<\/H2><\/font><\/p>\n

      \"updateNSView\"<\/p>\n

      This method must be present to fulfil the protocol requirements. It is called when the view needs updating, hence the call to reloadData().<\/p>\n

      3d. Coordinator<\/H2><\/font><\/p>\n

      The coordinator has no mandatory content.<\/p>\n

      \"Coordinator\"<\/p>\n

      In this implementation<\/p>\n

        \n
      1. it has a reference to the CorePlot struct.\n
      2. it implements the Data Source methods\n<\/ol>\n

        4. Use the new CorePlot view<\/H1><\/font><\/p>\n

        Change the ContentView to look like this:<\/p>\n

        \"ContentView\"<\/p>\n

          \n
        1. A helper method to generate the test data\n
        2. The instantiation of the CorePlot view. It must pass the mandatory plotData argument.\n<\/ol>\n

          5. Run<\/H1><\/font><\/p>\n

          This now is a functioning application. Press run and see the result:<\/p>\n

          \"View<\/p>\n

          The source of this project can be found on github<\/a>.<\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"

          This walkthrough shows how to get an example application as present in the core-plot library working using SwiftUI on MacOS. Although this example is done on the Mac, there is no reason to assume that the same process would not work for IOS. 1. Create the project Select: File -> New -> Project… Make certain …<\/p>\n","protected":false},"author":1,"featured_media":173,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[27,15,10],"tags":[29,30,28],"class_list":{"0":"post-156","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-software","8":"category-spm","9":"category-swift","10":"tag-coreplot","11":"tag-macos","12":"tag-swiftui","13":"anons"},"_links":{"self":[{"href":"https:\/\/fred.appelman.net\/index.php?rest_route=\/wp\/v2\/posts\/156","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fred.appelman.net\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/fred.appelman.net\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/fred.appelman.net\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fred.appelman.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=156"}],"version-history":[{"count":7,"href":"https:\/\/fred.appelman.net\/index.php?rest_route=\/wp\/v2\/posts\/156\/revisions"}],"predecessor-version":[{"id":186,"href":"https:\/\/fred.appelman.net\/index.php?rest_route=\/wp\/v2\/posts\/156\/revisions\/186"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/fred.appelman.net\/index.php?rest_route=\/wp\/v2\/media\/173"}],"wp:attachment":[{"href":"https:\/\/fred.appelman.net\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=156"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/fred.appelman.net\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=156"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/fred.appelman.net\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=156"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}