Skip to content

Commit

Permalink
Update README.md
Browse files Browse the repository at this point in the history
  • Loading branch information
@OCNYang
OCNYang authored Dec 11, 2017
1 parent 7807f15 commit 0aadafb
Showing 1 changed file with 27 additions and 16 deletions.
43 changes: 27 additions & 16 deletions README.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,24 +6,35 @@ This is a PageTransformer library for Android ViewPager;There are many custom Pa

## Styles

**Banner Style**

| Style Name | Demo Pic |
| ------------- |:-------------:|
| AccordionTransformer | <img src="https://raw.githubusercontent.com/OCNYang/PageTransformerHelp/master/img/AccordionTransformer.gif" width = "600" alt="AccordionTransformer" align=center /> |
| BackgroundToForegroundTransformer | <img src="https://raw.githubusercontent.com/OCNYang/PageTransformerHelp/master/img/BackgrounToFore.gif" width = "600" alt="AccordionTransformer" align=center /> |
| CubeInTransformer | <img src="https://raw.githubusercontent.com/OCNYang/PageTransformerHelp/master/img/CubeInTransformer.gif" width = "600" alt="AccordionTransformer" align=center /> |
| CubeOutTransformer | <img src="https://raw.githubusercontent.com/OCNYang/PageTransformerHelp/master/img/CubeOutTransformer.gif" width = "600" alt="AccordionTransformer" align=center /> |
| DepthPageTransformer | <img src="https://raw.githubusercontent.com/OCNYang/PageTransformerHelp/master/img/DepthPageTransformer.gif" width = "600" alt="AccordionTransformer" align=center /> |
| FlipHorizontalTransformer | <img src="https://raw.githubusercontent.com/OCNYang/PageTransformerHelp/master/img/FlipHorizontalTransformer.gif" width = "600" alt="AccordionTransformer" align=center /> |
| FlipVerticalTransformer | <img src="https://raw.githubusercontent.com/OCNYang/PageTransformerHelp/master/img/FlipVerticalTransformer.gif" width = "600" alt="AccordionTransformer" align=center /> |
| ForegroundToBackgroundTransformer | <img src="https://raw.githubusercontent.com/OCNYang/PageTransformerHelp/master/img/ForegroundToBackground.gif" width = "600" alt="AccordionTransformer" align=center /> |
| ParallaxTransformer | <img src="https://raw.githubusercontent.com/OCNYang/PageTransformerHelp/master/img/ParallaxTransformer.gif" width = "600" alt="AccordionTransformer" align=center /> |
| RotateDownTransformer | <img src="https://raw.githubusercontent.com/OCNYang/PageTransformerHelp/master/img/RotateDownTransformer.gif" width = "600" alt="AccordionTransformer" align=center /> |
| RotateUpTransformer | <img src="https://raw.githubusercontent.com/OCNYang/PageTransformerHelp/master/img/RotateUpTransformer.gif" width = "600" alt="AccordionTransformer" align=center /> |
| ScaleInOutTransformer | <img src="https://raw.githubusercontent.com/OCNYang/PageTransformerHelp/master/img/ScaleInOutTransformer.gif" width = "600" alt="AccordionTransformer" align=center /> |
| StackTransformer | <img src="https://raw.githubusercontent.com/OCNYang/PageTransformerHelp/master/img/StackTransformer.gif" width = "600" alt="AccordionTransformer" align=center /> |
| TabletTransformer | <img src="https://raw.githubusercontent.com/OCNYang/PageTransformerHelp/master/img/TabletTransformer.gif" width = "600" alt="AccordionTransformer" align=center /> |
| ZoomInTransformer | <img src="https://raw.githubusercontent.com/OCNYang/PageTransformerHelp/master/img/ZoomInTransformer.gif" width = "600" alt="AccordionTransformer" align=center /> |
| ZoomOutSlideTransformer | <img src="https://raw.githubusercontent.com/OCNYang/PageTransformerHelp/master/img/ZoomOutSlideTransformer.gif" width = "600" alt="AccordionTransformer" align=center /> |
| ZoomOutTranformer | <img src="https://raw.githubusercontent.com/OCNYang/PageTransformerHelp/master/img/ZoomOutTranformer.gif" width = "600" alt="AccordionTransformer" align=center /> |
| BackgroundToForegroundTransformer | <img src="https://raw.githubusercontent.com/OCNYang/PageTransformerHelp/master/img/BackgrounToFore.gif" width = "600" alt="BackgroundToForegroundTransformer" align=center /> |
| CubeInTransformer | <img src="https://raw.githubusercontent.com/OCNYang/PageTransformerHelp/master/img/CubeInTransformer.gif" width = "600" alt="CubeInTransformer" align=center /> |
| CubeOutTransformer | <img src="https://raw.githubusercontent.com/OCNYang/PageTransformerHelp/master/img/CubeOutTransformer.gif" width = "600" alt="CubeOutTransformer" align=center /> |
| DepthPageTransformer | <img src="https://raw.githubusercontent.com/OCNYang/PageTransformerHelp/master/img/DepthPageTransformer.gif" width = "600" alt="DepthPageTransformer" align=center /> |
| FlipHorizontalTransformer | <img src="https://raw.githubusercontent.com/OCNYang/PageTransformerHelp/master/img/FlipHorizontalTransformer.gif" width = "600" alt="FlipHorizontalTransformer" align=center /> |
| FlipVerticalTransformer | <img src="https://raw.githubusercontent.com/OCNYang/PageTransformerHelp/master/img/FlipVerticalTransformer.gif" width = "600" alt="FlipVerticalTransformer" align=center /> |
| ForegroundToBackgroundTransformer | <img src="https://raw.githubusercontent.com/OCNYang/PageTransformerHelp/master/img/ForegroundToBackground.gif" width = "600" alt="ForegroundToBackgroundTransformer" align=center /> |
| ParallaxTransformer | <img src="https://raw.githubusercontent.com/OCNYang/PageTransformerHelp/master/img/ParallaxTransformer.gif" width = "600" alt="ParallaxTransformer" align=center /> |
| RotateDownTransformer | <img src="https://raw.githubusercontent.com/OCNYang/PageTransformerHelp/master/img/RotateDownTransformer.gif" width = "600" alt="RotateDownTransformer" align=center /> |
| RotateUpTransformer | <img src="https://raw.githubusercontent.com/OCNYang/PageTransformerHelp/master/img/RotateUpTransformer.gif" width = "600" alt="RotateUpTransformer" align=center /> |
| ScaleInOutTransformer | <img src="https://raw.githubusercontent.com/OCNYang/PageTransformerHelp/master/img/ScaleInOutTransformer.gif" width = "600" alt="ScaleInOutTransformer" align=center /> |
| StackTransformer | <img src="https://raw.githubusercontent.com/OCNYang/PageTransformerHelp/master/img/StackTransformer.gif" width = "600" alt="StackTransformer" align=center /> |
| TabletTransformer | <img src="https://raw.githubusercontent.com/OCNYang/PageTransformerHelp/master/img/TabletTransformer.gif" width = "600" alt="TabletTransformer" align=center /> |
| ZoomInTransformer | <img src="https://raw.githubusercontent.com/OCNYang/PageTransformerHelp/master/img/ZoomInTransformer.gif" width = "600" alt="ZoomInTransformer" align=center /> |
| ZoomOutSlideTransformer | <img src="https://raw.githubusercontent.com/OCNYang/PageTransformerHelp/master/img/ZoomOutSlideTransformer.gif" width = "600" alt="ZoomOutSlideTransformer" align=center /> |
| ZoomOutTranformer | <img src="https://raw.githubusercontent.com/OCNYang/PageTransformerHelp/master/img/ZoomOutTranformer.gif" width = "600" alt="ZoomOutTranformer" align=center /> |


**Card Style**

| Style Name | Demo Pic |
| ------------- |:-------------:|
| AlphaAndScalePageTransformer | <img src="https://raw.githubusercontent.com/OCNYang/PageTransformerHelp/master/img/card/AlphaAndScalePageTransformer.gif" width = "400" alt="AlphaAndScalePageTransformer" align=center /> |
| AlphaPageTransformer | <img src="https://raw.githubusercontent.com/OCNYang/PageTransformerHelp/master/img/card/AlphaPageTransformer.gif" width = "400" alt="AlphaPageTransformer" align=center /> |
| CascadingPageTransformer | <img src="https://raw.githubusercontent.com/OCNYang/PageTransformerHelp/master/img/card/CascadingPageTransformer.gif" width = "400" alt="CascadingPageTransformer" align=center /> |
| RotateDownPageTransformer | <img src="https://raw.githubusercontent.com/OCNYang/PageTransformerHelp/master/img/card/RotateDownPageTransformer.gif" width = "400" alt="RotateDownPageTransformer" align=center /> |

0 comments on commit 0aadafb

Please sign in to comment.