iPhone: Using the UIScrollView


UIScrollView

ตัวอย่างการใช้งาน UIScrollView ครับ หลักการง่ายๆ 2 ข้อคือ 1.) ยัด View ที่ต้องการใส่ Scroll View 2.) ปรับค่าความสูงให้กับ ScrollView ของเรา

ขั้นตอน

1. เริ่มด้วยการใส่ UIScrollView ลงใน View ของเราด้วย Interface Builder ครับ เป็นเลเอาท์แบบง่ายๆ เช่นเคย

2. ในโค้ด เราก้อเขียนเพิ่มวิวอื่นๆ ในฟังก์ชั่น viewDidLoad ทดสอบได้ตามนี้ ผมสอบการใส่ UILabel ลงไปใน scrollView ประมาณ 40 ตัว

code:

int hAll = 0;
for (int i=0;i<40; i++) {
    CGRect cgFrame = CGRectMake(0, 50*i, 320, 50);
    UILabel *label = [[UILabel alloc] initWithFrame:cgFrame];
    label.text = [NSString stringWithFormat:@"%d adaydesign",i];
    if(i%2==0){
       [label setBackgroundColor:[UIColor greenColor]];
    }else {
       [label setBackgroundColor:[UIColor yellowColor]];
    }
    [scroll addSubview:label];
    hAll += label.frame.size.height;
    [label release];
}

3. ปรับขนาดความสูงของ ScrollView ด้วยฟังก์ชั่น setContentSize

[scroll setContentSize:CGSizeMake(320, hAll)];

ผมเก็บค่าความสูงรวมเอาไว้ที่ hAll แล้วเอามาเซ็ตค่าความสูงให้กับ ScrollView จะได้ผลลัพธ์ดังรูปด้านล่าง

adaydesign :)

 

 

 

 

About adaydesign

นักพัฒนาแอพพลิเคชั่นบนโมบาย [iPhone Android] คนหนึ่งซึ่งอยากจะบันทึกเรื่องราวของเส้นทางนักพัฒนาโมบายแอพพลิเคชั่นเอาไว้ในบล็อคน้อยๆ แห่งนี้ เผื่อจะแบ่งบันและแลกเปลี่ยนความรู้ให้กับคนอื่นๆ ได้บ้าง :) Mobile Application Developer; Flash Mobile, iPhone/iPad, Android Mobile Phone/Tablet and Blackberry Playbook.

Posted on มีนาคม 19, 2011, in [Dev] iOS and tagged , , , . Bookmark the permalink. ใส่ความเห็น.

ใส่ความเห็น

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / เปลี่ยนแปลง )

Twitter picture

You are commenting using your Twitter account. Log Out / เปลี่ยนแปลง )

Facebook photo

You are commenting using your Facebook account. Log Out / เปลี่ยนแปลง )

Google+ photo

You are commenting using your Google+ account. Log Out / เปลี่ยนแปลง )

Connecting to %s

%d bloggers like this: