1分鐘Demo影片

在畫面上任何地方點兩下即可開始記事

沒有條列式的標題列表

所有記事全部攤開 一目了然

如果是比較重要的記事 可以加上標籤

加上標籤後 畫面邊緣會有箭頭指示該筆記事的位置

點擊箭頭圖示 就會自動滑過去

這個app很迷你 所以不能改顏色 不能畫圖 不能用Email寄出去

單純就是記事而已 推薦給有需要的人

小弟的首發app 有任何問題歡迎留言回應~

首先是建立virtual mapping (就像是建立table一樣)
左邊選單的專案先focus後
按右鍵選擇New File…
依序選擇 iOS下的Core Data -> Data Model
接著就是儲存位置跟名稱
如果只有一個的話 就取跟專案名稱一樣後面加上Model就好
(其實都可以啦XD 認得是Model就好)
建立好後 左邊檔案列表中就會出現一個 .xcdatamodeld 的檔案
(取名字是 coreDataTestModel 就會是 coreDataTestModel.xcdatamodeld )

點這個 .xcdatamodeld 檔案後 主畫面會出現兩欄(左窄右寬)
[左欄]
ENTITIES
FETCH REQUESTS
CONFIGURATIONS
[右欄]
Attributes
Relationships
Fetched Properties

這邊就是跟MySQL資料庫差不多 以下是相對的名稱
[資料庫] —–> [Core Data]
資料表(table) —–> Entity
欄位(field) —–> Attribute
table間關聯 —–> Relationship (有點像join)

新增entity跟attribute的方式很直覺
下面都有加號可以add
entity取名字的第一個字母必須大寫
attribute除了取名字外 還要選擇type 就是欄位型態 下拉選單一拉就很清楚了

右下角有個 Editor Style 可以切換成圖形化
在圖形化下 一樣可以做上面的新增修改(這邊還滿直覺的 有卡住的請再發問)

如果建立兩個entity以上的話 各entity間可以作relationship
圖形化下 對一個entity按 ctrl + 左鍵 再拖拉到另一個entity
就可以完成一個relationship
剛建立好會命名為newRelationship 可以點他改名字
各自entity可以從這個relationship來取得另一個entity的資訊
(有點抽象 看看下面例子)

Ex:
entity1: Photo
entity2: Photographer
Photo的newRelationship重新命名為whotook
Photographer的newRelationship重新命名為photos

點relationship後 右邊選單屬性裡面有一個Plural To-Many Relationship
如果是一對多 就要打勾
所以 Photo 裡的 whotook 因為一張照片只會有一個攝影者 所以不用打勾
Photographer 的 photos 就要打勾 因為一個攝影者 可能會有很多張照片
也是有可能 一對一、多對多 看你的資料庫怎麼設定的

之後就可以從 Photo 裡的 whotook 來取得 Photographer 的資訊
或是從 Photographer 的 photos 取得 Photo 的資訊

儲存資訊時 會用到 :setValue:forKey 這個method
為了簡化成 可以用 XXX.YYY.ZZZ 的方式設值
在 .xcdatamodeld 裡面 選取所有的entity (用shift選)
按工具列上 Editor 裡面的 Create NSManagedObject Subclass
如果是2個以上的entity並且有作relationship
這個動作要作兩次 (原因請看課程)
作兩次就是了 第二次會replace過去 就replace吧

▼ myScrollView.h

@interface myScrollView : UIScrollView
@end

▼ myScrollView.m

-(void) touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event{
    [super touchesBegan:touches withEvent:event];
    if ( !self.dragging )
    {
        [[self nextResponder] touchesBegan:touches withEvent:event];
    }
}

-(void) touchesEnded:(NSSet *)touches withEvent:(UIEvent *)event{
    [super touchesEnded:touches withEvent:event];
    if ( !self.dragging )
    {
        [[self nextResponder] touchesEnded:touches withEvent:event];
    }
}

之後建立UIScrollView就是用myScrollView建立 即可使用這兩個method

myScrollView *contentScrollView = [[myScrollView alloc] init];

這邊測試的 sublcass 叫做 contentView
繼承自 UILabel
(都可以 只是這邊用UILabel示範 用啥都無差別)

▼ contentView.h

// 建立一個protocol 待會要給super的class用的
@protocol contentDelegate <NSObject>
// required就是一定要寫的 不寫會報錯誤
@required
-(void) updateContent:(int) myid;

@end
#import <UIKit/UIKit.h>

@interface contentView : UILabel
@property (nonatomic) int myid;
// 用來指定delegate的
@property (nonatomic, assign) id<contentDelegate> mydelegate;
@end

▼ contentView.m

#import "contentView.h"

@implementation contentView
// synthesize 記得要寫
@synthesize mydelegate;
@synthesize myid;

