COMPANY SERVICE STAFF BLOG NEWS CONTACT

STAFF BLOG

スタッフブログ

TECHNICAL

テクログ

2014.04.14

Objective-C | 文字をふわっと出す (fade in)

テクログ

Objective-C | 文字をふわっと出す (fade in)

Mac,iPhone,Objective-C 全て利用歴4ヶ月の新米プログラマーが送る

自分が使って役立ったmethod集

シリーズ第参弾です。

今回はあまり使い所が無いかもしれない、文字のフェードインです

TeamSchedulerのアプリでも利用箇所は一カ所だけですが、メッセージ表示をオサレに表示するところで利用しています。

UILabel に表示することを想定していますが、UITextにすると入力欄に使用可能です。

common.m

// text fade in 文字をふわっと出す
+ (void)labelFadeIn:(UILabel *)label message:(NSString *)message
{

    label.text  = message;
    label.alpha = 0;???// 透明から始める
    [UIView animateWithDuration:0.5 delay:0 options:UIViewAnimationOptionCurveEaseIn
                     animations:^{ label.alpha = 1;}
                     completion:nil];
}

呼び出し方

ViewController.h に修正はありません。

ラベルとボタンはストーリーボードから持ってきて下さい。addSubView使おうとしたのですがうまくいきませんでした。

まあ、あっぽーさんもStoryBoard推奨しているのでよし。

#import "ViewController.h"
#import "common.h"


@interface ViewController ()
@property (weak, nonatomic) IBOutlet UILabel *lblMessage; // ラベル
- (IBAction)Button:(id)sender; // ボタン

@end



@implementation ViewController

- (void)viewDidLoad
{
    [super viewDidLoad];
?// Do any additional setup after loading the view, typically from a nib.
}

- (void)didReceiveMemoryWarning
{
    [super didReceiveMemoryWarning];
    // Dispose of any resources that can be recreated.
}

// 処理実行
- (IBAction)Button:(id)sender {
    // message fade in
    [common labelFadeIn:_lblMessage message:@"フェードイーン、フェードイイン~ たちまちあふれる神秘の力~"];
}


@end

実行結果

アニメーションに関わる部分なので、自分で確かめて下さい。

ちなみに、+ (void)labelFadeIn:(UILabel *)label message:(NSString *)message

の中の

最初のalphaを1.0、 ブロック構文内のanimations:^{ label.alpha = 0;} にすると

フェードアウトになります。

弊社から出している拙作スケジュールのアプリです。

是非ダウンロードして感想をお聞かせ下さい。

『Team Scheduler』 概要

▼アプリ価格: 無料

▼対応OS: iOS(iPhone/iPod Touch)、Android

▼カテゴリ: 仕事効率化(App Store)、ビジネス(Google Play)

▼対応言語: 日本語

▼推奨環境:

iOS版: iPhone4以降、iOS6. 0以降

Android版: Android OS 2. 3以降

▼ダウンロード:

App Storeからダウンロード

Google playで手に入れよう

この記事を書いた人

core-corp

入社年

出身地

業務内容

特技・趣味

テクログに関する記事一覧

TOP