TÌM HIỂU về PROGRESS VIEW, ACTIVITY VIEW, SEGMENTED CONTROL, SWITCH TRONG IOS

6 338 0
TÌM HIỂU về PROGRESS VIEW, ACTIVITY VIEW, SEGMENTED CONTROL, SWITCH TRONG IOS

Đang tải... (xem toàn văn)

Thông tin tài liệu

TÌM HIỂU VỀ PROGRESS VIEW, ACTIVITY VIEW, SEGMENTED CONTROL, SWITCH TRONG IOS Ở trước giới thiệu cho bạn Một số UI, Control bản, tiếp tục giới thiệu cho bạn số UI, Control phổ biến khác Tiêu đề đề rõ Tiếp tục giới thiệu, cách dùng, dùng Control trên.! Tạo dự án đặt tên: Đầu tiên thiết kế giao diện chung hình sau: Bao gồm:Progress View, Activity View, Segmented Control, Switch kéo thả từ tập danh sách UI:  Segmented Control: Chúng ta đổi số lượng segments , lựa chọn segment thay đổi tiêu đề (title) cho segment tuỳ ứng dụng Đối với segment khai báo: Property để lựa chọn sử dụng segment nào, action để lọc thông tin tuỳ theo segment Ứng dụng chủ yếu để lọc thông tin messager chẳng hạn.!   Khai báo label đổi text=”Filter Friend” Dùng để hiển thị nội dung segment ta lọc thông tin Progress View: thay đổi vị trí màu xanh progress Dùng để tăng giảm theo bước nhảy khoảng Min Max, Tuy nhiên biểu biễn cụ thể trực quan Stepper, rời rạc không liên tục Slider Ở thêm button + – dùng để tăng giảm Progress Progress sử dụng Property để thay đổi khung màu xanh chạy full Ứng dụng: Sử dụng biết xác thời gian load liệu Ngược lại vớiActivity quay load liệu thành công dừng quay  Switch: Sử dụng đơn giản có trạng thái ON or OFF Nếu on làm off dừng việc lại Sử dụng bật tắt chức cho phép  hay không cho phép sử dụng ứng dụng, setting Iphone sử dụng nhiều Khai báo property để lựa chọn on or off Activity View: Đơn giản cho phép quay quay, tắt dừng quay, sử dụng nhiều load data mà xong, chưa load xong quay, lấy data dừng quay Thiết kế Ứng dụng hoạt động theo nguyên lý sau: – Khi chọn vào segment label hiển thị nội dung lọc – Khi nhấn vào cộng trừ progress tăng giảm – Khi chọn vào ON Activity quay, OFF activity dừng quay Kết nối UI với class ViewController.h quản lý: Giữ Ctrl vào kéo vào class quản lý đặt tên: Sau ánh xạ đặt tên ta đoạn mã: #import 10 11 12 13 14 15 @interface ViewController : UIViewController @property (strong, nonatomic) IBOutlet UIActivityIndicatorView *activity; - (IBAction)switchActivity:(id)sender; @property (strong, nonatomic) IBOutlet UISwitch *switchControl; @property (strong, nonatomic) IBOutlet UIProgressView *progressView; - (IBAction)buttonTang:(id)sender; - (IBAction)buttonGiam:(id)sender; @property (strong, nonatomic) IBOutlet UISegmentedControl *segmentedControl; - (IBAction)changeText:(id)sender; @property (strong, nonatomic) IBOutlet UILabel *labelValueSegmented; 16 @end Đối với activity, segmented có action property Đơn giản giải thích trên! Thực thi UI khai báo ViewController.m: Segmented Control: Lựa chọn: – Nếu segmented=0, lọc friend online – Nếu segmented=1, lọc friend all - (IBAction)changeText:(id)sender { if (self.segmentedControl.selectedSegmentIndex==0) { self.labelValueSegmented.text=@"friend online!"; NSLog(@"%lu",(unsigned long)self.segmentedControl.numberOfSegments); }; if (self.segmentedControl.selectedSegmentIndex==1) { self.labelValueSegmented.text=@"friend all"; } 10 } Progress View:( =0 , max =1) – Tăng : lần nhấn vào nút cộng tăng lên o.1 – Giảm : lần nhấn vào nút trừ giảm 0.1 - (IBAction)buttonTang:(id)sender { self.progressView.progress +=0.1; } - (IBAction)buttonGiam:(id)sender { self.progressView.progress -=0.1; } Switch Activity: Nếu Switch để chế độ ON cho phép activity cho phép quay Nếu để chế độ OFF activity lật tức dừng quay!!! - (IBAction)switchActivity:(id)sender { if ([self.switchControl isOn]) { [self.activity startAnimating]; }else{ [self.activity stopAnimating]; } } link full code: http://www.mediafire.com/download/4o49cz6azcl0n4c/UICoBanTiepTheo.zip

Ngày đăng: 19/10/2016, 00:24