个月前,完成了个人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. Mysql访问 for橙子小海

    package com.mvc.model.dao; import com.mvc.model.daoutil.DBConn; import com.mvc.model.entity.Blog; 这是 ...

  2. openerp report image

    webkit : 再mako 文件中插入以下代码, <% %>标签用于再mako中定义代码或者函数. 然后  ${ embed_image('图片类型', 图片字段 , 宽度,高度)  } ...

  3. how to use a xml_id in field domain

    "[('parent_id','child_of', %(other_module.xml_id)d)]"

  4. Python核心编程2第六章课后练习

    6-1 字符串 .string 模块中是否有一种字符串方法或者函数可以帮我鉴定一下一个字符串是否是另一个大字符串的一部分? #!/usr/bin/env python def contain(str1 ...

  5. C++实现红黑树,仿STL封装

    //RB_Tree.hpp //The code of red black trees //2011/12/31 by Adoo // The foundation :http://www.roadi ...

  6. Mvc 页面缓存 OutputCache VaryByCustom

    优化网站,dotNet MVC 可以通过(OutputCache)特性在某些Action上使用缓存,如果我们想要自定义缓存依据可以通过如下方式进行: 第一步, 在 global.asax.cs 文件中 ...

  7. TWinControl.SetBounds与TWinControl.UpdateBounds赏析(定义和调用)

    先看它们的函数内容: procedure TControl.SetBounds(ALeft, ATop, AWidth, AHeight: Integer); begin // 虚函数,TWinCon ...

  8. Static Final用法

    一.final数据 在 java编程语言中,有时候需要告知编译器一段数据是不变的编译期常量.对于这种情况,编译器可以将此常量值带入需要用到它的计算式子当中,这种在编译时 执行计算式的方法减轻了运行时的 ...

  9. 【转】android JNI

    原文网址:http://jinguo.iteye.com/blog/696185 Java Native Interface (JNI)标准是java平台的一部分,它允许Java代码和其他语言写的代码 ...

  10. Oracle 11g ORA-12514:TNS:监听程序当前无法识别连接描述符中请求的服务

    1. 找到listener.ora监听文件,具体位置:D:\app\Administrator\product\11.2.0\dbhome_1\NETWORK\ADMIN\listener.ora 2 ...