เลื่อน UIScrollView ทีละครึ่งหน้า

หลายครั้งที่เรามักเจอการเลื่อนดูอะไรบางอย่างบน UIScrollView และเมื่อ scroll หยุดวิ่งแล้ว เราจะเห็นเพียงแค่ทีละหน้าเท่านั้น ไม่สามารถเห็น item อันถัดไป หรืออันก่อนหน้าได้ เหตุผลหลักๆก็เนื่องมาจาก scrollview มันเลื่อนทีละหน้า เช่นการดูรูปใน Gallery

สิ่งที่เราต้องการก็คิอ scrollview ที่เลื่อนไปทีละครึ่งหน้า เพื่อให้เห็น item อันถัดไป และอันก่อนหน้าดังรูปต่อไปนี้

วิธีทำนั้นง่ายมากด้วยวิธีต่อไปนี้

1. สมมติว่าผมมีรูปอยู่ 5 รูป ดังนั้นผมสามารถสร้าง scrollview และ content view สำหรับใส่ view ย่อยๆ ให้มีขนาดพอเหมาะกับ iPhone ได้แบบนี้

UIScrollView *scrollView = [[UIScrollView alloc] init];

scrollView.backgroundColor = [UIColor darkGrayColor];

scrollView.frame = CGRectMake(0, 0, 320, 480);

scrollView.contentSize = CGSizeMake(320 * 5, 480);

scrollView.delegate = self;

scrollView.pagingEnabled = YES;

UIView *view = [[UIView alloc] init];

view.frame = CGRectMake(0, 0, 320 * 5, 480);

view.tag = 100;

2. จากนั้นเอา view ย่อยๆ ใส่ลงไป และเอา content view ใส่ลงไปใน scrollview ให้พร้อม และกำหนดตำแหน่งของ view ตามปกติ

UIImageView *imageView = nil;

for(int i = 0; i < 5; i ++){

imageView = [[UIImageView alloc] initWithImage: MY_IMAGE];

imageView.frame = CGRectMake(0, 0, 100, 133);

imageView.center = CGPointMake((320/2) * (i + 1), 480 / 2);

[view addSubview: imageView];

[imageView release];

}

[scrollView addSubview: view];

[view release];

3. ขั้นที่ผ่านมายังไม่มีอะไร เป็นการแค่สร้างและจับ view ใส่ลงไปใน scrollview ธรรมดาๆ จุดสำคัญคือขั้นตอนต่อไปนี้

เราจะจัดการกับ event ที่เรียก delegate method ของ UIScrollViewDelegate ได้ตาม code ด้านล่างนี้

- (void) scrollViewDidScroll:(UIScrollView *)scrollView {

CGFloat offset = scrollView.contentOffset.x/2;

CGAffineTransform transform = CGAffineTransformMakeTranslation(offset, 0);

[[scrollView viewWithTag: 100] setTransform:transform];

}

เท่านี้ก็เป็นอันเรียบร้อย ไม่ยากเลย ^_^

Related Link from Roti

Quick Start: Publishing Feed Stories to Facebook ด้วย Facebook iPhone SDK

เราจะโพสบางอย่างลงบน Facebook Timeline ด้วยการใช้ Facebook iPhone SDK โดยเริ่มจากการ download Facebook iPhone SDK และ uncompress ให้เสร็จเรียบร้อย จากนั้นให้ link เข้ามาใช้ใน project ของเราดังนี้

1. ในขณะที่เราเปิดโปรเจ็คของเราอยู่ ให้เปิดไฟล์ชื่อ FBConnect.xcodeproj ซึ่งอยู่ในโฟลเดอร์ชื่อ src ของไฟล์ที่เรา download มา
2. ลาก group ที่ชื่อ FBConnect ที่อยู่ใน project ที่เรา download มาลงไปใส่ในโปรเจ็คของเรา
3. click ขวาที่โปรเจ็คของเราแล้วเลือก Get Info, ใน tab Build ให้ไปกำหนดค่าของ User Header Search Paths เป็น path ตำแหน่ง directory ของไฟล์ FBConnect.xcodeproj ที่เราเปิดในข้อ 1 เท่านี้ก็เรียบร้อย

สำหรับการโพสบางอย่างลงไปใน Facebook Timeline อย่างง่าย มีขั้นตอนหลักๆ 4 ขั้นตอนตามลำดับดังนี้

