Register Register Member Login Member Login Member Login Forgot Password ??
PHP , ASP , ASP.NET, VB.NET, C#, Java , jQuery , Android , iOS , Windows Phone



Clound SSD Virtual Server

iOS/iPhone Slider (UISlider) Example (iPhone,iPad)

iOS/iPhone Slider (UISlider) Example (iPhone,iPad) สำหรับ Slider เป็น Object ของ Interface Builder ใช้สำหรับการกำหนดค่าในรูปแบบของแถบสถานะ โดย Slider ในการเขียน iOS จะทำงานร่วมกับ Class ของ UISlider และสามารถทำการกำหนดค่า Min หรือ Max ให้กับ Slider รวมทั้งการ Get ค่า หรือ Set ค่าสถานะต่าง ๆ ให้กับ Slider ได้เช่นเดียวกัน


iOS/iPhone Slider (UISlider) Example

iOS/iPhone Slider (UISlider) Example


การ Get ค่าของ Slider (UISlider)

IBOutlet UISlider *sliderProgress;

int progressAsInt = sliderProgress.value;


การ Set ค่าของ Slider (UISlider)
IBOutlet UISlider *sliderProgress;

sliderProgress.value = 30;


Slider (UISlider)

Slider บน Sounds Ringer and Alerts ของ iPhone


Slider เป็น Object ของ Interface Builder ที่มีรูปแบบการใช้งานที่ง่าย ๆ สามารถทำการลากมายังหน้าจอของ Interface แล้วทำการเชื่อม IBOutlet และ IBAction จากนั้นสามารถ Get หรือ Set ค่าในภาษา Objective-C ได้ทันที เรามาดูตัวอย่างการใช้งาน Slider กับ Class ของ UISlider แบบง่าย ๆ

iOS/iPhone Slider (UISlider) Example

เริ่มต้นด้วยการสร้าง Project บน Xcode แบบ Single View Application








iOS/iPhone Slider (UISlider) Example

เลือกและไม่เลือกดังรูป

iOS/iPhone Slider (UISlider) Example

ตอนนี้หน้าจอ View เป็นว่างยังไม่มีอะไร

iOS/iPhone Slider (UISlider) Example

ทำการลาก Object ของ Slider มาไว้บนหน้าจอ Interface

iOS/iPhone Slider (UISlider) Example

ปรับแต่ง Inspector เพื่อกำหนดค่า Min และ Max

iOS/iPhone Slider (UISlider) Example

ลาก Label ขึ้นมา 2 ตัว ตัวแรกเป็น Static Header ตัวที่ 2 ไว้สำหรับแสดงค่าจาก Slider โดยจะเปลี่ยน Text เป็น int (การเปลี่ยน Text ไม่มีผลอะไร เพราะปกติแล้วเราจะแสดงค่าแบบ Dynamic อยู่แล้ว)

iOS/iPhone Slider (UISlider) Example

ใน Class ของ .h ทำการเชื่อม IBOutlet และ IBAction ของ Label และ Slider ดังรูป

iOS/iPhone Slider (UISlider) Example

ใน Class ของ .m จะมีการสร้าง Method ของ Event ให้อัตโนมัติ ตอนนี้ยังไม่สำคำสั่งอะไร

iOS/iPhone Slider (UISlider) Example

การอ่านค่าของ Slider ใส่คำสั่งดังรูป

- (IBAction)sliderChanged:(id)sender {
    
    UISlider *slider = (UISlider *)sender;
    int progressAsInt = slider.value;
    NSString *newValue = [[NSString alloc] initWithFormat:@"%d", progressAsInt];
    valProgress.text= newValue;
    [newValue release];
    
}


เพิ่มเติม ในกรณีที่เราประกาศ IBOutlet ให้กับ Slider ด้วย เราสามารถเรียกค่ามันได้ทันทีเช่น

int progressAsInt = slider.value;

สามารถดูตัวอย่างได้ในย่อหน้าถัดไป

Screenshot

iOS/iPhone Slider (UISlider) Example

ตัวอย่างและผลลัพธ์ที่ได้เมื่อทดสอบบน Simulator








การ Set ค่าให้กับ Slider

iOS/iPhone Slider (UISlider) Example

ออกแบบ Button ขึ้นมา 2 ตัว ดังรูป

iOS/iPhone Slider (UISlider) Example

ทำการเชื่อม IBOutlet และ IBAction ให้กับ Slider และ Button

iOS/iPhone Slider (UISlider) Example

ใน Class ของ .m จะมีการสร้าง Method Event ของ Button ทั้ง 2 ตัวให้อัตโนมัติ ตอนนี้ยังไม่มีอะไร

iOS/iPhone Slider (UISlider) Example

ใส่คำสั่งดังรูป

- (IBAction)setTo30:(id)sender {
    sliderProgress.value = 30;
}

- (IBAction)setTo60:(id)sender {
    sliderProgress.value = 60;
}


Screenshot

iOS/iPhone Slider (UISlider) Example

ทดสอบคลิกที่ Set to 60

iOS/iPhone Slider (UISlider) Example

ตำแหน่งของ Slider จะเลื่อนมายังตำแหน่งที่ 60

