TÌM HIỂU VỀ LABEL, BUTTON, TEXTFIELD, SLIDER,STEPPER TRONG IOS Hôm giới thiêu cho bạn UI lập trình di động IOS Label, Button, TextField, Slider, Switch, Page Control cách khai báo, cách sử dụng, ứng dụng thực tế UI App Sau giới thiệu cho bạn UI cụ thể! o Ta cần tạo dự án mới, đặt tên: Đầu tiên giới thiệu Label, Button, TextField IOS label gì? label nhãn chứa thông tin text, trang trí text, thường dùng để thông báo thông tin, trang trí hình button gì? button nút, sau nhấn vào nút thực số công việc đó, đoạn code TextField gì? ô nhập liệu cho phép nhập liệu từ bạn phím vào ô đó, cho phép lấy liệu từ ô để thực tác vụ khác Để cho bạn dễ hình dung lấy ví dụ cụ thể sau: Mình tạo ô nhập liệu(TextField) , nhập liệu từ bàn phím, nút(button) để thực cộng số nhập từ bàn phím, label hiển thị kết tổng số Thiết kế giao diện đơn giản sau label đổi text=0, button đổi text=0, ô text Field Ánh xạ UI sang class quản lý: tạo file ViewController.h, Giữ CTRL kéo label, textField để kiểu Outlet thuộc tính label textField đặt tên: Riêng button Cộng ta để kiểu action: Sau ánh xạ đặt tên ta trông sau: @interface ViewController : UIViewController @property (weak, nonatomic) IBOutlet UILabel *labelResult; - (IBAction)buttonCong:(id)sender; @end Ta thực thi bên file ViewController.m Ta thêm đoạn mã sau buttonCong: - (IBAction)buttonCong:(id)sender { int soA; int soB; int tong; soA=[self.textfieldSoA.text intValue]; soB=[self textFieldSoB.text intValue]; tong =soA+soB; NSString *kq=[[NSString alloc]initWithFormat:@"%d",tong]; self.labelResult.text=kq; 10 } Khai báo biến, soA, soB, tong soA=[self.textfieldSoA.text intValue]; lấy liệu từ ô nhập thứ chuyến đổi kiểu sang intValue, số có khả tính toán Tương tự với soB Lưu ý: Trong ios kiểu liệu nhập vào ô textField chuyển sang kiểu số gán =0 giá trị mặc định chuyển đổi tong=soA+soB; gán tổng tổng số vừa lấy Định dạng lại kết kiểu NSString, kiểu text đưa liệu lên label, đưa liệu lên label 2 Tiếp theo giới thiệu cho bạn Slider: Slider gì? môt có trỏ cho phép tuỳ chỉnh miền liệu Thường ứng dụng tinh chỉnh ánh sáng, màu sắc, độ suốt… ví dụ: Ta có slider label trả miền giá trị, ta kéo trỏ slider: Ta thiết kế ViewControler ví dụ trước : ta thêm slider cho trỏ vào Ta thêm label đổi text thành 0.500000, đơn giản ta cho trỏ giữa, miền ta cho chạy ánh xạ tương tự ví dụ đặt tên ta cần thuộc tính để lấy data từ trỏ action phép lấy liệu di chuyển trỏ - (IBAction)sliderbarChange:(id)sender; @property (weak, nonatomic) IBOutlet UILabel *labelSliderBar; thêm đoạn mã thực thi sau: - (IBAction)sliderbarChange:(id)sender { UISlider *slider=(UISlider*) sender; self.labelSliderBar.text=[[NSString alloc]initWithFormat:@"%f",slider.value]; } ta di trỏ giá trị trỏ lưu value, thị label Sliderbar Tuỳ ứng dụng mà ta lấy miền giá trị truyền vào! 3, Stepper: stepper gì? stepper bao gồm nút + – liệu max, nhảy bậc theo bậc ta quy định khác slider chỗ slider miền liên tục, stepper tăng giảm rời rạc, ứng dụng tăng giảm âm thanh… ví dụ: Ta có Stepper, label hiển thị kết tăng giảm Ánh xạ Stepper: thuộc tính để lấy giá trị stepper, action để lần thay đổi ta lấy giá trị thay đổi @property (weak, nonatomic) IBOutlet UIStepper *stepper; - (IBAction)step:(id)sender; ánh xạ label gán giá trị =0 để hiển thị kết stepper : @property (weak, nonatomic) IBOutlet UILabel *labelSliderBar; Thực thi thêm đoạn mã sau: - (void)viewDidLoad { [super viewDidLoad]; self.stepper.stepValue=2; self.stepper.minimumValue=-2; self.stepper.maximumValue= 51; bước nhảy lần nhấn vào + or - giá trị min=-2, max= 51; - (IBAction)step:(id)sender { double number=[self.stepper value]; self.labelStepper.text=[[NSString alloc]initWithFormat:@"%f",number ]; } [ self.stepper value] lấy giá trị stepper => sau đưa lên label hướng dẫn số UI bản! link full code: http://www.mediafire.com/download/t7d2d54u6xnivhc/UICoBan.zip