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>