อันนี้เป็น Code ของ Objective-c ของ .h และ .m

ViewController.h
//
//  ViewController.h
//  sliderApp
//
//  Created by Weerachai on 11/10/55 BE.
//  Copyright (c) 2555 Weerachai. All rights reserved.
//

#import <UIKit/UIKit.h>

@interface ViewController : UIViewController
{
    IBOutlet UILabel *valProgress;
    
    IBOutlet UISlider *sliderProgress;
}


- (IBAction)sliderChanged:(id)sender;

- (IBAction)setTo30:(id)sender;
- (IBAction)setTo60:(id)sender;


@end




ViewController.m
//
//  ViewController.m
//  sliderApp
//
//  Created by Weerachai on 11/10/55 BE.
//  Copyright (c) 2555 Weerachai. All rights reserved.
//

#import "ViewController.h"

@interface ViewController ()

@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)sliderChanged:(id)sender {
    
    UISlider *slider = (UISlider *)sender;
    int progressAsInt = slider.value;
    NSString *newValue = [[NSString alloc] initWithFormat:@"%d", progressAsInt];
    valProgress.text= newValue;
    [newValue release];
    
}

- (IBAction)setTo30:(id)sender {
    sliderProgress.value = 30;
}

- (IBAction)setTo60:(id)sender {
    sliderProgress.value = 60;
}

- (void)dealloc {
    [valProgress release];
    [sliderProgress release];
    [super dealloc];
}

@end


   
Share


ช่วยกันสนับสนุนรักษาเว็บไซต์ความรู้แห่งนี้ไว้ด้วยการสนับสนุน Source Code 2.0 ของทีมงานไทยครีเอท


ลองใช้ค้นหาข้อมูล


   


Bookmark.   
       
  By : ThaiCreate.Com Team (บทความเป็นลิขสิทธิ์ของเว็บไทยครีเอทห้ามนำเผยแพร่ ณ เว็บไซต์อื่น ๆ)
  Score Rating :  
  Create/Update Date : 2012-11-13 16:43:13 / 2017-03-26 00:17:54
  Download : Download  iOS/iPhone Slider (UISlider) Example (iPhone,iPad)
 Sponsored Links / Related

 
iOS/iPhone Segmented Control (UISegmentedControl) Example (iPhone,iPad)
Rating :

 
iOS/iPhone Switch (UISwitch) Example (iPhone,iPad)
Rating :

 
iOS/iPhone Stepper (UIStepper) Example (iPhone,iPad)
Rating :

 
iOS/iPhone Map View (MKMapView) Longitude , Latitude Example (iPhone,iPad)
Rating :

 
iOS/iPhone Picker View (UIPickerView) Example (iPhone,iPad)
Rating :

 
iOS/iPhone Collection View (UICollectionViewController) Multiple Column Item (iPhone, iPad)
Rating :

 
iOS/iPhone Scroll View (UIScrollView) Example (iPhone,iPad)
Rating :


ThaiCreate.Com Forum


Comunity Forum Free Web Script
Jobs Freelance Free Uploads
Free Web Hosting Free Tools

สอน PHP ผ่าน Youtube ฟรี
สอน Android การเขียนโปรแกรม Android
สอน Windows Phone การเขียนโปรแกรม Windows Phone 7 และ 8
สอน iOS การเขียนโปรแกรม iPhone, iPad
สอน Java การเขียนโปรแกรม ภาษา Java
สอน Java GUI การเขียนโปรแกรม ภาษา Java GUI
สอน JSP การเขียนโปรแกรม ภาษา Java
สอน jQuery การเขียนโปรแกรม ภาษา jQuery
สอน .Net การเขียนโปรแกรม ภาษา .Net
Free Tutorial
สอน Google Maps Api
สอน Windows Service
สอน Entity Framework
สอน Android
สอน Java เขียน Java
Java GUI Swing
สอน JSP (Web App)
iOS (iPhone,iPad)
Windows Phone
Windows Azure
Windows Store
Laravel Framework
Yii PHP Framework
สอน jQuery
สอน jQuery กับ Ajax
สอน PHP OOP (Vdo)
Ajax Tutorials
SQL Tutorials
สอน SQL (Part 2)
JavaScript Tutorial
Javascript Tips
VBScript Tutorial
VBScript Validation
Microsoft Access
MySQL Tutorials
-- Stored Procedure
MariaDB Database
SQL Server Tutorial
SQL Server 2005
SQL Server 2008
SQL Server 2012
-- Stored Procedure
Oracle Database
-- Stored Procedure
SVN (Subversion)
แนวทางการทำ SEO
ปรับแต่งเว็บให้โหลดเร็ว


Hit Link
   







Load balance : Server 04
ThaiCreate.Com Logo
© www.ThaiCreate.Com. 2003-2024 All Rights Reserved.
ไทยครีเอทบริการ จัดทำดูแลแก้ไข Web Application ทุกรูปแบบ (PHP, .Net Application, VB.Net, C#)
[Conditions Privacy Statement] ติดต่อโฆษณา 081-987-6107 อัตราราคา คลิกที่นี่