- (id)initWithFrame:(CGRect)frame
{
    self = [super initWithFrame:frame];
    if (self) {
    }
    return self;
}

// 這邊測試用的是 當點擊次數為1時 會執行mydelegate的method
// mydelegate就是待會要設定為super的class
-(void) touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event{
    UITouch *touch = [touches anyObject];
    if(touch.tapCount == 1){
        [mydelegate updateContent:self.myid];
    }
}

@end

subclass這樣就暫時完成了
接著是ViewController的內容

▼ myViewController.h

#import <UIKit/UIKit.h>
// 記得要import
#import "contentView.h"

// delegate則是加上剛剛在contentView建立的delegate (也就是透過protocol)
@interface myViewController : UIViewController<contentDelegate>
@end

▼ myViewController.m

- (void)viewDidLoad
{
    [super viewDidLoad];

    // 建立一個contentView
    contentView *thisContentView = [[contentView alloc] initWithFrame:CGRectMake(0, 0, 100,50)];
    // 並將delegate設為self
    thisContentView.mydelegate = self;

    [self.view addSubview:thisContentView];
}

// 因為在contentView中有加一個required的method
// 所以這邊一定要實作 不然會報錯誤
-(void) updateContent:(int) myid{
    /*
    依據從 contentView 傳來的 myid 來作一些變動
    當然這都是測試用的 單純只是執行一個method也是可以

    主要就是示範在subclass執行superclass的method
    如果是要獲得super的值 就是return回去即可
    */
}

STEP.1 引入jquery檔案
這邊使用google托管的檔案
就不用另外放一支jquery的檔案在自己的目錄下
如果他去的別的網站也有用 也就不用再load一次

▼將這行放在head標籤裡面

<head>
<!-- 一些其他的東西 -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js" type="text/javascript"></script>
<!-- 一些其他的東西 -->
</head>

除了function以外的碼 (看不懂function的意思 就先不用在意他了)
通通都放在下面這兩個其中一個裡(任選一個 兩個是一樣的)
再把整段script標籤放在body標籤裡
▼將所有jquery的碼放在這裡面

<script>
$(document).ready(function(){
    //通通放在這裡面
    //通通放在這裡面
});
// 或是 下面這樣
$(function(){
    //通通放在這裡面
    //通通放在這裡面
});
</script>

你要操作哪一個標籤的東西
就把他放在 $(裡面)
用法就跟css的選擇器 幾乎完全一樣
記得用單引號 ‘ 或是 雙引號 " 前後包起來
更多請看我之前寫的筆記或是官方文件(英文的)
▼ 幾個範例

// 如果是內建的標籤 (後面的.attr("name")下一個STEP會講)
// $("div")
$("div").attr("name");
$("a").attr("name");

// 如果是id的話
// $("#myform")
$("#myform").attr("name");
$("#content").attr("name");

//如果是class的話
// $(".btn")
$(".btn").attr("name");
$(".hint").attr("name");

//當然也可以結合
$("div.hint").attr("name");
$("a#content").attr("name");

這邊只有介紹些許功能
更多請看我之前的筆記或是官方文件

▼ html標籤的屬性

<a id="content" name="myaaa">這是個a標籤</a>

▼操作上面這個a標籤

$("a#content").attr("name");
//會得到name屬性的值 也就是myaaa

//要修改name呢 則是
$("a#content").attr("name","mynewbbb");
// 這樣就會將name從myaaa改成mynewbbb

▼ style(也就是css)

<div id="content" style="color:#3c3c3c;background-color:#ffffff;">這是個div</div>

▼ 操作上面這個div標籤

$("#content").css("color");
//會得到color的值 也就是#3c3c3c

//要修改呢 則是
$("a#content").css("backgroundColor","#cc00ff");
// 這樣就會將background-color從#ffffff改成#cc00ff

// 這邊有另一個重點是 如果css有橫線- 則是改成去掉橫線 橫線後面的第一個字母大寫
// background-color 就要寫成 backgroundColor

▼增加及減少class

// 增加hint這個classname
$("#content").addClass("hint");

// 減少hint這個classname
$("#content").removeClass("hint");

這邊介紹常用的click,mouseover,mouseout
更多請看我之前寫的筆記或是官方文件
在上一個step知道怎麼操作了之後
當然還需要做一些觸發的動作 來去操作
▼ click

// 按到id=content的標籤時 將他的背景色改為紅色
$("#content").click(function(){
    $("#content").css("backgroundColor","red");
});

▼ mouseover,mouseout

// 游標移到id=content的標籤上時 為他增加一個class
$("#content").mouseover(function(){
    $("#content").addClass("hint");
});
// 游標離開id=content的標籤上時 將一個class移除
$("#content").mouseout(function(){
    $("#content").removeClass("hint");
});

