Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
SCXIB - Interface Builder for the Web
JavaScript
tag: 0.1

Fetching latest commit…

Cannot retrieve the latest commit at this time

Failed to load latest commit information.
apps/demo_app
bin
lib
resources
Buildfile
LICENSE
README.md
core.js

README.md

SCXIB - Interface Builder for the Web

SCXIB (pronounced ska-zib) grew out of the desire to use Interface Builder as a design tool for SproutCore applications.

View the Demo Video

How to use SCXIB

On-the-fly Application Loading

Transform XIB files for your SproutCore application to load and use during development:

SCXIB.loadXibWithOptions(sc_static('MainPage.xib'), {
  namespace: DemoApp.NAMESPACE,
  pageName: 'mainPage',
  callback: function () {
    DemoApp.getPath('mainPage.mainPane').append();
  }
});

XIB to JavaScript

Transform a XIB file into a JavaScript file for your SproutCore application using a command line tool: ./bin/scxib -namespace DemoApp -page mainPage apps/demo_app/resources/MainPage.xib

Requirements

  • Interface Builder for XCode 3.2.x
  • SproutCore

Current Class Mappings

  • NSWindow -> SC.Page
  • NSPanel -> SC.Panel
  • NSView -> SC.View
  • NSCustomView -> your app's custom view name
  • NSLabel -> SC.LabelView
  • NSTextField -> SC.TextFieldView
  • NSSplitView -> SC.SplitView
  • IKImageView -> SC.ImageView
  • NSCheckBox -> SC.CheckBoxView
  • NSButton -> SC.ButtonView
  • NSPopUpButton -> SC.SelectFieldView
  • NSSegmentedControl -> SC.SegmentedView
  • NSCollectionView -> SC.SourceListView
  • NSScrollView -> SC.ScrollView
  • NSWebView -> SC.WebView
  • NSMatrix -> SC.RadioView
  • NSTabView -> SC.TabView
  • NSBox Horizontal/Vertical -> SC.SeparatorView:layoutDirection SC.LAYOUT_HORIZONTAL/SC.LAYOUT_VERTICAL
Something went wrong with that request. Please try again.