iOS控件CHIPageControl:酷帅的翻页状态切换动画组件
zrgt1375
8年前
<p>CHIPageControl is a set of cool animated page controls to replace boring UIPageControl. We were inspired by Jardson Almeida dribbble shot and implemented a few more page controls.</p> <p>Made with :heart: by <a href="/misc/goto?guid=4959741965197173485" rel="nofollow,noindex">Chili</a> .</p> <h2>Overview</h2> <p style="text-align:center"><img src="https://simg.open-open.com/show/065bfc49d9ab699c7f4a6d885dc91c85.gif"></p> <h2>Requirements</h2> <ul> <li>iOS 9.0+</li> <li>Xcode 8+</li> <li>Swift 3</li> </ul> <h2>Installation</h2> <p>Just add the CHIPageControl folder to your project.</p> <p>or use <a href="/misc/goto?guid=4959632888925873599" rel="nofollow,noindex">CocoaPods</a> with Podfile:</p> <pre> <code class="language-objectivec">pod 'CHIPageControl', '~> 0.0.1'</code></pre> <h2>Usage</h2> <h3>:art: Storyboards</h3> <p>Just drop UIView and set its class to be one of CHIPageControls. <img src="https://simg.open-open.com/show/688d9daf861c00c09d063bd612cbff70.gif"></p> <h3>:computer: Code</h3> <pre> <code class="language-objectivec">let pageControl = CHIPageControlAji(frame: CGRect(x: 0, y:0, with: 100, height: 20)) pageControl.numberOfPages = 4 pageControl.radius = 4 pageControl.tintColor = .red pageControl.padding = 6</code></pre> <h3>Updating progress</h3> <pre> <code class="language-objectivec">//update dinamically pageControl.progress = 0.5 //set progress with animation pageControl.set(progress: 2, animated: true)</code></pre> <h3>Page Controls ��️ ��️ ��️</h3> <ul> <li>CHIPageControlAji</li> <li>CHIPageControlAleppo</li> <li>CHIPageControlChimayo</li> <li>CHIPageControlFresno</li> <li>CHIPageControlJalapeno</li> <li>CHIPageControlJaloro</li> <li>CHIPageControlPaprika</li> <li>CHIPageControlPuya</li> </ul> <h2>License</h2> <p>Airstream is released under the MIT license. See <a href="/misc/goto?guid=4959741965324510813" rel="nofollow,noindex">LICENSE</a> for details.</p> <p> </p> <p>来自:https://juejin.im/entry/58c9f2970ce4630057ba9c35</p> <p> </p>