1. 仿手机QQ消息小红点动画1

    Author: Charles Zhu
    Summary: 动画学习

    前言

    偶然发现iPhone QQ 显示消息条数的小红点可以响应动作事件,也有人问我这样的动画该怎么做,这里就把实现的思路简单的描述一下。在实现的过程中,同样发现该功能并没有看到的那么简单,要做一个完备的动画效果需要有一定的功底。因此,本篇会先侧重于实现思路,并不会实现一个一模一样的效果。
    下面是iPhone QQ小红点的动作交互效果:
    iPhoneQQ

    分析

    首先我们分析拖拽时候的表现:

    1. 原先的小红点顺着手指移动,并与原来所处位置通过一个小尾巴(即移动的轨迹)连接
    2. 与原先位置在一定范围内时,小尾巴出现;超过一定范围时,小尾巴不出现
    3. 释放手指,小红点回到原先位置,并有弹簧动画效果
    4. 释放手指时离原先位置超过一定范围则不返回原点,而是有消失的泡沫动画

    抛开细节,抓住要点,我归纳了几个要点:

    1. 小原点随手指移动
    2. 小尾巴分情况出现
    3. 手指释放后,小红点弹回原先位置

    除此之外,红点上的文字,消失等情形的处理不是主要问题,我们先缓一缓。

    实现

    红点的移动

    首先实现一个圆形的view,并且可以随手指移动。在一定移动范围内 ...

    Tagged as : quartzcore
  2. 随感

    书桌上放着本 <<守望灯塔>>,看了快一半。买的时候,看书名以为是个励志型的故事,看了以后才知道不是,——大概和爱情,和人生有关。额,可是有什么又是和人生无关的呢。那好吧,我还是说我没看懂的好。
    买了两盒迷你果园,一盒葫芦,一盒黄瓜,不需要额外的土,不需要施肥,只需要浇水,晒太阳,就能结果。种子同一天放进去的,水每天都浇,阳光每天都晒。就这样过了四五天,葫芦先发芽了,而且一发芽,叶子就显得很大。过了一个星期,长出来的叶子,就能分辨出是葫芦娃头上戴的样子了。而那黄瓜呢,不知怎么的,一个星期后才发芽。破土而出后,小小的叶子,就像一个早产儿。而且,三四天过去了,和最初破土而出时相比,就大了一点。
    和葫芦的生长比,黄瓜差很多。可是,我不会认为黄瓜没有葫芦好,因为两者没有可比性。葫芦应该和葫芦去比,黄瓜要和黄瓜比。中国的葫芦可以和美国的葫芦比,美国的黄瓜也不能和中国的葫芦相比。

    人过了而立 ...

  3. Note: More Swift and Foundation Frameworks

    Intro

    Note of More Swift and Foundation Frameworks, not detail described.
    Lesson4的要点记录,有些没有展开,侧重于“点”。看完后觉得需要注意的地方:基本数据类型如Optional/Array/Dictionary等的特点;class与struct的异同;class中的属性和方法;常见数据类型的常用方法(Array/String有很多新增的方法,功能比对应的ObjC强大)

    Optional

    an optional is an enum enum Optional

    ! 相当于一个switch 简单的说,就是语法糖

    Array

    declare immutable
    enumerating

    Dictionary ...

    Tagged as : swift iOS
  4. swift学习之struct ——前三课总结

    Intro

    During the course, a lot of swift details are touched from Lesson 1 to 3 and the classical MVC is practised in Lesson 3.
    本篇侧重swift的强类型特性以及struct的特点。

    Strong type language

    Swift is smart enough to know the type and you can ommit the type in decalaring, function parameters and son on ...

    Tagged as : swift iOS
  5. Xcode6中批量添加矢量图

    1. Xcode6添加矢量图的问题

    Xcode6中支持添加矢量图,然后在编译期Xcode6自动生成@2x和@3x的图片,可是添加的过程有些繁琐。
    首先,直接把矢量图拖到 xcassets文件中是不行的,添加的步骤:

    1. xcassetsNew Image Set
    2. 选中生成的asset,在右侧的 Image Set中将属性修改为 Vectors
    3. 将矢量图拖进来,再修改asset文件名称

    由此可见,需要批量添加矢量图的时候,会非常繁琐。

    2. 解决之道

    每一个图片都对应一个带后缀 imageset的文件夹,内有 Contents.json文件,对于普通的png而言,它的内容一般是:

    {
      "images" : [
        {
          "idiom" : "universal",
          "scale" : "1x",
          "filename" : "ButtonFillBlue.png"
        },
        {
          "idiom" : "universal ...
    Tagged as : iOS
  6. RBStoryboardLink 的简介

    1. Intro

    今天简单介绍一下RBStoryboardLink,这是一个方便在某个storyboard(下面我要用SB代之)中调用其他 SB 中的viewcontroller的项目

    2. RBStoryboardLink

    2.1 为什么要使用

    当Apple越来越重视的SB时候,设计师们也愈发喜欢 SB 。如果你有一位喜欢使用SB的设计师,那么恭喜你,你可以少做很多开发准备了。然而,从项目的组织结构来考虑,不管是设计师或是开发人员,都不会使用单一SB(项目简单的除外)。我们往往会使用模块化的方式来分解,比如tab结构的app,每一个tab就可以视为一个模块。而sb文件中页面的跳转不能离开当前的sb文件,这时涉及到模块间页面跳转的情形,在sb中就无能为力了。通常的做法,就需要在代码中实现:

    //生成一个sb对象
    //获取此sb对象中的某一个scene
    //push/present该scene
    

    而 RBStoryboardLink 就可以让你不依赖于代码,直接在sb文件中进行简单的“连接”即可。
    详细的使用方法见How to Use(这里不做搬运苦力活了)。

    2.2 ...

    Tagged as : storyboard
  7. Appium的使用

    1. Intro

    本周业余时间,主要在研究如何使用Appium,内容包括Appium是什么,架构,安装,使用以及测试用例的写法。

    2. Appium简介

    Appium的Introduction页面介绍了Appium,采用经典的CS架构,利用 WebDriver 封装调用各平台的测试框架(现在支持iOS,Android,FirefoxOS),因此在使用的时候需要先启动服务器再在客户端进行测试。
    对技术细节及背后的实现感兴趣的,可以深入看源码。现在,我们的目标是运行Appium并成功进行测试。

    3. Tutorial

    为了上手,可以看GetStarted或者iOS Tutorial。因为我只侧重iOS,因此下面把tutorial中涉及到的内容摘录出来。

    3.1 Environment(环境配置)

    Install the latest stable release of Ruby.

    \curl -sSL https://get ...
    Tagged as : 测试 appium
  8. Optional of swift

    Intro

    This is a category of study&&notes of swift, program and so on during the study of [Developing iOS8 Apps with Swift] on the iTunes U.
    此系列为学习stanford课程:Developing iOS8 Apps with Swift过程中,对语言,程序设计,编程能力等部分的学习和记录。

    Optional

    The simple way to declare a optional value:

    var testString: String?
    

    It means ...

    Tagged as : swift iOS

Page 3 / 7