Split preview gif, update readme (jjochen#120)

TeamSparker · Jan 17, 2018 · 64ff69e · 64ff69e
1 parent a715abb
commit 64ff69e
Show file tree

Hide file tree

Showing 8 changed files with 16 additions and 9 deletions.
diff --git a/Images/JJFloatingActionButton.gif b/Images/JJFloatingActionButton.gif
diff --git a/Images/JJFloatingActionButtonBasics.gif b/Images/JJFloatingActionButtonBasics.gif
diff --git a/Images/JJFloatingActionButtonCircularPop.gif b/Images/JJFloatingActionButtonCircularPop.gif
diff --git a/Images/JJFloatingActionButtonConfiguration.gif b/Images/JJFloatingActionButtonConfiguration.gif
diff --git a/Images/JJFloatingActionButtonInterfaceBuilder.gif b/Images/JJFloatingActionButtonInterfaceBuilder.gif
diff --git a/Images/JJFloatingActionButtonSingleItem.gif b/Images/JJFloatingActionButtonSingleItem.gif
diff --git a/README.md b/README.md
@@ -23,7 +23,10 @@ Floating Action Button for iOS
 ## <a name="preview"></a>Preview
 
 <p align="center">
-  <img src="https://github.com/jjochen/JJFloatingActionButton/raw/master/Images/JJFloatingActionButton.gif" width='250' alt="Preview">
+  <img src="https://github.com/jjochen/JJFloatingActionButton/raw/master/Images/JJFloatingActionButtonBasics.gif" width='250' alt="Preview Basics"> 
+  <img src="https://github.com/jjochen/JJFloatingActionButton/raw/master/Images/JJFloatingActionButtonConfiguration.gif" width='250' alt="Preview Configuration"> 
+  <img src="https://github.com/jjochen/JJFloatingActionButton/raw/master/Images/JJFloatingActionButtonCircularPop.gif" width='250' alt="Preview Circular Pop"> 
+  <img src="https://github.com/jjochen/JJFloatingActionButton/raw/master/Images/JJFloatingActionButtonSingleItem.gif" width='250' alt="Preview Single Item">
 </p>
 
 
@@ -99,16 +102,12 @@ Button appearance and behavior can be customized:
 ```swift
 var buttonColor: UIColor
 var defaultButtonImage: UIImage?
-var openButtonImage: UIImage?
 var buttonImageColor: UIColor
 var shadowColor: UIColor
 var shadowOffset: CGSize
 var shadowOpacity: Float
 var shadowRadius: CGFloat
 
-var interItemSpacing: CGFloat
-var rotationAngle: CGFloat
-
 var itemTitleFont: UIFont
 var itemButtonColor: UIColor
 var itemImageColor: UIColor
@@ -118,6 +117,9 @@ var itemShadowOffset: CGSize
 var itemShadowOpacity: Float
 var itemShadowRadius: CGFloat
 var itemSizeRatio: CGFloat
+
+var buttonOpeningStyle: ButtonOpeningStyle
+var itemOpeningStyle: ItemOpeningStyle
 ```
 
 ### Delegate

diff --git a/Rakefile b/Rakefile
@@ -128,19 +128,24 @@ begin
 
   #-- Record Video -----------------------------------------------------------#
 
-  desc 'Record video booted simulator and convert to gif'
+  desc 'Record video of booted simulator and convert to gif'
   task :record_gif do
+    Rake::Task[:record_gif_with_name].invoke 'JJFloatingActionButton'
+  end
+
+  desc 'Record video of booted simulator and convert to gif with given name'
+  task :record_gif_with_name, :name do |task, args|
     title 'Recording video'
     check_executable('ffmpeg')
 
-    mov_path='./Images/JJFloatingActionButton.mov'
+    mov_path="./Images/#{args.name}.mov"
 
     trap('SIGINT') { puts }
     %x{xcrun simctl io booted recordVideo #{mov_path}}
 
-    title 'Convert to gif'
+    title 'Converting to gif'
 
-    gif_path='./Images/JJFloatingActionButton.gif'
+    gif_path="./Images/#{args.name}.gif"
     palette_path='./Images/palette.png'
     filters='fps=30,setpts=1*PTS,scale=250:-1:flags=lanczos'