iOS 独立开发记录（下）

侧边菜单栏

查看Github上相关实现，一开始选择的是SlideMenuControllerSwift，后来决定更改为自定义，使用更简洁的方式。

分离

分离之前的SliderMeanController，再添加动画。

1.MainViewControllerremove:

extension MainViewController:SlideMenuControllerDelegate{

   func leftWillOpen() {

      print("SlideMenuControllerDelegate: leftWillOpen")

       OnceOpened = true

   }

   func leftDidOpen() {

       print("SlideMenuControllerDelegate: leftDidOpen")

   }

   func leftWillClose() {

       print("SlideMenuControllerDelegate: leftWillClose")

       noteLabel.text = "(metronome.noteNum)"

       metreLabel.text = "(metronome.metreView.numMetre)"

       tempoLabel.text = "(metronome.tempo)"

       tempoItalianName(italianName)

       initialHandelPoint()

       metronome.metreView.setNeedsDisplay()

       print("subview count:")

       print(view.subviews.count)

       self.ball.setNeedsDisplay()

   }

   func leftDidClose() {

       print("SlideMenuControllerDelegate: leftDidClose")

   }  

   }

LeftViewController

remove:

wiilappear:

initialMenu()

class里面：

weak var delegate: LeftMenuProtocol?

func initialMenu() {

let storyboard = UIStoryboard(name: "Main", bundle: nil)

let nonMenuController = storyboard.instantiateViewControllerWithIdentifier("purchaseViewController") as! PurchaseViewController

nonMenuController.delegate = self

self.nonMenuViewController = UINavigationController(rootViewController: nonMenuController)

  }

class 前：

enum LeftMenu: Int {

       case Main = 0

   }

   protocol LeftMenuProtocol : class {

       func changeViewController(menu: LeftMenu)

   }

  class extension：

   // MARK: - LeftMenuProtocol

   extension LeftViewController: LeftMenuProtocol{

       func changeViewController(menu: LeftMenu) {

           switch menu {

           case .Main:

               self.slideMenuController()?.changeMainViewController(self.mainViewController,          close: true)

           }

       }

   }

alert 转场：

self.slideMenuController()?.

        changeMainViewController(self.nonMenuViewController, close: true)

App delegate里面：

private func createMenuView() {

      // create viewController code...

      let storyboard = UIStoryboard(name: "Main", bundle: nil)

      let mainViewController = storyboard.instantiateViewControllerWithIdentifier("MainViewController") as! MainViewController

      let leftViewController = storyboard.instantiateViewControllerWithIdentifier("LeftViewController") as! LeftViewController

      let mvc: UINavigationController = UINavigationController(rootViewController: mainViewController)

      UINavigationBar.appearance().tintColor = UIColor(hex: "689F38")

      leftViewController.mainViewController = mvc

      let slideMenuController = ExSlideMenuController(mainViewController:mvc, leftMenuViewController: leftViewController)

      slideMenuController.automaticallyAdjustsScrollViewInsets = true

      slideMenuController.delegate = mainViewController

      //        self.window?.backgroundColor = UIColor(red: 236.0, green: 238.0, blue: 241.0, alpha: 1.0)

      self.window?.rootViewController = slideMenuController

      self.window?.makeKeyAndVisible()

  }

purchaseViewCont：

class 里面：

