Shortcuts 中文版本

How to get the shortcuts in this article

On this page, please open in Safari on your iPhone, and having Shortcuts installed. Then click the ⬇️ icon on this page to download.

You will see image under and click ‘Open in “Shortcuts”‘, it will go to Shortcuts APP and ask your import QA.

DarkSky Weather Checked

This is the one edited from MacStories Club, it have previous steps to do the API stuff and etc. I won’t provide that since it’s not a free club. (If Federico share for free, I will update too.)

This one only added the ‘Run Shortcuts’ action so you can get the real location each time. (You definitely will need the original Get Coord shortcuts by MacStories Club.)

The import QA will ask which shortcuts to run, so choose the one you got from Federico.

⬇️ DarkSkyCheckEdited

Any question please directly comment this article, I will receive notification!

• Coffee It
• 🔥 Info It 2.0, Chinese

• Add SafariViewController as childViewController with SnapKit

More at GitHub
Based on Awesome
Have 中文版本
Also in English Version
With mit licen≥≥ce

Here is a place for collection of Awesome iPad APPs! This is launched at This Blog and for further contribution, copied to GitHub. Feel free to Star and Fork. Leave any suggestions and comment. Also need contributors! Base on awesome format.

About

means this APP support Apple Pencil.

Content

• Photo Edit
• Note Taking

Photo Edit

Note Taking

Notability:

Intro

Coffee It is an iOS APP that builds for those who drink Coffee a lot. There are a group of people who want to log all Caffeine they drink each time. And from all iOS APPs, most Caffeine Tracker APP are abandoned in a few time, without further bug fixes and improvement, the APP is difficult to use. The rest are expensive, and less functional. This is why I develop Coffee It.

Please download Coffee It - Track Caffeine in Simplest Way and give a try!

For me, it only takes a seconds to log the coffee before I throw the empty cup, so if you feel it’s not that good to use, give me feedback and I will try my best.

Using telegram to give me feedback: @o1xhack

As a student with spare time for these APPs:

Leave a 5-star if you like it or want support me!

About

I’m a student in Computer Science, and I learn Swift and iOS Development myself.

This APP may not fulfill every coffee lover’s requirement, but I will keep developing it with any feedback! I cannot assure I can do every function since I still need time for my University Study, but with my spare time, I will do my best in improving it.

As you can see, I’m consistently making Coffee It faster and easy to using, for me, it only takes a seconds to log the coffee before I throw the empty cup, so if you feel it’s not that good to use, give me feedback and I will try my best.

Features

I put all my time on my developing process (beside student works) that I don’t have time to write a whole article for features, here are the summary.

I sincerely appreciate you give me any advice or leave a 5-star with comment!

Complete Data

Build-in caffeine data will fulfill most normal situation.

Fulfill most normal routine log.

Favorite

Favorite what you like and add in seconds

Quick, Fast like flash

The only thing you need to care is to choose the type of coffee.

In Favorite List, single click to confirm add without more steps.

Set History as default view, and click any history to add that data, quick like Flash!

Customize

Make your list and store specific type.