以上五點希望可以給未接觸過jquery的朋友了解一下jquery的用法
當然他可以做的事還非常的多
要深入請再研讀官方文件
或咕狗咕狗
有問題也可以發問
我會的會盡量回答

jquery真的很好用窩~~~

    UITextView *contentBox = [[UITextView alloc] init];
    contentBox.text = @"abcdefghijklmnopqrstuvwxyz";
    [self.view addSubview:contentBox];

    //游標從內容開頭開始
    NSRange range;
    range.location = 0;
    range.length  = 0;
    contentBox.selectedRange = range;

ref : http://tc.itkee.com/designer/detail-19d4.html

在滑動完成後執行動作的method在delegate中
所以要先將這個ViewController加上delegate

▼ myViewController.h

// 加上UIScrollViewDelegate
@interface myViewController : UIViewController<UIScrollViewDelegate>

@end

▼ myViewController.m

- (void)viewDidLoad
{
    [super viewDidLoad];

    UIScrollView *myscrollView=[[UIScrollView alloc] initWithFrame: CGRectMake(0,0,320,460)];
    // 滑動完成後要執行動作 記得delegate要設為self
    myscrollView.delegate = self;

    // 滑動到position的位置
    CGPoint position = CGPointMake(100, 150);
    [myscrollView setContentOffset:position animated:YES];

}

以下兩個則是ViewController加上delegate之後可以設定的method

-(void) scrollViewDidScroll:(UIScrollView *) scrollView{
    // 滑動時觸發
}

-(void)scrollViewDidEndScrollingAnimation:(UIScrollView *)scrollView
{
    // 滑動完成時觸發
    // 經由 setContentOffset:animated: 滑動完成才會喔
    // 如果是手動滑的不會觸發
}

-(void) viewDidLoad{
    [super viewDidLoad];

    // 位置與大小
    UILabel *myLabel=[[UILabel alloc] initWithFrame:CGRectMake(0, 0, 2, 2)];

    // 文字字型及大小
    [myLabel setFont:[UIFont fontWithName:@"Helvetica" size:20]];

    // 行數 只有設定為0才能自適應尺寸
    [myLabel setNumberOfLines:0];

    // 文字內容
    NSString *mytext = @"abcdefghijklmnopqrstuvwxyz";

    // 字型及大小 必須跟UILabel的一樣
    UIFont *font = [UIFont fontWithName:@"Helvetica" size:20];

    // 獲得尺寸
    CGSize size = [mytext sizeWithFont:font constrainedToSize:CGSizeMake(150, 2000) lineBreakMode:UILineBreakModeWordWrap];

    // 設定Label的內容跟尺寸
    myLabel.frame.size = size;
    myLabel.text = text;

    [self.view addSubview:myLabel];
}

[提醒一下] 記得字型跟大小要設為一樣喔

ref : http://www.cnblogs.com/superhappy/archive/2012/01/31.html

剛升到iOS5時
What’s app有出現一陣子的問題
鍵盤會擋住輸入框
應該就是因為這個

所以必須在鍵盤出現時
監視高度改變以作不同的因應

    //使用NSNotificationCenter 鍵盤出現時
    [[NSNotificationCenter defaultCenter] addObserver:self
                                             selector:@selector(keyboardWillShow:)
                                                 name:UIKeyboardWillShowNotification
                                               object:nil];

    // 鍵盤消失時
    [[NSNotificationCenter defaultCenter] addObserver:self
                                             selector:@selector(keyboardWillHidden:)
                                                 name:UIKeyboardWillHideNotification
                                               object:nil];

另外要加method

-(void)keyboardWillShow:(NSNotification *) notification{
    NSDictionary* info = [notification userInfo];
    // kbSize即為鍵盤尺寸 (有width, height)
    CGSize kbSize = [[info objectForKey:UIKeyboardFrameEndUserInfoKey] CGRectValue].size;//得到鍵盤的高度
    NSLog(@"當前鍵盤高度 WillShown %f",kbSize.height);
    //再依據不同的高度 作不同的因應
}

//鍵盤消失時則是加這個
- (void)keyboardWillHidden:(NSNotification*)aNotification{
    // something
}

ref : http://www.cocoachina.com/bbs/read.php?tid=98430
http://psvsps2.blogspot.com/2010/04/notification-note-contents-what-is_18.html

    //包含狀態列
    CGRect fullScreenBounds = [[UIScreen mainScreen] bounds];

    //不包含狀態列
    CGRect fullScreenRect = [[UIScreen mainScreen] applicationFrame];

因為狀態列可以設定要不要顯示
所以會需要這兩種尺寸
視使用情況選擇不同的尺寸

返回的都是CGRect
所以會包含origin (有x,y) 跟 size (有width,height)