299 lines
15 KiB
HTML
299 lines
15 KiB
HTML
<h1
|
||
id="section"><img src="https://github.com/yenchenlin1994/awesome-watchos/blob/master/resources/title.png" width="500"></h1>
|
||
<h1
|
||
id="deprecated-this-list-will-no-longer-be-updated-due-to-my-focus-shift.">Deprecated!
|
||
This list will no longer be updated due to my focus shift.</h1>
|
||
<p>========================= <a
|
||
href="https://travis-ci.org/yenchenlin1994/awesome-watchos"><img
|
||
src="https://travis-ci.org/yenchenlin1994/awesome-watchos.svg?branch=master"
|
||
alt="Build Status" /></a></p>
|
||
<p>A curated list of awesome watchOS frameworks, libraries, sample apps.
|
||
### Contents - <a href="#getting-started">Getting Started</a> - <a
|
||
href="#libraries-and-frameworks">Library and Frameworks</a> - <a
|
||
href="#design">Design</a> - <a href="#design-guidelines">Design
|
||
Guidelines</a> - <a href="#design-resources">Design Resources</a> - <a
|
||
href="#tools">Tools</a> - <a href="#sample-apps">Sample Apps</a> - <a
|
||
href="#books">Books</a> - <a href="#tutorials">Tutorials</a> - <a
|
||
href="#twitters">Twitters</a> - <a href="#other-awesome-lists">Other
|
||
Awesome Lists</a> - <a href="#contributing">Contributing</a></p>
|
||
<h1 id="getting-started">Getting Started</h1>
|
||
<ul>
|
||
<li><a
|
||
href="https://developer.apple.com/library/ios/documentation/General/Conceptual/WatchKitProgrammingGuide/index.html">Apple
|
||
Watch Programming Guide</a> - Official apple watch programming guide by
|
||
Apple.</li>
|
||
</ul>
|
||
<h1 id="libraries-and-frameworks">Libraries And Frameworks</h1>
|
||
<h3 id="connectivity">Connectivity</h3>
|
||
<ul>
|
||
<li><a href="https://github.com/mutualmobile/MMWormhole">MMWormhole</a>
|
||
- A powerful toolkit for synthesizing, processing, and analyzing
|
||
sounds.</li>
|
||
</ul>
|
||
<p><space><space><img
|
||
src=“https://github.com/mutualmobile/MMWormhole/blob/master/MMWormhole.gif”
|
||
width=“500”) alt=“Example App”/></p>
|
||
<h3 id="ui">UI</h3>
|
||
<ul>
|
||
<li><a
|
||
href="https://github.com/Instagram/IGInterfaceDataTable">IGInterfaceDataTable</a>
|
||
- A category on WKInterfaceTable that makes configuring tables with
|
||
multi-dimensional data easier.</li>
|
||
</ul>
|
||
<p><space><space><img
|
||
src=“https://github.com/Instagram/IGInterfaceDataTable/blob/master/images/example.jpg”
|
||
width=“500”) alt=“Example App”/></p>
|
||
<ul>
|
||
<li><a
|
||
href="https://github.com/mikeswanson/JBWatchActivityIndicator">JBWatchActivityIndicator</a>
|
||
- An easy way to generate activity indicator images for Apple
|
||
Watch.</li>
|
||
</ul>
|
||
<p><space><space><img
|
||
src=“https://camo.githubusercontent.com/3bc9d761836a40e088f45285ac52dd5fef89df1b/687474703a2f2f7777772e6d696b657377616e736f6e2e636f6d2f66696c65732f4a4257617463684163746976697479496e64696361746f722f4a4257617463684163746976697479496e64696361746f722e676966”
|
||
width=“300”) alt=“Example App”/> ### Charts * <a
|
||
href="https://github.com/yasuoza/YOChartImageKit">YOChartImageKit</a> -
|
||
A chart image framework for watchOS.</p>
|
||
<p><space><space><img
|
||
src=“https://raw.githubusercontent.com/yasuoza/YOChartImageKit/assets/images/watchos/all.png”)
|
||
alt=“Example App” width=“760”/></p>
|
||
<ul>
|
||
<li><a href="https://github.com/NilStack/NKWatchChart">NKWatchChart</a>
|
||
- A chart library for Apple Watch based on PNChart and ios-charts.</li>
|
||
</ul>
|
||
<p><space><space><img src=“https://db.tt/UAWEZ1AF”) alt=“Example App”
|
||
width=“250”/></p>
|
||
<h1 id="design">Design</h1>
|
||
<h3 id="design-guidelines">Design Guidelines</h3>
|
||
<ul>
|
||
<li><a
|
||
href="https://developer.apple.com/videos/wwdc/2015/?id=802">Designing
|
||
for Apple Watch</a> - Official WWDC 2015 session by Apple about how to
|
||
design for apple watch.</li>
|
||
<li><a
|
||
href="https://developer.apple.com/watch/human-interface-guidelines/">
|
||
Watch Human Interface Guidelines</a> - Official human interface
|
||
guidelines by Apple.</li>
|
||
<li><a
|
||
href="https://medium.com/design-idea/11-tips-for-designing-apps-for-apple-watch-4b6cc2cb11d3">11
|
||
Tips For Designing Apps for Apple Watch</a> - Some quick tips that will
|
||
help you to build better watch apps.</li>
|
||
<li><a
|
||
href="http://blog.iconfinder.com/icons-apple-watch-definitive-guide/">Icons
|
||
for Apple Watch – The Definitive Guide</a> - A guide to help you create
|
||
your own watch app icon.</li>
|
||
</ul>
|
||
<h3 id="design-resources">Design Resources</h3>
|
||
<ul>
|
||
<li><a
|
||
href="https://developer.apple.com/watch/human-interface-guidelines/resources/">
|
||
Watch Design Resources</a> - Official design resources provided by
|
||
Apple, including Apple Watch Bezels, Guides, Templates, Typeface.</li>
|
||
<li><a href="http://i.imgur.com/4Thz881.jpg">Chart of Apple Watch
|
||
Complication Types and Layouts</a> - An useful chart of all the possible
|
||
combinations of Complications.</li>
|
||
</ul>
|
||
<h1 id="tools">Tools</h1>
|
||
<h3 id="prototyping">Prototyping</h3>
|
||
<ul>
|
||
<li><a href="http://thinkapps.com/watch-apps">thinkapps for watch</a> -
|
||
A website help you create your free Apple Watch App prototype in just 10
|
||
minutes.</li>
|
||
</ul>
|
||
<h3 id="images-generator">Images Generator</h3>
|
||
<ul>
|
||
<li><a
|
||
href="https://github.com/hmaidasani/RadialChartImageGenerator">RadialChartImageGenerator</a>
|
||
- A radial bar chart generator for apple watch.</li>
|
||
<li><a
|
||
href="https://github.com/kiavashfaisali/KFWatchKitAnimations">KFWatchKitAnimations</a>
|
||
- An image generator that creates beautiful 60 FPS animations for
|
||
Watch by recording animations from the iOS Simulator.</li>
|
||
</ul>
|
||
<h1 id="sample-apps">Sample Apps</h1>
|
||
<ul>
|
||
<li><p><a
|
||
href="https://developer.apple.com/library/ios/samplecode/Lister/Introduction/Intro.html">Lister</a>
|
||
- An official sample app demonstrates Apple Watch integration.</p>
|
||
<p><space><space><img
|
||
src=“https://github.com/yenchenlin1994/awesome-watchos/blob/master/resources/lister.png”)
|
||
alt=“Example App” width=“260”/></p></li>
|
||
<li><p><a
|
||
href="https://developer.apple.com/library/ios/samplecode/WKInterfaceCatalog/Introduction/Intro.html">WatchKit
|
||
Catalog</a> - An official sample app demonstrates how to use UI elements
|
||
available in the WatchKit framework.</p></li>
|
||
<li><p><a href="https://github.com/kenshin03/Cherry">Cherry</a> - A mini
|
||
pomodoro timer app designed for the Watch.</p>
|
||
<p><space><space><img
|
||
src=“https://raw.githubusercontent.com/kenshin03/Cherry/master/cherry-screencaps.gif”)
|
||
alt=“Example App” width=“250”/></p></li>
|
||
<li><p><a
|
||
href="http://www.raywenderlich.com/89562/watchkit-tutorial-with-swift-getting-started">Bitcoin
|
||
Tracker</a> - A bitcoin price tracking app.</p>
|
||
<p><space><space><img
|
||
src=“http://cdn5.raywenderlich.com/wp-content/uploads/2014/11/watch-final.png”)
|
||
alt=“Example App” width=“250”/></p></li>
|
||
<li><p><a href="https://github.com/sugarso/WWDC">WWDC</a> - An open
|
||
sourcing WWDC hit parties app.</p>
|
||
<p><space><space><img
|
||
src=“https://raw.githubusercontent.com/sugarso/WWDC/master/Assets/watch1.png”)
|
||
alt=“Example App” width=“230”/></p></li>
|
||
<li><p><a href="https://github.com/Dimillian/SwiftHN">SwiftHN</a> - A
|
||
Hacker News reader written in Swift.</p></li>
|
||
<li><p><a href="https://github.com/belm/BaiduFM-Swift">BaiduFM-Swift</a>
|
||
- A apple watch app for BaiduFM.</p>
|
||
<p><space><space><img
|
||
src=“https://raw.githubusercontent.com/belm/BaiduFM-Swift/master/ScreenShot/BaiduFM-Swift_AppleWatch_00.png”)
|
||
alt=“Example App” width=“250”/></p></li>
|
||
<li><p><a href="https://github.com/FancyPixel/done-swift">done-swift</a>
|
||
- A sample app to demonstrate data sharing between a WatchKit app and
|
||
its main app using Realm.</p>
|
||
<p><space><space><img
|
||
src=“https://raw.githubusercontent.com/FancyPixel/done-swift/master/assets/screenshot.gif”)
|
||
alt=“Example App” width=“400”/></p></li>
|
||
<li><p><a
|
||
href="https://github.com/GetHighstreet/HighstreetWatchApp">HighstreetWatchApp</a>
|
||
- The watchKit app built on the <a href="http://highstreetapp.com"
|
||
class="uri">http://highstreetapp.com</a> platform.</p>
|
||
<p><space><space><img
|
||
src=“https://github.com/GetHighstreet/HighstreetWatchApp/blob/master/Documentation/Assets/walkthrough.gif”)
|
||
alt=“Example App” width=“350”/></p></li>
|
||
<li><p><a href="https://github.com/D-32/OnTime">OnTime</a> - An apple
|
||
watch app to access the SBB timetable.</p>
|
||
<p><space><space><img
|
||
src=“https://camo.githubusercontent.com/3d2f8f30ae9ce705cc5467d3736baac2253c6dc2/687474703a2f2f34362e3130352e32362e312f75706c6f6164732f7362626170706c65322e6a7067”)
|
||
alt=“Example App” width=“500”/></p></li>
|
||
<li><p><a href="https://github.com/azamsharp/WatchNotes">WatchNotes</a>
|
||
- An apple watch app to display notes on your wrist.</p>
|
||
<p><space><space><img
|
||
src=“https://camo.githubusercontent.com/689a09260a6427ede9580b298c141320132796df/68747470733a2f2f646c2e64726f70626f7875736572636f6e74656e742e636f6d2f752f32303131363433342f57617463684e6f7465732e676966”)
|
||
alt=“Example App” width=“500”/></p></li>
|
||
<li><p><a href="https://github.com/D-32/WatchPics">WatchPics</a> -
|
||
Instagram for the Apple Watch.</p>
|
||
<p><space><space><img
|
||
src=“https://camo.githubusercontent.com/544c66f439b1328155ca4463c2fa73e514f80800/687474703a2f2f34362e3130352e32362e312f75706c6f6164732f7761746368706963732e6a7067”)
|
||
alt=“Example App” width=“500”/></p></li>
|
||
<li><p><a
|
||
href="https://github.com/kostiakoval/WatchKit-Apps">WatchKit-Apps</a> -
|
||
Tutorials app for WatchKit.</p></li>
|
||
<li><p><a
|
||
href="https://github.com/shu223/watchOS-2-Sampler">watchOS-2-Sampler</a>
|
||
- Code examples for new features of watchOS 2.</p></li>
|
||
<li><p><a href="https://github.com/sandofsky/soon">soon</a> - A
|
||
countdown app.</p>
|
||
<p><space><space><img
|
||
src=“https://github.com/sandofsky/soon/blob/master/screenshot.png”)
|
||
alt=“Example App” width=“230”/></p></li>
|
||
</ul>
|
||
<h1 id="books">Books</h1>
|
||
<ul>
|
||
<li><p><a
|
||
href="http://www.raywenderlich.com/store/watchos-2-by-tutorials">watchOS
|
||
2 by Tutorials</a></p>
|
||
<p><space><space><img
|
||
src=“http://cdn5.raywenderlich.com/wp-content/themes/raywenderlich/images/store-2015/w2t_PDF_640.png”)
|
||
alt=“Example App” width=“320”/></p></li>
|
||
<li><p><a
|
||
href="http://www.amazon.com/gp/product/1484213394/ref=as_li_qf_sp_asin_il_tl?ie=UTF8&camp=1789&creative=9325&creativeASIN=1484213394&linkCode=as2&tag=feedingtheneu-20&linkId=PDZBCYAGPZXWHDQU">Apple
|
||
Watch for Developers: Advice & Techniques from Five Top
|
||
Professionals</a></p>
|
||
<p><space><space><img
|
||
src=“http://ecx.images-amazon.com/images/I/41Opqcd7F1L._SX331_BO1_204_203_200_.jpg”)
|
||
alt=“Example App” width=“280”/></p></li>
|
||
</ul>
|
||
<h1 id="tutorials">Tutorials</h1>
|
||
<h3 id="watchkit-introduction">WatchKit Introduction</h3>
|
||
<ul>
|
||
<li><a
|
||
href="http://www.raywenderlich.com/89562/watchkit-tutorial-with-swift-getting-started">WatchKit
|
||
Tutorial with Swift Part 1: Getting Started</a></li>
|
||
<li><a
|
||
href="http://www.raywenderlich.com/96589/watchkit-tutorial-swift-tables-network-requests">WatchKit
|
||
Tutorial with Swift Part 2: Tables and Network Requests</a></li>
|
||
<li><a
|
||
href="http://www.raywenderlich.com/96741/watchkit-tutorial-with-swift-tables-glances-and-handoff">WatchKit
|
||
Tutorial with Swift Part 3: More Tables, Glances and Handoff</a></li>
|
||
</ul>
|
||
<h3 id="watchos-2-new-features">WatchOS 2 New Features</h3>
|
||
<h5 id="hardware">Hardware</h5>
|
||
<ul>
|
||
<li><a
|
||
href="https://www.bignerdranch.com/blog/watchkit-2-hardware-bits-using-the-digital-crown/?utm_campaign=WatchKit%2BResources&utm_medium=web">WatchKit
|
||
2 Hardware Bits: Using the Digital Crown</a></li>
|
||
<li><a
|
||
href="https://www.bignerdranch.com/blog/watchkit-2-hardware-bits-the-taptic-engine/?utm_campaign=WatchKit%2BResources&utm_medium=web">WatchKit
|
||
2 Hardware Bits: The Taptic Engine</a></li>
|
||
<li><a
|
||
href="https://www.bignerdranch.com/blog/watchkit-2-hardware-bits-the-accelerometer/?utm_campaign=WatchKit%2BResources&utm_medium=web">WatchKit
|
||
2 Hardware Bits: The Accelerometer</a></li>
|
||
</ul>
|
||
<h5 id="animations">Animations</h5>
|
||
<ul>
|
||
<li><a
|
||
href="http://code.tutsplus.com/tutorials/watchos-2-the-power-of-animations--cms-24302?utm_campaign=This%2BWeek%2Bin%2BSwift&utm_medium=email&utm_source=This_Week_in_Swift_47">The
|
||
Power of Animations</a> - A tutorial demonstrates how to animate the
|
||
user interface by changing layout properties.</li>
|
||
</ul>
|
||
<h5 id="clockkit">ClockKit</h5>
|
||
<ul>
|
||
<li><a
|
||
href="http://www.sneakycrab.com/blog/2015/6/10/writing-your-own-watchkit-complications?utm_campaign=WatchKit%2BResources&utm_medium=web">Writing
|
||
a WatchKit Complication in watchOS 2</a> - A tutorial about how to add
|
||
custom Complications to your watch app.</li>
|
||
</ul>
|
||
<h5 id="connectivity-1">Connectivity</h5>
|
||
<ul>
|
||
<li><a
|
||
href="http://www.kristinathai.com/watchos-2-tutorial-using-sendmessage-for-instantaneous-data-transfer-watch-connectivity-1/?utm_campaign=WatchKit%2BResources">How
|
||
to communicate between devices using Watch Connectivity</a> - A tutorial
|
||
about how to use Watch Connectivity framework to communicate between
|
||
devices.</li>
|
||
</ul>
|
||
<h1 id="twitters">Twitters</h1>
|
||
<ul>
|
||
<li><a href="https://twitter.com/WatchKitSources">WatchKit
|
||
Resources</a></li>
|
||
</ul>
|
||
<h1 id="other-awesome-lists">Other Awesome Lists</h1>
|
||
<p>Other amazingly awesome lists can be found in the * <a
|
||
href="https://github.com/bayandin/awesome-awesomeness">awesome-awesomeness</a>
|
||
list. * <a href="https://github.com/dkhamsing/open-source-ios-apps">Open
|
||
Source apps</a> list of open source ios apps * Awesome-swift * <a
|
||
href="https://github.com/matteocrippa/awesome-swift"><span
|
||
class="citation" data-cites="matteocrippa">@matteocrippa</span></a> - A
|
||
collaborative list of awesome swift resources. * <a
|
||
href="https://github.com/Wolg/awesome-swift"><span class="citation"
|
||
data-cites="Wolg">@Wolg</span></a> - A curated list of awesome Swift
|
||
frameworks, libraries and software. * <a
|
||
href="https://github.com/sanketfirodiya/sample-watchkit-apps">awesome
|
||
watchkit apps</a> curated list of sample watchkit apps and tutorials. *
|
||
<a href="https://github.com/sanketfirodiya/iOS-learning-resources">iOS
|
||
Learning Resources</a> Comprenehensive collection of high quality,
|
||
frequently updated and well maintained iOS tutorial sites. * <a
|
||
href="https://github.com/sxyx2008/awesome-ios-animation">awesome-ios-animation</a>
|
||
- A curated list of awesome iOS animation, including Objective-C and
|
||
Swift libraries. * <a
|
||
href="https://github.com/sxyx2008/awesome-ios-chart">awesome-ios-chart</a>
|
||
- A curated list of awesome iOS chart libraries, including Objective-C
|
||
and Swift. * <a
|
||
href="https://github.com/vsouza/awesome-gists#ios">awesome-gists</a> - A
|
||
list of amazing gists (iOS section). * <a
|
||
href="https://github.com/cjwirth/awesome-ios-ui">awesome-ios-ui</a> - A
|
||
curated list of awesome iOS UI/UX libraries. * <a
|
||
href="https://medium.com/ios-os-x-development">iOS App Development on
|
||
Medium</a> - Stories and technical tips about building apps for iOS,
|
||
Apple Watch, and iPad/iPhone</p>
|
||
<h1 id="contributing">Contributing</h1>
|
||
<p>Contributions welcome! Read the <a
|
||
href="contributing.md">contribution guidelines</a> first.</p>
|
||
<p>Feel free to contribute & Thank you very much!</p>
|
||
<h1 id="license">License</h1>
|
||
<p><a href="http://creativecommons.org/publicdomain/zero/1.0/"><img
|
||
src="http://i.creativecommons.org/p/zero/1.0/88x31.png"
|
||
alt="CC0" /></a></p>
|
||
<p>To the extent possible under law, <a
|
||
href="https://github.com/yenchenlin1994">YenChen Lin</a> has waived all
|
||
copyright and related or neighboring rights to this work.</p>
|
||
<p><a href="https://github.com/yenchenlin/awesome-watchos">watchos.md
|
||
Github</a></p>
|