1. สร้าง facebook session
2. login เข้า facebook
3. grant permission เพื่อให้ได้โพสลงไปใน timeline ได้
4. โพสลงไปด้วย dialog ที่ api เตรียมไว้ให้

เริ่มกันเลย

1. เริ่มจากให้ import FBConnect ดังนี้

#import "FBConnect/FBConnect.h"

จากนั้นสร้าง session ด้วย factory method ของ FBSession โดยใช้ KEY ที่สามารถขอได้จากที่นี่ หากไม่สร้าง session จะไม่สามารถทำอะไรกับ facebook ได้เลย ดังนี้

if(![_session resume]){

_session = [FBSession 

                    sessionForApplication: API_KEY secret: SECRET_KEY delegate:self];

}

สังเกตว่าในการสร้าง session จะมีการกำหนด delegate ด้วย ตัวไหน Xcode จะบอกเอง ;)

2. แปะปุ่มสำหรับ login เข้า facebook ลงไปบน view และเราจะใช้ปุ่มนี้เพื่อให้ผู้ใช้ login เข้าใช้งาน facebook

FBLoginButton* button = [[[FBLoginButton alloc] init] autorelease];

[view addSubview:button];

หลังจาก login เสร็จแล้ว delegate method ที่นิยามไว้ใน FBDialogDelegate ตัวนี้จะทำงาน

- (void)session:(FBSession*)session didLogin:(FBUID)uid {

}

3.  หลังจาก user login แล้ว เราจะ Grant permission เพื่อให้เราสามารถโพสบางอย่างลงไปใน timeline ได้ ด้วยการแสดง dialog ให้ผู้ใช้ยืนยันสิทธิ์ดังนี้

FBPermissionDialog* dialog = [[[FBPermissionDialog alloc] init] autorelease];

dialog.delegate = self;

dialog.permission = @"status_update";

[dialog show];

จะมี dialog ขึ้นมาให้ผู้ใช้ยืนยันว่าอนุญาติให้ application ที่กำลังใช้งานอยู่มีสิทธิ์โพสบางอย่างลงไปใน timeline ของตัวเองได้หรือไม่

โดยที่ dialog ที่แสดงขึ้นมาจะมี event อยู่ 2 แบบคือ ตกลง กับ ยกเลิก ซึ่งแต่ละ event จะมีการ call delegate 2 ตัวนี้

- (void)dialogDidSucceed:(FBDialog*)dialog {

}

และ

- (void)dialogDidCancel:(FBDialog*)dialog {

}

4. เมื่อเราได้ permission สำหรับการโพสบางอย่างลงไปใน timeline แล้ว เราสามารถทดลองโพสด้วยการใช้ FBStreamDialog ได้เลยทันที ดังนี้

FBStreamDialog *streamDialog = [[[FBStreamDialog alloc] init] autorelease];

streamDialog.delegate = self;

streamDialog.userMessagePrompt = @"Dialog Prompt";

streamDialog.attachment = attachment;

[streamDialog show];

property ชื่อ attachment ของ FBStreamDialog จะเป็นการกำหนด content ที่เราจะโพสลงไปบน wall ด้วย JSON format ตามที่ได้อธิบายไว้ที่นี่ ซึ่งหากเรากำหนด attatchment เป็นดังนี้

NSString *attachment = @"{\"name\":\"Facebook iPhone SDK\","

"\"href\":\"http://developers.facebook.com/connect.php?tab=iphone\","

"\"caption\":\"Caption\","

"\"description\":\"Description\","

"\"media\":[{\"type\":\"image\","

"\"src\":\"http://img40.yfrog.com/img40/5914/iphoneconnectbtn.jpg\","

"\"href\":\"http://developers.facebook.com/connect.php?tab=iphone/\"}],"

"\"properties\":{\"another link\":{\"text\":\"Facebook home page\","

"\"href\":\"http://www.facebook.com\"}}}";

เราจะได้ dialog หน้าตาแบบนี้หลังจากที่เราสั่งให้ dialog show ขึ้นมาให้เรากรอกค่าอะไรบางอย่างลงไป

และเมื่อกด Publish เราจะได้หน้าตาของสิ่งที่โพสลงไปบน wall ดังนี้

เท่านี้ก็เป็นอันเรียบร้อย

entry นี้ถือเป็น Quick Start Guide ดังนั้นรายละเอียดการเล่นกับ SDK ตัวนี้จะเขียนอธิบายใน entry ต่อๆ ไปครับ :)

ที่มา: Facebook iPhone SDK

Related Link from Roti