个月前,完成了个人App的2.0版本,也在普天同庆的六一儿童节这天上架了。因为是个人开发,很多实现都是边探索边做。现在完成之后再回顾,发现自己走了些弯路。所以写了这篇总结,概览了从想法、设计、开发到最终发布的过程。希望读者参考本文,可以少走一些弯路;另外,本文也给列出了开发中具体思路和资源列表。

知识从何而来?

Apple的知识又是从何而来?是哪些人在创造这些机制,又是哪些人在传播这些机制?为什么要这样设计呢?为什么要这样编码呢?

iOS开发是在询问什么问题?技术的实现,究竟是在问什么?为什么要这样做?那样做?评价的标准为何?

资源

我在开发过程中常使用的资源:

  • 相关书籍寻找大致实现方向,我有庞大的电子书库,在此感谢学校提供的优质资源。很多书,都会先检视阅读一遍,这样心中有地图,开发时就可快速定位。书本是理论的简单系统化表示。

  • Apple 官方文档 视频 示例代码系统化的概览,具体可使用内容的查找。

  • StackOverflow主要是查找一些细节问题。

  • Github上的相关项目看具体的代码实现,分析不同实现的优缺点,取其精华去其糟粕。

  • Raywenderlich可以很快上手入门新知识点。

  • 博客

  • 论文

  • 对于想深入理解的知识,会参考相关论文。

搜索时使用google或者bing,绝对可以节约你的时间。时间即是生命。

我选择的简单是易用SS,我的推介链接。

想法

  • 目标:简洁优雅易用节拍器

  • 用户:学习乐器演奏的群体

  • 使用场景:乐器演奏

  • 做什么:小而美。好看,好用,占内存小。

  • 不做什么:不做专业程度极高,功能十分完备的节拍器。

设计

我一般使用Sketch进行快速原型设计。

同时思考,是否可实现?

开发

我使用的是coding的仓库,git进行版本管理。

主要介绍2.0版本中的一些开发过程。

你可以免费下载,看看有哪些基本功能。

多主题设计

配色

参考网站:

  • https://coolors.co/browser

  • http://uigradients.com/#Jonquil

  • http://www.rocket-design.fr/color-template/

  • http://www.shejidaren.com/examples/tools/color-scheme/

  • http://www.shejidaren.com/mbe-style.html

  • http://www.peise.net/

扁平化颜色库:

Chameleon is a lightweight, yet powerful, color framework for iOS (Objective-C & Swift). It is built on the idea that software applications should function effortlessly while simultaneously maintaining their beautiful interfaces.

https://github.com/ViccAlexander/Chameleon

多主题实现

OC版:

https://github.com/Draveness/DKNightVersion

Swift版:

http://www.jianshu.com/p/a5cd0176bcf5

https://github.com/zhangbozhb/ChameleonSwift

  1. theme

  2. view

部分配色表:

Name defaultColor SeaColor GreenColor CoffeeColor  
backgroundColor          
BlockColor rgba(184, 184, 184, 1) #D5EBE9 #F4ADA2 #D4C38F  
BlockColorFill rgba(251, 251, 251, 1) #F5FAF9 #F07973 #EFDFAF  
BlockBdrColor rgba(57, 57, 57, 1) #38465F #38465F #272727  
shadowColor rgba(41, 44, 48, 1) #38465F #A0785C #5D4531  
Sliderstart rgba(184, 184, 184, 1) #F5FAF9 #F2F2F2 #88DEF2  
Sliderend rgba(185, 200, 245, 1) #B0D5C2 #F4ADA2 #FAD199  
SliderBackground Black #364960 #3A4C39 #2B2B2B  
nameIncDecTextColor Black White Black Black  
labelColor Black white Black Black  

根据图片配色举例:

代码实现:

1.Struct方式

public protocol YXYTheme {

// MetreView

var blockColor              : UIColor { get set }

var blockFillColor          : UIColor { get set }

var blockBdrColor           : UIColor { get set }

var blockShadowColor        : UIColor { get set }

// View

var backgroundColor         : UIColor { get set }

var nameIncDecTextColor     : UIColor { get set }

var labelColor              : UIColor { get set }

var incAndDecLabelTextColor : UIColor { get set }

// Slider

var sliderBackgroundColor   : UIColor { get set }

var sliderStartColor        : UIColor { get set }

var sliderEndColor          : UIColor { get set }

var sliderHandleColor       : UIColor { get set }

}