Customize your life and your mood! (:

Convenient

Open it, Log it, and View it.

Minority Function: Set Badge to number “1”, and put inside a folder, 3D Touch folder to quick open Coffee It, and log coffe!

Daily Total and Limitation

View all your history! (integrated with Health)

See your daily total intake and percentage of the daily limitation​(300mg)

Future

I have ideas about history analysis, data analysis, and I will try my best to develop it, but I cannot promise to update every feedback in time, but I will do my best to keep Coffee It up-to-dates. I’m using it too!

Upvoted on ProductHunt

Please give the app an upvoted if you can!

Update Timeline

Year 2017

10.9 App Store: 1.7.6

TOP: Watch APP is in progress~

1. For all Soylent drinker, here we are!
   • Cafe Coffiest
   • Cafe Vanilla
   • Cafe Chai
2. Starbucks Coffee add：Iced Flat White
3. Starbucks Beverage add：Cool Lime Starbucks Refreshers

9.28 App Store: 1.6.13

Coffee It already supports iOS11, if any problem, contact me please.
Also In-App Rate system added! Please give a 5-star!

Since the latest Apple Watch got a really fast speed to open 3rd APP, Coffee It will come up with a Watch APP, but won’t in few months. This semester cannot be more busier and I will try my best to maintain all LifeAnalysis Lab APPs.

This is an update with plenty data update and detail changed.

1. History View now shows the number of cups you take. (Some person may drink not exactly one cup)
2. Starbucks now seperate into two new groups: Starbucks Coffee and Starbuck Drinks
   • Just to let you know, there are still caffeine in lots of Drinks! Please check them and make your life better!
3. New coffee data in Starbuck Drinks
   • Strawberry Acai Refreshers
   • Pink Drink
   • Ombrè Pink Drink
   • Iced Black Tea (Lemonade)
   • Iced Green Tea (Lemonade)
4. Update coffee data in Starbucks Coffee
   • Caffè Latte
   • Caffè Mocha
   • Caffè Americano
   • Nariño 70 Cold Brew
5. I find out some coffee got different caffeine date with Iced compare to normal Hot one.
   • Iced Coffee (Unsweetened)
   • Iced Coffee (Sweetened)
   • Iced Caffè Latte
   • Iced Caffè Mocha
   • Please notice when you drinking an Iced one, it’s normally got more in Venti type, also, you can submit a Request new Coffee types to help me add these data.
6. Update Localization of Chinese
7. UI Constraint change.

7.17 App Store: 1.6.6

1. Using Fabric to analysis now.
   • No privacy problem! Won’t sell or give any data~
   • Just help me to learn how user using functions.
2. Localization Chinese fix.
3. Fix in Settings.

No big update for this version. From data, Coffee It has extremely little users, if your friends love coffee, track stuff, welcome to recommend Coffee It!

6.23 App Stroe: 1.6.5

1. History View layout change!
   • Easier to see the data~
2. New in-app notification UI
   • Change in 4 other places, Please let me know if you have other advices
3. Click to add at History View
4. Add new list at Coffee View
5. Feedback at Setting View
   • New feature of the update version, this one it is!
6. New launch screen!
   • LifeAnalysis Lab is founded!(only me233)
7. Send Feedback email from settings

6.12 App Store: 1.5.5

—- Click in History to Add —-
Fast like Flash!

• Now you can click any single history in History view
• Then a confirm alert shows with details
• Click and, that’s it!

—- Set Default Open View —-
With the Click in History to Add function
It’s better to let your choose the default open view

• History view
• or Coffee view

—- Localization —-
Since you all using En, I’m not introduced a lot.
Just support most view/alert with Chinese

—- UI/UX —-

• font unify
• UI unify (add to favorite change to Green)
• tab bar name change

—- Bug? —-

• fix showing of History bottom view
• fix too many digit number(1.2222222%) in History Today view.
• some alert fix

5.29 App Store: 1.3.13

—- Total Toady Caffeine —-

• Now you can view total caffeine intake of today, the percentage of daily limitation(300mg)
• The percentage label will present RED if you get the limitation
• All data sync from HealthKit

—- Show Badge of 1 —-

• Coffee It will ask for the request of notification, and then Coffee It will have the badge of “1” for all time until you close this setting.
• After you open this, you can put Coffee It inside a folder, and 3D Touch the folder to quick open Coffee It with one step.

—- Localization —-

• Now History daily goal view supports Chinese.
• Go to APP Settings and open 「本地化中文」

4.17 App Store：1.3.3

• Delete in History view
• New Setting UI
• New Setting: Confirm Add Alert in Favorite View
• Auto layout fixes
• URL Scheme basic support
• Bug fixes

4.5 App Store：1.2.2

• Favorite function!
• Coffee Data support Chinese language
• Add more coffee types
• Bug fixes

3.30 App Store：1.0.0

• All basic adding, deleting, editing
• View controller and app info
• Health Data access and check

Beginning

2017.03.16
Coffee It first time update to iTunes Connect

Caffeine Data Request

If you have any Coffee Brand or types want to be added as Default. Fill the form.

Policy

Privacy Policy

Caffeine Data Sources Policy

Privacy Policy

This Privacy Policy relates to my use of any personally identifiable data (”Personal Data”) collected from you when using Coffee It. For now, I only read and write to APPLE Health APP through HealthKit, which is totally secure in transition. Coffee It now doesn’t have any server to collect or analysis these data.

What Personal Data will I collect and using for?

Coffee It is currently a track caffeine taken app, so I only ask for your permission of Caffeine write and read right directly from Health APP. By using APPLE’s HealthKit, all the data are secured and won’t affect your life.

For now, I won’t do anything to your data including but not only analyzing, transfer to server … I only show your data in the app.

Cookies:

Same, Coffee It doesn’t need to be connect to internet so there are no cookies now.

Data Using.

I will only show your data if your want and always not to share anything data through anyway if you don’t want.

Enforcement

I regularly review my compliance with this Policy. Please feel free to direct any questions or concerns regarding this Policy or my treatment of Personal Data by contacting me through my website.

Changes of Privacy Policy

Coffee It may change from time to time. As a result, at times it may be necessary for me to make changes to this Privacy Policy. Accordingly, I reserve the right to update or modify this Privacy Policy at any time and from time to time without prior notice. Please review this policy periodically, and especially before you provide any Personal Data. This Privacy Policy was last updated on the date indicated above. Your continued use of Coffee It after any changes or revisions to this Privacy Policy shall indicate your agreement with the terms of such revised Privacy Policy.

Contacting

If you have any additional questions or concerns about this Policy or information practices, please feel free to contact me at any time at from my website or app.

Caffeine Data Sources

up-to-dated caffeine data sources list.

Other than these sources, I also advice from Caffeine Informer, a website that have plenty data, to make sure my data was correct and enough.

Capsule Coffee

Nespresso

• Official website

ps. The official doesn’t conclude every specific type, but give me the range of a big type, so I take the average from the range.

Coca-Cola

• Official website
• Local market

Dr Pepper

• 3rd party
• Official website

Food Restaurants

McDonald’s

• Official website
• Local restaurant

Monster

• Official website
• Local market

Pepsi

• Official website
• Local market

Starbucks

• Official website
• iOS APP

This article is trying to add SafariViewController as childviewcontroller. I’m using SnapKit to auto layout everything and Swift 3 as the language.

I also introduced some divide and multiply using of SnapKit that not describing much in official documents.

Download final Project here.

中文版教程：Swift 3 - 用 SnapKit 添加 SafariViewController 为 childViewController

Dev Person：Developer the World.

SnapKit

SnapKit is a DSL to make Auto Layout easy on both iOS and OS X.

Why using?

When I develop Info It, I encountered a problem that when I trying to add constraints at Xcode interface, the Xcode give me crash every time I using it. And after I installed SnapKit inside, I found it was something wrong with Xcode that I cannot find out why (searching Google, Stackoverflow, etc won’t give me any answer). After I installed SnapKit and using it, it solved my problem automatically and the elegant code of SnapKit makes constraints, auto layout beautiful and easy.

Install

SnapKit Document

Everyone can install it quickly using CocoaPods. This article will not describing details about install CocoaPods, I will directly install SnapKit, assuming you all installed CocoaPods.

Create a new project with Swift language. Open Terminal while Xcode project still open(I using iTerm). Then ‘cd’ to your project address, and init the podfile

> pod init

After this command, add this line inside your podfile, the place like I did in picture.

pod 'SnapKit', '~> 3.0'

Then install pod using commend:

> pod install

While install SnapKit, do not close the project! After install successfully like picture, close the project and open the .xcworkspace file

SafariViewController

I will using “svc” for convenient for SafariViewController.

While you want using SafariViewController, you need to add SafariViewControllerDelegate after your class, and set two String we will using later as links:

1
2
3
4
5

class ViewController: UIViewController, SFSafariViewControllerDelegate {

    // Insert two web link to test the child view
    let main: String = "http://o1xhack.com/2017/02/21/infoit/"
    let update: String = "http://o1xhack.com"

Create a view and a button in the storyboard. (button using to test how to auto layout and also the change link of svc)

And connect the view and button into the controller file.

addChildViewController

Then add the code inside viewDidLoad function about the auto layout and also childviewcontroller.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

override func viewDidLoad() {
    super.viewDidLoad()
    
    showView.snp.makeConstraints{ (make) -> Void in
        make.edges.equalTo(self.view).inset(UIEdgeInsetsMake(0,0,60,0))
    }
    
    let svc = SFSafariViewController(url: URL(string: main)!)
    svc.delegate = self
    self.addChildViewController(svc)
    self.showView.addSubview(svc.view)
    svc.didMove(toParentViewController: self)
    
    svc.view.snp.makeConstraints{ (make) -> Void in
        make.edges.equalTo(self.showView)
    }
}    

line 4-6:

Make constraint of the showView(the view will be the parent of our svc), this code using SnapKit to make constraint of the showView compare to view, with bottom 60 to the view. Which will make an empty space of the bottom only.

line 8-12:

Line 8 set svc to a new SafariViewController with url of my previous settings. And line 9 set the svc delegate to self.
Line 10 add the svc as childviewcontroller, and then we can using it add to showview’s subview in line 11.
Line 12 tells the controller that the svc has moved to parentviewcontroller, which is the showView.

line 14-16:

This is basic the same as line 4-6, we set svc’s contraint just fit the showView, kind like set it to view(0,0,60,0), but since svc is the child view, we only need to set it’s constraint to it’s parent view.

Result

After these codes, we run the project and will get this kind of simulation that the button was covered by the svc, which caused by we not setting any constraint with it.

SnapKit again

Once for all, we know how to constraint a view with spacing 60 to the bottom, let’s do some work to set constraint of the button based on the showView and view.

1
2
3
4

change.snp.makeConstraints { (make) -> Void in
        make.centerX.equalTo(showView)
        make.top.equalTo(showView.snp.bottom).offset(20)
    }

Here for the code of change.snp.makeConstraints, we will need to add this part directly after the showView.snp.makeConstraints since we need to make constraint after and based on the showView.

For line 2 we make the button center horizontally with showView, if you using Xcode interface to drag that before, it will be familiar to you.
For line 3, we set the top of button has an offset distance of 20 to bottom of the viewShow. Since we make constraint that the viewShow will always be 60 to the bottom to the view, we can be sure the 20 distance will always working no matter the devices are. (Later, I will try to using another way of divide to set the layout, which is more elegant way.)

Run project, and you will see the button is just under the svc and center exactly same with svc.

Update SVC

Now we need to write a new function to update the svc link once we click our button, and this is not quiet difficult, we just need to drag the button to our code and create an action.

When we trying to add code in this function same as the one we add in viewDidLoad, and run the project, we will find that after we click the button, nothing happened!

The code we add are right here: So why is this happen? (Remember you cannot just copy this code sicne the IBAction need you to connect yourself.)

1
2
3
4
5
6
7
8

@IBAction func changeWebsite(_ sender: UIButton) {
    let svc = SFSafariViewController(url: URL(string: update)!)
    svc.delegate = self
    
    self.addChildViewController(svc)
    self.showView.addSubview(svc.view)
    svc.didMove(toParentViewController: self)
}

Well, that is because we don’t add any constraint to the svc we create in this function, so the system don’t know the layout the svc and where it should be. So we trying to add svc.snp.makeConstraints same as the one in viewDidLoad and the code become:

1
2
3
4
5
6
7
8
9
10
11
12

@IBAction func changeWebsite(_ sender: UIButton) {
    let svc = SFSafariViewController(url: URL(string: update)!)
    svc.delegate = self
    
    self.addChildViewController(svc)
    self.showView.addSubview(svc.view)
    svc.didMove(toParentViewController: self)
    
    svc.view.snp.makeConstraints{ (make) -> Void in
        make.edges.equalTo(self.showView)
    }
}

Then we run the project and click the button, we will find the svc change the link and load a new website: (the first load is the article, and second is the main page.)

SnapKit Divide / Multiply

This project is basically done with all, now you know how to using SnapKit to auto layout then to make safari as an childview in anywhere. Well, but using precise number of offset is not very good. Why? Cause in the picture, you will find we don’t consider that height of the button and it has more white space from bottom of showView to top of button than bottom of button to bottom of view.

So we will using a more auto way: Divide the total view height and using fraction to auto layout it.

Now consider that we only need relatively little space for button and most of our view to svc, I will assume we divide the view into 10 parts, and the svc occupied 9 out of 10. So we are trying to divide the view into parts, but when in code we actually need to multiply the height with 0.9 because dividing height into 9/10 is not quick than multiply (Using your math skill to calculate).

1
2
3
4
5
6

showView.snp.makeConstraints{ (make) -> Void in
        make.top.equalTo(self.view).offset(0)
        make.right.equalTo(self.view).offset(0)
        make.left.equalTo(self.view).offset(0)
        make.height.equalTo(self.view).multipliedBy(0.9)
    }

We change the make edge into details of top, right, left since we need a limit of height rather than based on edges. Line 2-4 makes the showView has no offset to the view of top, right and left. Line 5 set the height to be the 90% of the height of the view(superview). Run the project and you will find this really works:

Then we will handle the button layout that also using multiply and divide way. To make the button fit equally with consideration of its height, we will divide the rest part of view(1-0.9=0.1) into 3 parts. Equally fraction of top white space, height and bottom white space. this means we multiply the height with 0.1*0.3=0.03 and same as the white space from bottom of showView and top of button. Let’s try it:

1
2
3
4
5

change.snp.makeConstraints { (make) -> Void in
    make.centerX.equalTo(showView)
    make.top.equalTo(showView.snp.bottom).multipliedBy(0.03)
    make.height.equalTo(self.view).multipliedBy(0.03)
}

Woops! We got really wired one:

Why is this happening?? That is because we are thinking a way that computer doesn’t understand!

So actually we want the rest 10% of view divide into 3 parts, that is 0.1/3=0.0333… which is infinite, so we just set the height to 0.034 of the height and the other two white space to 0.033. But what we need to do is tell the computer that it is 0.967(1-0.967) to the bottom compare to the view, not 0.03 compare to the showView. This is how multiply and divide works, we actually multiply the object’s height, not what we think that auto calculate the distance of white space, so changing the code into the following:

1
2
3
4
5

change.snp.makeConstraints { (make) -> Void in
    make.centerX.equalTo(showView)
    make.bottom.equalTo(self.view).multipliedBy(0.967)
    make.height.equalTo(self.view).multipliedBy(0.034)
}

And it worked!

Why using?

You can see that multiply and divide can be quite confused especially you have two or more objects need to layout, but once for all, when you done the calculation, you will be good from that day to the day you need to add a new object! You will not need to consider different devices and the impact of using number as distanced to caused some button or label be covered by others.

o1xhack.com 域名购买自 goDaddy，使用 dnspod 进行解析，基于 hexo 和 github page 搭建的静态博客。

hexo 主题使用大名鼎鼎的 next。

菜单栏说明

开发者：

既然作为一个开发者，没有一个像样的页面说明可不行！

• iOS 开发经历及 Swift 学习相关
• 学校项目以及学习相关分享（still struggle！）

尝新者：

从接触 cs 之前就已经尝试了不少 app，iOS 为主
作为一个准备从事科技行业的骚年，怎么能没有尝新的态度呢？

• iOS APP 相关分享
• macOS 软件及使用分享
• Kindle 等电子产品分享
• 智能家居、智能硬件分享

生活者：

生活着，就是全部。

• 数据生活，量化自我
• 读书看报听播客
• 生活分享
• 相关 Tips

更新时间线

2017.2.24

• 增加了 生活者

2017.2.19

• 增加了 开发者、尝新者
• 定制主题

2017.2.18

• blog 正式上线
• 增加了 分类、标签、关于我

定制主题

• 首页文章标题、阅读更多显示居中