IosDev
Try to learn and practice developing iOS app with Swift.
Install / Use
/learn @cheng-kang/IosDevREADME
iosDev
Records of my Swift iOS development journey.
A GitBook version of the notes below has been created, check here: Swift Newbie.
If you want to contribute, please contact me (hi@chengkang.me).
部分项目截图、涉及内容的介绍:《Intro to Projects》。例如:

Anchors
Practice Project Status
- FenghuangXinwen UI:
working - Instagram UI:
working - Weibo UI:
working - PokeDex:
working - MySongs:
working - Calculator:
working - A Simple Web Browser:
working - My Rock Pet:
working - MyHood:
working - To-do List:
working - Trapper (Tapper):
working
Articles
Articles written by myself during my journey to iOS development. The articles are listed in reverse chronological order.
- 【译】Core Graphics,第四部分:Path!Path!
- 【译】哥们儿,我的方法哪儿去了?
- 【译】Core Graphics,第三部分:线
- 【译】Core Graphics, 第二部分:说说 context (上下文)
- 【译】Core Graphics,第一部分:序章
- react-native-lahk-marquee-label(跑马灯文字组件)
- SlidingForm
- DanmuManager 一个简单的弹幕工具
- Pauseable Timer 一个可暂停的计时器
- UICollectionView 总结
- 【译】UICollectionView 轻松重排
- 模拟凤凰新闻 | 更复杂的标签动画 - Swift 实现多个 TableView 的侧滑与切换
- AutoLayout 中需要注意的点
- Swift 实现多个 TableView 的侧滑与切换(模拟 instagram 系列)
- 实现 instagram 底部弹出菜单的一个例子(模拟 instagram 系列)
- 自定义 UITabBar 总结(一个模拟 instagram TabBar 的例子)
- 仿微博 iOS 客户端 TabBar 中间按钮
- 【译】iOS 基础:Frames、Bounds 和 CGGeometry
- AutoLayout:constraint priority 约束优先级(九宫格续,一个更优方案)
- AutoLayout:UITableViewCell 自适应高度的一个例子
- UISearchBar(一)修改背景层和输入框层的背景颜色和边框颜色
Learning Materials
ios tutorial
videos better watch again:
websites to check
- blackmoondev
- Get clear idea of MVC: Model View Controller (MVC)
- Extensions are fun: Extensions
- How does clipsToBounds work?: StackOverflow: How does clipsToBounds work?
- Parse JSON with NSJSONSerialization: How to parse JSON using NSJSONSerialization
- Error handling in Swift 2: try, catch, do and throw: Error handling in Swift 2: try, catch, do and throw
Transform
print(img.frame.height)
var tf = CATransform3DIdentity
tf.m34 = 1/(-500)
tf = CATransform3DRotate(tf, -45.0 * CGFloat(M_PI) / 180.0, 1.0, 0.0, 0.0)
self.img.layer.transform = tf
print(img.frame.height)
音频截取
informative links
- enable-disable-auto-layout-constraints
- dynamic-height-issue-for-uitableview-cells-swift/36185105#36185105
- iOS Fundamentals: Frames, Bounds, and CGGeometry
- about UILabel
- setting-cursor-position-for-a-uitextfield-in-swift
- 实现图片拼接的iOS代码
Nice Frameworks
Notes
If the layout isn't what you expect, check if you've added the constraints!!!
Use 'Equal Widths' to set the width of any StackView inside ScrollView, otherwise the width will go wrong.
1.change present view
1 set storyboard_id
2 for example:
Swift let tv = self.storyboard?.instantiateViewControllerWithIdentifier("TapViewController") as! TapViewController self.presentViewController(tv, animated: true, completion: nil)
2.differences between the content modes

###3.how to load and play a audio
How to play sounds using AVAudioPlayer
drag the audio file to the app directory and just press enter
import UIKit
import AVFoundation
class ViewController: UIViewController{
var btnSound: AVAudioPlayer!
override func viewDidLoad() {
super.viewDidLoad()
let path = NSBundle.mainBundle().pathForResource("btn", ofType: "wav")
let soundUrl = NSURL(fileURLWithPath: path!)
do {
try btnSound = AVAudioPlayer(contentsOfURL: soundUrl)
btnSound.prepareToPlay()
} catch {
}
}
...
4.animationImages
@IBOutlet weak var monsterImg: UIImageView!
override func viewDidLoad() {
super.viewDidLoad()
var imgArray = [UIImage]()
//init your image array, for example
for var x = 1; x <= 4; x++ {
let img = UIImage(named: "idle\(x).png")
imgArray.append(img!)
}
monsterImg.animationImages = imgArray
monsterImg.animationDuration = 0.8
monsterImg.animationRepeatCount = 0
monsterImg.startAnimating()
//animationImages
//An array of UIImage objects to use for an animation.
//animationDuration
//The amount of time it takes to go through one cycle of the images.
//The time duration is measured in seconds. The default value of this property is equal to the number of images multiplied by 1/30th of a second. Thus, if you had 30 images, the value would be 1 second.
//animationRepeatCount
//Specifies the number of times to repeat the animation.
//The default value is 0, which specifies to repeat the animation indefinitely.
}