weak var delegate: LeftMenuProtocol?

        func done() {

      delegate?.changeViewController(LeftMenu.Main)

  }

        override func viewWillAppear(animated: Bool) {

      super.viewWillAppear(animated)

      self.removeNavigationBarItem()

      let doneTitle = NSLocalizedString("doneTitle", comment: "Purchase done title")

      let rightButton: UIBarButtonItem = UIBarButtonItem(title: doneTitle, style: .Plain, target: self, action: #selector(done))

      navigationItem.rightBarButtonItem = rightButton

动画Spring Animation

我使用的是MengTo的Spring动画库。

内购

技术参考：

https://developer.apple.com/in-app-purchase/

https://www.raywenderlich.com/122144/in-app-purchase-tutorial

https://www.raywenderlich.com/121218/video-tutorial-in-app-purchase-series-introduction

https://github.com/mattt/Ono

https://github.com/awseeley/Swift-In-App-Purchase-Tutorial

页面实现：

How to make a beautiful page for the purchase?

使用Collection View，使用卡片展示。

声音

Where to find the good sound?

推荐网站：

• https://www.freesound.org/people/toiletrolltube/sounds/345691/

• http://www.findsounds.com/ISAPI/search.dll?keywords=drum+solo

声音下载之后需要自己进行一些细化处理，推荐Sound Studio，它小而简洁，进行简单的处理足够了。

 

 

后台播放

参考书籍：iOS8 Programming

Appledelegate:

func application(application: UIApplication,didFinishLaunchingWithOptions launchOptions: [NSObject: AnyObject]?) -> Bool  {

    // paly on the background

    _ = try? AVAudioSession.sharedInstance().setCategory(AVAudioSessionCategoryAmbient, withOptions: [])

    // others

  }

      func applicationWillResignActive(application: UIApplication) {

    _ = try? AVAudioSession.sharedInstance().setActive(true, withOptions: [])

}

func applicationDidBecomeActive(application: UIApplication) {

    _ = try? AVAudioSession.sharedInstance().setActive(true, withOptions: [])

  }

细节问题

问题：

为什么nav颜色无法更改，感觉蒙上了一层影？

解决：

参考：

Swift: https://github.com/DanisFabric/RainbowNavigation

p.p1 {margin: 0.0px 0.0px 0.0px 60.0px; font: 16.0px ‘Helvetica Neue’; color: #999999}p.p2 {margin: 0.0px 0.0px 0.0px 60.0px; font: 16.0px ‘Helvetica Neue’; color: #999999; min-height: 18.0px}span.s1 {font: 16.0px ‘PingFang SC’}span.Apple-tab-span {white-space:pre}

Swift: https://github.com/DanisFabric/RainbowNavigation

sBarMask?.autoresizingMask = [.FlexibleWidth,.FlexibleHeight]

             if let tempBackgroundView = backgroundView {

                 insertSubview(statusBarMask!, aboveSubview: tempBackgroundView)

             }else {

                 insertSubview(statusBarMask!, atIndex: 0)

             }

         }

         statusBarMask?.backgroundColor = color

     }

     public func df_setBackgroundColor(color: UIColor) {

         if backgroundView == nil {

             setBackgroundImage(UIImage(), forBarMetrics: UIBarMetrics.Default)

             shadowImage = UIImage()

             backgroundView = UIView(frame: CGRect(x: 0, y: -20, width: UIScreen.mainScreen().bounds.width, height: 64))

             backgroundView?.userInteractionEnabled = false

             backgroundView?.autoresizingMask = [.FlexibleHeight,.FlexibleWidth]

             insertSubview(backgroundView!, atIndex: 0)

         }

         backgroundView?.backgroundColor = color

     }

     public func df_reset() {

         setBackgroundImage(nil, forBarMetrics: .Default)

         shadowImage = nil

         backgroundView?.removeFromSuperview()

         backgroundView = nil

     }

     // MARK: Properties

     private var backgroundView:UIView? {

         get {

             return objc_getAssociatedObject(self, &kBackgroundViewKey) as? UIView

         }

         set {

             objc_setAssociatedObject(self, &kBackgroundViewKey, newValue, .OBJC_ASSOCIATION_RETAIN)

         }

     }

     private var statusBarMask:UIView? {

         get {

             return objc_getAssociatedObject(self, &kStatusBarMaskKey) as? UIView

         }

         set {

             objc_setAssociatedObject(self, &kStatusBarMaskKey, newValue, .OBJC_ASSOCIATION_RETAIN)

         }

     }

}

在MainViewController中添加：

self.navigationController?.navigationBar.df_setBackgroundColor(UIColor.clearColor())

 

为什么点击按钮之后，图片位置会改变？

改变UIButton的image之后，它的位置也会改变，需要将之前的先存储，改变图片之后再赋给它。

CGPoint currentLoc = self.imageButton.center;

[self.imageButton setImage:[UIImage imageNamed:@”face”] forState:UIControlStateNormal];

self.imageButton.center = currentLoc;

好像不是这个问题。我把外面的View去掉一层就OK了。

UIScrollerView

UIScrollerView的contentSize是取决于其子视图的，所以一定要通过子视图来限制其大小。