struct DarkTheme : YXYTheme, AnyObjectConvertible {

var blockColor              = UIColor(red:0.72, green:0.72, blue:0.72, alpha:1)

var blockFillColor          = UIColor(red:0.95, green:0.95, blue:0.95, alpha:1)

var blockBdrColor           = UIColor(red:0.21, green:0.21, blue:0.21, alpha:1)

var blockShadowColor        = UIColor(red:0.16, green:0.17, blue:0.19, alpha:1)

var backgroundColor         = UIColor(red:0.34, green:0.34, blue:0.34, alpha:1)

var nameIncDecTextColor     = UIColor(red:0.95, green:0.95, blue:0.95, alpha:1)

var labelColor              = UIColor.whiteColor()

var incAndDecLabelTextColor = UIColor.whiteColor()

var sliderBackgroundColor   = UIColor.lightGrayColor()

var sliderStartColor        = UIColor.grayColor()

var sliderEndColor          = UIColor.greenColor()

var sliderHandleColor       = UIColor.greenColor()

}

2.class 方式

//

//  LightTheme.swift

//  GuitarFere

//

//  Created by youxinyu on 16/3/10.

//  Copyright © 2016年 yogayu.github.io. All rights reserved.

//

import UIKit

class LightTheme : NSObject, YXYTheme, AnyObjectConvertible

{

var blockColor              = UIColor(red:0.72, green:0.72, blue:0.72, alpha:1)

var blockFillColor          = UIColor(red:0.95, green:0.95, blue:0.95, alpha:1)

var blockBdrColor           = UIColor(red:0.21, green:0.21, blue:0.21, alpha:1)

var blockShadowColor        = UIColor(red:0.16, green:0.17, blue:0.19, alpha:1)

var backgroundColor         = UIColor.whiteColor()

var nameIncDecTextColor     = UIColor(red:0.95, green:0.95, blue:0.95, alpha:1)

var labelColor              = UIColor.whiteColor()

var incAndDecLabelTextColor = UIColor.whiteColor()

var sliderBackgroundColor   = UIColor.lightGrayColor()

var sliderStartColor        = UIColor.grayColor()

var sliderEndColor          = UIColor.redColor()

var sliderHandleColor       = UIColor.greenColor()

init( blockColor:UIColor, blockFillColor:UIColor, blockBdrColor:UIColor, blockShadowColor:UIColor,

backgroundColor:UIColor, nameIncDecTextColor:UIColor, labelColor:UIColor, incAndDecLabelTextColor:UIColor,

sliderBackgroundColor:UIColor, sliderStartColor:UIColor, sliderEndColor:UIColor, sliderHandleColor:UIColor){

self.blockColor = blockColor

self.blockFillColor = blockFillColor

self.blockBdrColor = blockBdrColor

self.blockShadowColor = blockShadowColor

self.backgroundColor = backgroundColor

self.nameIncDecTextColor = nameIncDecTextColor

self.labelColor = labelColor

self.incAndDecLabelTextColor = incAndDecLabelTextColor

self.sliderBackgroundColor = sliderBackgroundColor

self.sliderStartColor = sliderStartColor

self.sliderEndColor = sliderEndColor

self.sliderHandleColor = sliderHandleColor

}

}

本地化

参见我之前博文:

http://www.jianshu.com/p/782aaf3bf7da

http://azureyu.com/2016-05-14-iOS-Localizable.html

保持用户设置

let userDefaultsLastTempoKey = "DefaultsTempoKey"

let defaults = NSUserDefaults.standardUserDefaults()

func saveTempo(tempo:Int){

defaults.setInteger(tempo, forKey: userDefaultsLastTempoKey)

defaults.synchronize()

}

读取:

func initialTempo(){

let savedTempo = NSUserDefaults.standardUserDefaults().objectForKey( userDefaultsLastTempoKey) as? Int

if let tempo = savedTempo {

metronome.tempo = tempo

tempoLabel.text = "\(metronome.tempo)"

}else {

tempoLabel.text = "\(metronome.tempo)"

}

Struct如何转为AnyObject?

参考:

https://github.com/tarunon/AnyObjectConvertible

class Box<T> {

let value: T

init(value: T) {

self.value = value

}

}

NSNotificationCenter.defaultCenter().postNotificationName("foo", object: Box(value: YourOwnStruct())) // OK

But Box<T> unwrap is too lazy.

let value = (notification.object as? Box<YourOwnStruct>)?.value

You can cast your struct/enum directory if implement AnyObjectConvertible at that type.

extension YourOwnStruct: AnyObjectConvertible {}

NSNotificationCenter.defaultCenter().postNotificationName("foo", object: YourOwnStruct()) // OK

let value = notification.object as? YourOw

存储用户当前主题设置

初始显示,无法使用函数更改,为什么?

解决:因为存的内容不对,主题是一个Struct或Class。

func initTheme() {

let savedTheme = retrieveTheme()

if let theme = savedTheme {

UIApplication.ch_switchTheme(lightTheme)

}else{

// ...

}

}

GuitarFere[20074:736310] * Terminating app due to uncaught exception ‘NSInvalidArgumentException’, reason: ‘Attempt to insert non-property list object GuitarFere.Box<GuitarFere.YXYTheme> for key DefaultThemeKey’

The code you posted tries to save an array of custom objects to NSUserDefaults. You can’t do that. Implementing the NSCoding methods doesn’t help. You can only store things like NSArray, NSDictionary, NSString, NSData, NSNumber, and NSDate in NSUserDefaults.
You need to convert the object to NSData (like you have in some of the code) and store that NSData in NSUserDefaults. You can even store an NSArray of NSData if you need to.
When you read back the array you need to unarchive the NSData to get back your BC_Personobjects.
http://stackoverflow.com/questions/19720611/attempt-to-set-a-non-property-list-object-as-an-nsuserdefaults

func saveTheme(theme:LightTheme){

//    let archivedObject = NSKeyedArchiver.archivedDataWithRootObject((theme as? NSObject)!)

let archivedObject = NSKeyedArchiver.archiveRootObject(theme as NSObject, toFile: userDefaultsLastThemeKey)

defaults.setObject(archivedObject, forKey: userDefaultsLastThemeKey)

defaults.synchronize()

}

存:

func saveTheme(theme:LightTheme){

//    let archivedObject = NSKeyedArchiver.archivedDataWithRootObject((theme as? NSObject)!)

let archivedObject = NSKeyedArchiver.archiveRootObject(theme as NSObject, toFile: userDefaultsLastThemeKey)

defaults.setObject(archivedObject, forKey: userDefaultsLastThemeKey)

defaults.synchronize()

}

上面解决方式还是有问题。

突然想到,不用保存主题本身,直接保存是第几个(Int)主题就好。

问题就这样解决了。

摇一摇换肤

override func canBecomeFirstResponder() -> Bool {

return true

}

override func motionBegan(motion: UIEventSubtype, withEvent event: UIEvent?) {

if(event?.subtype == UIEventSubtype.MotionShake) {

randomTheme()

print("shacked")

self.setNeedsStatusBarAppearanceUpdate()

}

}

func randomTheme() {

let max = themes.count - 1

let index = randomIn(min: 0, max: max)

let randomTheme = themes[index]

saveTheme(index)

UIApplication.ch_switchTheme(randomTheme)

}

钟摆绘制

主要使用图像绘制。

例如绘制三角形:

func drawTriangle()  {

//1.获得图形上下文

let context = UIGraphicsGetCurrentContext()

//绘制三角形

let height = self.frame.height

let width = self.frame.width

CGContextMoveToPoint(context, 0, 0)

CGContextAddLineToPoint(context, width, height/2)

CGContextAddLineToPoint(context, 0, height)

//关闭路径,闭环,(连接起点和最后一个点)

powerOffColor.setFill()

CGContextClosePath(context)

//显示在view上

CGContextFillPath(context)

}

iOS 独立开发记录(上)的更多相关文章

  1. iOS 独立开发记录(下)

    侧边菜单栏 查看Github上相关实现,一开始选择的是SlideMenuControllerSwift,后来决定更改为自定义,使用更简洁的方式. 分离 分离之前的SliderMeanControlle ...

  2. iOS 自定义控件开发(上)

    工作需要,最近在进行iOS方面的图表工作.找了很多第三方库都无法实现效果,所以决定自己写一个控件. <iOS 自定义控件开发(上)> <iOS 自定义控件开发(中)> #0 目 ...

  3. iOS-开发记录-UIView属性

    UIView属性 1.alpha 设置视图的透明度.默认为1. // 完全透明 view.alpha = ; // 不透明 view.alpha = ; 2.clipsToBounds // 默认是N ...

  4. IOS APP开发UI上的尺寸注意问题(屏幕、适配、分辨率)

  5. iOS 自定义控件开发(中)

    <iOS 自定义控件开发(上)> <iOS 自定义控件开发(中)> 接上篇iOS自定义控件开发之后,我们尝试另外一种. 在Xcode的右边,会看到如下的图 其中,上面有一个:C ...

  6. IOS开发-图片上传

    目前IOS端开发,图片上传到服务器分为两种,一种是直接上到服务器,一种是借助第三方储存(减少服务器压力). 一.直接上传到服务器 /** * 代码演示 */ //*******UIImagePNGRe ...

  7. iOS 蓝牙开发资料记录

    一.蓝牙基础认识:   1.iOS蓝牙开发:  iOS蓝牙开发:蓝牙连接和数据读写   iOS蓝牙后台运行  iOS关于app连接已配对设备的问题(ancs协议的锅)          iOS蓝牙空中 ...

  8. CozyRSS开发记录19-窗口标题栏交互

    CozyRSS开发记录19-窗口标题栏交互 1.谈谈对mvvm解耦的看法 在使用mvvm时,如何操作窗口,这是一个问题.这个问题的关键点是:mvvm是把view和viewmodel解耦了的,很多写法一 ...

  9. iOS多线程开发

    概览 大家都知道,在开发过程中应该尽可能减少用户等待时间,让程序尽可能快的完成运算.可是无论是哪种语言开发的程序最终往往转换成汇编语言进而解释成机器码来执行.但是机器码是按顺序执行的,一个复杂的多步操 ...

随机推荐

  1. 在2015中使用V12版本的ReportView控件,会导致winform窗体不能正常打开

    在2015中使用V12版本的ReportView控件,会导致winform窗体不能正常打开,使用V10版本没问题,但2015中默认使用的就是V12版本,所以需要避免使用V12版本

  2. css学习--inline-block详解及dispaly:inline inline-block block 三者区别精要概括

    *知识储备: 内联元素:是不可以控制宽和高.margin等:并且在同一行显示,不换行. 块级元素:是可以控制宽和高.margin等,并且会换行. 1.inline-block 详解 (1)一句话就是在 ...

  3. Android SurfaceView使用

    与View区别 更新View任务太重会导致UI线程阻塞 而SurfaceView不会,可以在UI线程之外更新UI 工程代码 SurfaceViewDemo.zip ------------------ ...

  4. C#【数据库】 Access类

    using System; using System.Data; using System.Data.OleDb; namespace AccessDb { /**//// <summary&g ...

  5. linux c数据库备份第一版

    使用linuxC实现的mysql数据库备份目标:通过alarm信号定时备份数据库备注:目前是第一个版,本身不能定时备份可以结合linux自动化实现定时备份.运行平台:Linux或类unix测试平台:u ...

  6. 转:几十种编程语言的快速入门教程- learnxinyminutes.com

    原文来自于:http://top.jobbole.com/15551/ 这家网站的名称是 Learn X in Y minutes,包括了几十种编程语言的快速学习入门教程.打开几种编程语言来看了一下, ...

  7. Windows Phone 8学习 启动器

    1.发邮件 EmailComposeTack email=new EmailComposeTask(); email.To="收件人"; email.Subject="标 ...

  8. BZOJ 1087 互不侵犯

    Description 在\(N \times N\)的棋盘里面放\(K\)个国王,使他们互不攻击,共有多少种摆放方案.国王能攻击到它上下左右,以及左上左下右上右下八个方向上附近的各一个格子,共\(8 ...

  9. c#语句 (随堂练习)

    1. 方程ax²+bx+c=0:一元二次方程.求根    输入a,b,c的值    Δ=b²-4ac:若Δ<0方程无实根    若Δ>0,方程有两个不相同的实根x1 x2gen    若Δ ...

  10. [LeetCode#55, 45]Jump Game, Jump Game II

    The problem: Given an array of non-negative integers, you are initially positioned at the first inde ...