Monday, October 8, 2012

UISteper

ต่อจากเรื่องของ UIRefreshControl วันนี้ขอนำเสนออีกหนึ่ง Control ซึ่งจะเพิ่มเข้ามาตั้งแต่ iOS เวอร์ชั่น 5.0 ขึ้นไป เจ้าตัวนี้มีชื่อว่า UIStepper ครับ


UIStepper เป็น Control ที่ใช้ในการนับจำนวนไม่ว่าจะเพิ่มหรือลดก็ตามแต่ หากเราสร้างโปรแกรมที่ต้องการนับจำนวน เช่น จำนวนผู้เข้าห้องพักในโรงแรม เป็นต้น
มาดูการใช้งานกันได้ครับ
สำหรับโปรเจคนี้ผมสร้างโดยการเชื่อม UI กับ Code เลย (ง่ายมากๆ ^^) ไว้เป็นหัวข้อต่อไปจะมาแนะนำการใช้งานอีกทีครับ



การทำงานของโปรเจคนี้คือ User จะกดที่ Stepper แล้วพิมพ์แสดงตัวเลขที่กดออกมาที่หน้าจอครับ โดยที่ผมจะกำหนดค่าต่างๆไว้ใน ViewDidLoad มาดูกันเลย

- (void)viewDidLoad
{
    [super viewDidLoad];
    // Set Max Value
    self.stepper.maximumValue = 10.0;
    // Set Min Value
    self.stepper.minimumValue = 0.0;
    // Set Step Value
    self.stepper.stepValue = 1.0;
}


จากโค้ดผมกำหนดค่่า Maximum และ Minimum ของ Stepper ให้เป็น 0 - 10 นะครับ จากนั้นกำหนดค่า Step Value ในการกดเป็นเพิ่มหรือลดทีละ 1 ค่า


และสร้าง Method ขึ้นมาหนึ่งตัวคือ pressStepper สำหรับ Method นี้จะทำหน้าที่ในการแสดงผลของตัวเลขที่กดออกมาทางหน้าจอผ่าน UILabel ครับ


- (IBAction)pressStepper:(id)sender {
    [self.stepperLbl setText:[NSString stringWithFormat:@"%.1f",self.stepper.value]];
}


สำหรับการใช้งาน UIStepper เบื้องต้นก็มีประมาณนี้ครับ ส่วนใครที่อาจจะยังงงๆ อยู่สามารถดาวโหลดตัวอย่าง Souce ไปดูได้ครับ

No comments:

Post a Comment