motion-pixatefreestyle 2.1

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA1:
+  metadata.gz: 27086a58c7cab6f92a218e9874a28d26c19d1727
+  data.tar.gz: 077e1555d27c761f2c843364689a7bead1ac18f0
+SHA512:
+  metadata.gz: eca8755e6424bd8ac45c2abe49d5cf296944cd022355ca5ab3f0014007d7b7e813f095cfe707559cbba143c258e4f5958b241a95c07a412d77814ff41336d586
+  data.tar.gz: 261fca43cc393602e32e36d26631c8b8d571c61ee1a3cbc18b85028f6000ab618ac76c1f4412636c102e2a097d7d6ca57464f50c5da7cb673232cbd9cff600bf

data/README.md

@@ -0,0 +1,120 @@
+RubyMotion-Pixate
+=================
+
+Pixate gem for RubyMotion.
+
+
+## Requirements
+
+- RubyMotion 1.0 or greater (see http://www.rubymotion.com).
+- The *motion-pixate* 2.1 gem requires PixateFreestyle Framework 2.1
+
+## Setup
+
+1. Download the PixateFreestyle Framework package from http://www.pixate.com/ and copy the `PixateFreestyle.framework` folder into `vendor` directory (or alternatively just create a symbolic link). Create the `vendor` directory if it does not exist. You should have something like this.
+```
+$ ls vendor/PixateFreestyle.framework
+/Headers/   PixateFreestyle   Resources/ Versions/
+```
+
+2. Edit the `Rakefile` of your RubyMotion project and add the following require lines.
+```ruby
+require 'rubygems'
+require 'motion-pixate'
+```
+
+3. Still in the `Rakefile`, set up the `framework` variable in your application configuration block. 
+```ruby
+Motion::Project::App.setup do |app|
+  # ...
+  app.pixate.framework = 'vendor/PixateFreestyle.framework'
+end
+```
+
+4. Note: As of Pixate 1.1 beta 4, you need to add the following line to your `app_delegate` file in the `application(application, didFinishLaunchingWithOptions:launchOptions)` method before the `@window.makeKeyAndVisible` call:
+```ruby
+	@window.styleMode = PXStylingNormal
+```
+
+5. Create the `default.css` in `resources` directory, or copy it from the pixate-blue theme.
+
+Note: To install the motion-pixate gem, see the [RubyGems site](https://rubygems.org/gems/motion-pixate).
+
+## Example
+
+We'll take the Timer example that comes with RubyMotion and add Pixate and quickly style the application. Start by following the Setup steps above to add Pixate to the Timer project.
+
+Type `rake` to make sure everything is good so far. You should see the Timer app running.
+
+![Timer](https://raw.github.com/Pixate/RubyMotion-Pixate/master/Screenshots/timer_run.png)
+
+## Add the CSS File
+
+In the `default.css` file you added prior, let's add a simple entry:
+
+```css
+	button {
+		background-color: red;
+	}
+```
+
+`Rake` again and you should see this:
+
+![Red Button](https://raw.github.com/Pixate/RubyMotion-Pixate/master/Screenshots/red_button.png)
+
+Let's pretty this button up with the following CSS:
+
+```css
+	button {
+		color            : #446620;
+		background-color : linear-gradient(#87c44a, #b4da77);
+		border-width     : 1px;
+		border-color     : #84a254;
+		border-radius    : 10px;
+		font-size        : 15px;
+		font-weight      : bold;
+	}
+```	
+
+`Rake` again and you should see this:
+
+![Green Button](https://raw.github.com/Pixate/RubyMotion-Pixate/master/Screenshots/green_button.png)
+
+## Add a Styling ID
+
+Lastly, let's change the background color. Let's add an ID to our background view. In the `timer_controller.rb` file, add the following line before the `end` of `viewDidLoad`:
+
+```css
+	view.styleId = 'myView'
+```
+
+What's we've done here is add a `styleId` to the view so we can style it by name. Now add the following CSS after your button CSS that was already added:
+
+```css
+	#myView {
+		background-color: linear-gradient(#000000, #f2f4f6);
+	}
+```
+
+Now you have a beautiful interface with just a few lines of CSS!
+
+![Final App](https://raw.github.com/Pixate/RubyMotion-Pixate/master/Screenshots/background_view.png)
+
+## SASS
+
+Pixate gem supports [Sass](http://sass-lang.com/) to generate the stylesheet. Create the `sass` directory and `default.scss` with the `rake pixate:init` command. Then, `rake pixate:sass` command generates the stylesheet from `default.scss`.
+
+You could specify the Sass output style through `style` environment variable. For example,
+```
+$ rake pixate:sass style=compressed
+```
+
+You could use `nested`, `expanded`, `compact` and `compressed` as output style.
+
+## REPL
+
+Pixate gem provides "style" method in REPL. You could change the stylesheet at the moment in REPL. For example,
+```
+(main)> style "button { color : blue; }"
+(main)> style "button { background-color: red; border-radius: 20pt; }"
+```

data/lib/motion-pixatefreestyle.rb

@@ -0,0 +1 @@
+require "motion/project/pixatefreestyle"

data/lib/motion/project/pixatefreestyle.rb

@@ -0,0 +1,94 @@
+unless defined?(Motion::Project::Config)
+  raise "This file must be required within a RubyMotion project Rakefile."
+end
+
+class PixateFreestyleConfig
+  attr_accessor :framework
+
+  def initialize(config)
+    @config = config
+  end
+
+  def framework=(path)
+    if @framework != path
+      @config.unvendor_project(@framework)
+      @framework = path
+      @config.vendor_project(path, :static, :products => ['PixateFreestyle'], :headers_dir => 'Headers')
+      create_code
+    end
+  end
+
+  private
+
+  def create_code
+    code = <<EOF
+# This file is automatically generated. Do not edit.
+
+def style(str)
+  PixateFreestyle.initializePixateFreestyle
+  PixateFreestyle.styleSheetFromSource(str, withOrigin:0)
+  PixateFreestyle.updateStylesForAllViews
+end
+EOF
+    pixate_file = './app/pixatefreestyle_code.rb'
+    create_stub(pixate_file, code)
+    add_file(pixate_file)
+  end
+
+  def create_stub(path, code)
+    if !File.exist?(path) or File.read(path) != code
+      File.open(path, 'w') { |io| io.write(code) }
+    end
+  end
+
+  def add_file(path)
+    files = @config.files.flatten
+    @config.files << path unless files.find { |x| File.expand_path(x) == File.expand_path(path) }
+  end
+end
+
+module Motion; module Project; class Config
+
+  variable :pixatefreestyle
+
+  def pixatefreestyle
+    @pixatefreestyle ||= PixateFreestyleConfig.new(self)
+  end
+
+end; end; end
+
+namespace 'pixatefreestyle' do
+  desc "Create initial stylesheet files"
+  task :init do
+    if Dir.glob("sass/default.s[ac]ss").empty?
+      mkdir_p "sass"
+      touch "sass/default.scss"
+      App.info 'Create', 'sass/default.scss'
+    end
+
+    unless File.exist?("resources/default.css")
+      mkdir_p "resources"
+      touch "resources/default.css"
+      App.info 'Create', 'resources/default.css'
+    end
+  end
+
+  desc "Compile SASS/SCSS file"
+  task :sass do
+    unless sass_path = Dir.glob("sass/default.s[ac]ss").first
+      warn "Not found `sass/default.scss'"
+      exit
+    end
+
+    unless File.exist?("resources")
+      mkdir_p "resources"
+    end
+
+    style = ""
+    if ENV['style'].to_s.length > 0
+      style = "--style #{ENV['style']}"
+    end
+    sh "sass #{sass_path} resources/default.css #{style}"
+    App.info 'Compile', sass_path
+  end
+end

metadata

@@ -0,0 +1,64 @@
+--- !ruby/object:Gem::Specification
+name: motion-pixatefreestyle
+version: !ruby/object:Gem::Version
+  version: '2.1'
+platform: ruby
+authors:
+- Paul Colton
+- Shizuo Fujita
+autorequire: 
+bindir: bin
+cert_chain: []
+date: 2014-02-24 00:00:00.000000000 Z
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: sass
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - '>='
+      - !ruby/object:Gem::Version
+        version: '0'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - '>='
+      - !ruby/object:Gem::Version
+        version: '0'
+description: Pixate Freestyle integration for RubyMotion projects
+email:
+- paul@pixate.com
+- watson1978@gmail.com
+executables: []
+extensions: []
+extra_rdoc_files: []
+files:
+- README.md
+- lib/motion/project/pixatefreestyle.rb
+- lib/motion-pixatefreestyle.rb
+homepage: https://github.com/Pixate/RubyMotion-PixateFreestyle
+licenses:
+- Apache-2.0
+metadata: {}
+post_install_message: 
+rdoc_options: []
+require_paths:
+- lib
+required_ruby_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - '>='
+    - !ruby/object:Gem::Version
+      version: '0'
+required_rubygems_version: !ruby/object:Gem::Requirement
+  requirements:
+  - - '>='
+    - !ruby/object:Gem::Version
+      version: '0'
+requirements: []
+rubyforge_project: 
+rubygems_version: 2.1.11
+signing_key: 
+specification_version: 4
+summary: motion-pixatefreestyle allows RubyMotion projects to easily embed the Pixate
+  Freestyle Framework.
+test_files: []