Articles in the iOS category

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

    Author: Charles Zhu
    Summary: 动画学习

    前言

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

    分析

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

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

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

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

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

    实现

    红点的移动

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

    Tagged as : quartzcore
  2. 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
  3. 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

Page 1 / 4