UIScrollerView需要探索的地方还很多，比如像相册这样的应用，是两个scrollerView，一个用来zoom，一个用来左右切换。

测试

TestFlight测试 （外部测试需审核）

其他第三方测试 （无需审核）

发布

• 如何取好App名字？

• 如何写好App介绍？

• 制作App简短视频？

网站

因为也做过一些网站，用Bootstrap写过前端，PHP写过后台。基本的HTML/CSS，JS都会些，所以做网站对我来说没什么问题。不过，你不需要那么多知识，你可以在直接使用模板，再进行修改即可。

• 选择模板

• 准备内容素材（图片、文字、链接）

最终效果：http://azureyu.com/pulse

截图

素材：

• 在设备上运行，同时按home+电源键进行截图

• 或者使用模拟器运行之后按Command+S,即可保持截图

AppStore介绍截图制作：

• 使用Sketch

• 推荐模板：https://github.com/LaunchKit/SketchToAppStore

• 思考介绍内容，编辑，修改，再修改，再修改

• 导出

视频

录制步骤：

1. 连接设备

2. 打开QuickTime Player

3. 进行文件影片录制

4. 使用iMovie进行剪辑，iMove中可直接新建应用商店预览视频。

Tips:

1. 视频上传需使用Safair浏览器，最好用iMovie中直接选择导出为应用商店预览视频。这样不会出现视屏帧数太多等问题。

2. 如何旋转视频？使用QuickTime Player打开，然后在菜单中选择编辑，向左选择即可。

最好将所有素材放在同一个文件夹中，按照一定的命名方式进行整理。

上传

https://developer.apple.com/app-store/cn/

https://itunespartner.apple.com/cn/apps/videos

https://app.grammarly.com/ 避免英语文法错误

介绍

English:

Pulse is a clean and beautiful Metronome. It helps you better your music feeling and skill. With Pulse, your play time will be much more joyful.

Features:

• Colorful Themes. There are ten attractive themes that you can choose: night, tree, coffee, pink, azure, blue, purple…… make your play time more colorful.

• Nice Sounds. You can hear the different kinds of sounds: wood, ping, claves, triangle, shaker, blocks……choice the one suit your ear.

• Save setlist. You can save the setlist that you often play, it’s easy to use.

• Swing. You can visualize the time passing, see the movements. In Pulse, there are 7 swing types: none, small, medium, large, ball, square, diamond. It always has the one you want.

Others:

• Play on the lock mood and background.

• Universal app, available on you iPod touch、iPhone and iPad.

Support :

• E-mail: yxydiscovery@gmail.com

• Website: http://azureyu.com/pulse

• Twitter: https://twitter.com/yxydiscovery

• Weibo: http://weibo.com/yxydiscovery

中文：

律动是一款简洁而美观的节拍器。它能够帮助你提升乐感和技能。缤纷的主题，悦耳的音色，可视化时间流逝的钟摆都能让你的练习更为多彩。

特点：

• 十种主题缤纷主题任你选择：碳黑、咖啡、森林、粉红、蔚蓝、紫藤、翠绿等。

• 十余种悦耳音色舒适双耳：实木、沙铃、三角铁、铃环、木鱼、鼓、钢琴、铁、铛等。

• 一键保存演出列表：一键保持你的演出列表，节约你的时间，方便你的练习。

• 7种钟摆模式：无, 小, 中, 长, 球, 方, 菱。可视化时间流逝的最佳选择。

其他：

• 支持锁屏播放和后台播放

• 支持屏幕常量

• 支持所有iPod Touch、iPhone和iPad设备

反馈：

• E-mail: yxydiscovery@gmail.com

• Website: http://azureyu.com/pulse

• Twitter: https://twitter.com/yxydiscovery

• Weibo: http://weibo.com/yxydiscovery

被拒5-24

版本上传错误。

再次被拒

Apple审核团队说App会在iPad Air下点击菜单按钮会crash，可是测试了很多次之后，我都没能重现crash，和他们沟通无果。等了两天，我在代码原封不动的情况下，重新build了一个版本，再上传，就通过了。

审核通过 6-1

Market

• 产品推荐网站 :例如36NEXT,MindStore之类。

• Weibo Twitter BBS

用户会去哪些地方？