สุดยอดการใช้ Object Library เครื่องมือ สร้างออกแบหน้าจอ Interface Builder ในรูปแบบต่าง ๆ ของ iOS ทั้งหมด |
สุดยอดการใช้ Object Library เครื่องมือ สร้างออกแบหน้าจอ Interface Builder ในรูปแบบต่าง ๆ ของ iOS ทั้งหมด บทความนี้จะเป็นการรวบรวม การใช้ Object Library ต่าง ๆ ที่อยู่บน Interface Builder ในการออกแบบหน้่าจอ Interface ซึ่งจะทำการ Review เฉพาะตัวที่น่าสนใจ และคิดว่าจำเป็นต่อการใช้งานในการเขียนโปรแกรมบน iOS ที่ทำงานบน iPhone และ iPad ของเรา
iOS Object Library for iPhone and iPad
ในการเขียน iPhone หรือ iPad ใน Version ใหม่ ๆ บน Xcode ทั้งแต่ 4.x เป็นต้นไป การเขียนโปรแกรมและการออกแบบหน้าจอ User Interface สามารถทำงานได้และสะดวกกว่าเดิมมาก ยิ่งมี Storyboard เข้ามาช่วยอีก จะทำให้บางครั้งเราแทบจะไม่ต้องสนใจการเขียน Code เลย เพราะเราสามารถอาศับการลากวาง Drag and Drop ก็สามารถที่จะ สร้าง หน้าจอ User Interface ด้วย Interface Builder ได้ง่าย ๆ เพียง 2-3 นาทีเท่านั้น
Sample Object Library for iPhone and iPad
รายการ Object Library ที่อยู่บนโปรแกรม Xcode ที่เป็น Interface Builder จะมีอยู่ประมาณ 50 กว่าตัว ซึ่งบางตัวสามารถใช้งานได้ง่าย ๆ โดยผมจะเรียงลำดับแต่ล่ะหัวข้อ สามารถคลิกอ่านได้แต่ล่ะหัวข้อ
![Label (UILabel) - iOS Example (iPhone , iPad) Label (UILabel) - iOS Example (iPhone , iPad)](https://www.thaicreate.com/upload/tutorial/ios-label-uIlabel-01.jpg?v=1001)
Label (UILabel) - iOS Example (iPhone , iPad)
![Round Rect Button (UIButton) - iOS Example (iPhone , iPad) Round Rect Button (UIButton) - iOS Example (iPhone , iPad)](https://www.thaicreate.com/upload/tutorial/ios-round-rect-button-uibutton-01.jpg?v=1001)
Round Rect Button (UIButton) - iOS Example (iPhone , iPad)
![Segmented Control (UISegmentedControl) - iOS Example (iPhone , iPad) Segmented Control (UISegmentedControl) - iOS Example (iPhone , iPad)](https://www.thaicreate.com/upload/tutorial/ios-segmented-control-uisegmentedcontrol-01.jpg?v=1001)
Segmented Control (UISegmentedControl) - iOS Example (iPhone , iPad)
![Text Field (UITextField) - iOS Example (iPhone , iPad) Text Field (UITextField) - iOS Example (iPhone , iPad)](https://www.thaicreate.com/upload/tutorial/ios-text-field-uitextfield-01.jpg?v=1001)
Text Field (UITextField) - iOS Example (iPhone , iPad)
![Slider (UISlider) - iOS Example (iPhone , iPad) Slider (UISlider) - iOS Example (iPhone , iPad)](https://www.thaicreate.com/upload/tutorial/ios-slider-uislider-01.jpg?v=1001)
Slider (UISlider) - iOS Example (iPhone , iPad)
![Switch (UISwitch) - iOS Example (iPhone , iPad) Switch (UISwitch) - iOS Example (iPhone , iPad)](https://www.thaicreate.com/upload/tutorial/ios-switch-uiswitch-01.jpg?v=1001)
Switch (UISwitch) - iOS Example (iPhone , iPad)
![Activity Indicator View (UIActivityIndicatorView) - iOS Example (iPhone , iPad) Activity Indicator View (UIActivityIndicatorView) - iOS Example (iPhone , iPad)](https://www.thaicreate.com/upload/tutorial/ios-activity-indicator-view-uiactivityindicatorview-01.jpg?v=1001)
Activity Indicator View (UIActivityIndicatorView) - iOS Example (iPhone , iPad)
![Progress View (UIProgressView) - iOS Example (iPhone , iPad) Progress View (UIProgressView) - iOS Example (iPhone , iPad)](https://www.thaicreate.com/upload/tutorial/ios-progress-view-uiprogressview-01.jpg?v=1001)
Progress View (UIProgressView) - iOS Example (iPhone , iPad)
![Page Control (UIPageControl) - iOS Example (iPhone , iPad) Page Control (UIPageControl) - iOS Example (iPhone , iPad)](https://www.thaicreate.com/upload/tutorial/ios-page-control-uipagecontrol-01.jpg?v=1001)
Page Control (UIPageControl) - iOS Example (iPhone , iPad)
![Stepper (UIStepper) - iOS Example (iPhone , iPad) Stepper (UIStepper) - iOS Example (iPhone , iPad)](https://www.thaicreate.com/upload/tutorial/ios-stepper-uistepper-01.jpg?v=1001)
Stepper (UIStepper) - iOS Example (iPhone , iPad)
![Table View (UITableView) - iOS Example (iPhone , iPad) Table View (UITableView) - iOS Example (iPhone , iPad)](https://www.thaicreate.com/upload/tutorial/ios-table-view-uitableview-01.jpg?v=1001)
Table View (UITableView) - iOS Example (iPhone , iPad)
![Table View Cell (UITableViewCell) - iOS Example (iPhone , iPad) Table View Cell (UITableViewCell) - iOS Example (iPhone , iPad)](https://www.thaicreate.com/upload/tutorial/ios-table-view-cell-uitableviewcell-01.jpg?v=1001)
Table View Cell (UITableViewCell) - iOS Example (iPhone , iPad)
![Collection View (NSCollectionView) - iOS Example (iPhone , iPad) Collection View (NSCollectionView) - iOS Example (iPhone , iPad)](https://www.thaicreate.com/upload/tutorial/ios-collection-view-nscollectionview-01.jpg?v=1001)
Collection View (NSCollectionView) - iOS Example (iPhone , iPad)
![Collection View Cell (UICollectionViewCell) - iOS Example (iPhone , iPad) Collection View Cell (UICollectionViewCell) - iOS Example (iPhone , iPad)](https://www.thaicreate.com/upload/tutorial/ios-collection-view-cell-uicollectionviewcell-01.jpg?v=1001)
Collection View Cell (UICollectionViewCell) - iOS Example (iPhone , iPad)
![Collection Reusable View (UICollectionReusableView) - iOS Example (iPhone , iPad) Collection Reusable View (UICollectionReusableView) - iOS Example (iPhone , iPad)](https://www.thaicreate.com/upload/tutorial/ios-collection-reusable-view-uicollectionreusableview-01.jpg?v=1001)
Collection Reusable View (UICollectionReusableView) - iOS Example (iPhone , iPad)
![Image View (UIImageView) - iOS Example (iPhone , iPad) Image View (UIImageView) - iOS Example (iPhone , iPad)](https://www.thaicreate.com/upload/tutorial/ios-image-view-uiimageview-01.jpg?v=1001)
Image View (UIImageView) - iOS Example (iPhone , iPad)
![Text View (UITextView) - iOS Example (iPhone , iPad) Text View (UITextView) - iOS Example (iPhone , iPad)](https://www.thaicreate.com/upload/tutorial/ios-text-view-uitextview-01.jpg?v=1001)
Text View (UITextView) - iOS Example (iPhone , iPad)
![Web View (UIWebView) - iOS Example (iPhone , iPad) Web View (UIWebView) - iOS Example (iPhone , iPad)](https://www.thaicreate.com/upload/tutorial/ios-web-view-uiwebview-01.jpg?v=1001)
Web View (UIWebView) - iOS Example (iPhone , iPad)
![Map View - iOS Example (iPhone , iPad) Map View - iOS Example (iPhone , iPad)](https://www.thaicreate.com/upload/tutorial/ios-map-view-01.jpg?v=1001)
Map View - iOS Example (iPhone , iPad)
![Scroll View (UIScrollView) - iOS Example (iPhone , iPad) Scroll View (UIScrollView) - iOS Example (iPhone , iPad)](https://www.thaicreate.com/upload/tutorial/ios-scroll-view-uiscrollview-01.jpg?v=1001)
Scroll View (UIScrollView) - iOS Example (iPhone , iPad)
![Date Picker (UIDatePicker) - iOS Example (iPhone , iPad) Date Picker (UIDatePicker) - iOS Example (iPhone , iPad)](https://www.thaicreate.com/upload/tutorial/ios-date-picker-uidatepicker-01.jpg?v=1001)
Date Picker (UIDatePicker) - iOS Example (iPhone , iPad)
![Picker View (UIPickerView) - iOS Example (iPhone , iPad) Picker View (UIPickerView) - iOS Example (iPhone , iPad)](https://www.thaicreate.com/upload/tutorial/ios-picker-view-uipickerview-01.jpg?v=1001)
Picker View (UIPickerView) - iOS Example (iPhone , iPad)
![Ad BannerView (ADBannerView) - iOS Example (iPhone , iPad) Ad BannerView (ADBannerView) - iOS Example (iPhone , iPad)](https://www.thaicreate.com/upload/tutorial/ios-ad-bannerview-advannerview-01.jpg?v=1001)
Ad BannerView (ADBannerView) - iOS Example (iPhone , iPad)
![GLKit View - iOS Example (iPhone , iPad) GLKit View - iOS Example (iPhone , iPad)](https://www.thaicreate.com/upload/tutorial/ios-glkit-view-01.jpg?v=1001)
GLKit View - iOS Example (iPhone , iPad)
![Tap Gesture Recognizer (UITapGestureRecognizer) - iOS Example (iPhone , iPad) Tap Gesture Recognizer (UITapGestureRecognizer) - iOS Example (iPhone , iPad)](https://www.thaicreate.com/upload/tutorial/ios-tap-gesture-recognizer-uitapgesturerecognizer-01.jpg?v=1001)
Tap Gesture Recognizer (UITapGestureRecognizer) - iOS Example (iPhone , iPad)
![Pinch Gesture Recognizer (UIPinchGestureRecognizer) - iOS Example (iPhone , iPad) Pinch Gesture Recognizer (UIPinchGestureRecognizer) - iOS Example (iPhone , iPad)](https://www.thaicreate.com/upload/tutorial/ios-pinch-gesture-recognizer-uipinchgesturerecognizer-01.jpg?v=1001)
Pinch Gesture Recognizer (UIPinchGestureRecognizer) - iOS Example (iPhone , iPad)
![Rotation Gesture Recognizer (UIRotationGestureRecognizer) - iOS Example (iPhone , iPad) Rotation Gesture Recognizer (UIRotationGestureRecognizer) - iOS Example (iPhone , iPad)](https://www.thaicreate.com/upload/tutorial/ios-rotation-gesture-recognizer-uirotationgesturerecognizer-01.jpg?v=1001)
Rotation Gesture Recognizer (UIRotationGestureRecognizer) - iOS Example (iPhone , iPad)
![Swipe Gesture Recognizer (UISwipeGestureRecognizer) - iOS Example (iPhone , iPad) Swipe Gesture Recognizer (UISwipeGestureRecognizer) - iOS Example (iPhone , iPad)](https://www.thaicreate.com/upload/tutorial/ios-swipe-gesture-recognizer-uiswipegesturerecognizer-01.jpg?v=1001)
Swipe Gesture Recognizer (UISwipeGestureRecognizer) - iOS Example (iPhone , iPad)
![Pan Gesture Recognizer (UIPanGestureRecognizer) - iOS Example (iPhone , iPad) Pan Gesture Recognizer (UIPanGestureRecognizer) - iOS Example (iPhone , iPad)](https://www.thaicreate.com/upload/tutorial/ios-pan-gesture-recognizer-uipangesturerecognizer-01.jpg?v=1001)
Pan Gesture Recognizer (UIPanGestureRecognizer) - iOS Example (iPhone , iPad)
![Long Press Gesture Recognizer (UILongPressGestureRecognizer) - iOS Example (iPhone , iPad) Long Press Gesture Recognizer (UILongPressGestureRecognizer) - iOS Example (iPhone , iPad)](https://www.thaicreate.com/upload/tutorial/ios-long-press-gesture-recognizer-uilongpressgesturerecognizer-01.jpg?v=1001)
Long Press Gesture Recognizer (UILongPressGestureRecognizer) - iOS Example (iPhone , iPad)
![View Controller (UIViewController) - iOS Example (iPhone , iPad) View Controller (UIViewController) - iOS Example (iPhone , iPad)](https://www.thaicreate.com/upload/tutorial/ios-view-controller-uiviewcontroller-01.jpg?v=1001)
View Controller (UIViewController) - iOS Example (iPhone , iPad)
![Table View Controller (UITableViewController) - iOS Example (iPhone , iPad) Table View Controller (UITableViewController) - iOS Example (iPhone , iPad)](https://www.thaicreate.com/upload/tutorial/ios-table-view-controller-uitableviewcontroller-01.jpg?v=1001)
Table View Controller (UITableViewController) - iOS Example (iPhone , iPad)
![Collection View Controller (UICollectionViewController) - iOS Example (iPhone , iPad) Collection View Controller (UICollectionViewController) - iOS Example (iPhone , iPad)](https://www.thaicreate.com/upload/tutorial/ios-conllection-view-controller-uicollectionviewcontroller-01.jpg?v=1001)
Collection View Controller (UICollectionViewController) - iOS Example (iPhone , iPad)
![Navigation Controller (UINavigationController) - iOS Example (iPhone , iPad) Navigation Controller (UINavigationController) - iOS Example (iPhone , iPad)](https://www.thaicreate.com/upload/tutorial/ios-navigation-controller-uinavigationcontroller-01.jpg?v=1001)
Navigation Controller (UINavigationController) - iOS Example (iPhone , iPad)
![Tab Bar Controller (UITabBarController) - iOS Example (iPhone , iPad) Tab Bar Controller (UITabBarController) - iOS Example (iPhone , iPad)](https://www.thaicreate.com/upload/tutorial/ios-tab-bar-controller-uitabbarcontroller-01.jpg?v=1001)
Tab Bar Controller (UITabBarController) - iOS Example (iPhone , iPad)
![Page View Controller (UIPageViewController) - iOS Example (iPhone , iPad) Page View Controller (UIPageViewController) - iOS Example (iPhone , iPad)](https://www.thaicreate.com/upload/tutorial/ios-page-view-controller-uipageviewcontroller-01.jpg?v=1001)
Page View Controller (UIPageViewController) - iOS Example (iPhone , iPad)
![GLKit View Controller - iOS Example (iPhone , iPad) GLKit View Controller - iOS Example (iPhone , iPad)](https://www.thaicreate.com/upload/tutorial/ios-glkit-view-controller-01.jpg?v=1001)
GLKit View Controller - iOS Example (iPhone , iPad)
![Object - iOS Example (iPhone , iPad) Object - iOS Example (iPhone , iPad)](https://www.thaicreate.com/upload/tutorial/ios-object-01.jpg?v=1001)
Object - iOS Example (iPhone , iPad)
![External Object - iOS Example (iPhone , iPad) External Object - iOS Example (iPhone , iPad)](https://www.thaicreate.com/upload/tutorial/ios-external-object-01.jpg?v=1001)
External Object - iOS Example (iPhone , iPad)
![View (UIView) - iOS Example (iPhone , iPad) View (UIView) - iOS Example (iPhone , iPad)](https://www.thaicreate.com/upload/tutorial/ios-view-uiview-01.jpg?v=1001)
View (UIView) - iOS Example (iPhone , iPad)
![Window (UIWindow) - iOS Example (iPhone , iPad) Window (UIWindow) - iOS Example (iPhone , iPad)](https://www.thaicreate.com/upload/tutorial/ios-window-uiwindow-01.jpg?v=1001)
Window (UIWindow) - iOS Example (iPhone , iPad)
![Navigation Bar (UINavigationBar) - iOS Example (iPhone , iPad) Navigation Bar (UINavigationBar) - iOS Example (iPhone , iPad)](https://www.thaicreate.com/upload/tutorial/ios-navigation-bar-uinavigationbar-01.jpg?v=1001)
Navigation Bar (UINavigationBar) - iOS Example (iPhone , iPad)
![Navigation Item (UINavigationItem) - iOS Example (iPhone , iPad) Navigation Item (UINavigationItem) - iOS Example (iPhone , iPad)](https://www.thaicreate.com/upload/tutorial/ios-navigation-item-uinavigationitem-01.jpg?v=1001)
Navigation Item (UINavigationItem) - iOS Example (iPhone , iPad)
![Search Bar (UISearchBar) - iOS Example (iPhone , iPad) Search Bar (UISearchBar) - iOS Example (iPhone , iPad)](https://www.thaicreate.com/upload/tutorial/ios-search-bar-uisearchbar-01.jpg?v=1001)
Search Bar (UISearchBar) - iOS Example (iPhone , iPad)
![Search Bar and Search Display Controller (UISearchDisplayController) - iOS Example (iPhone , iPad) Search Bar and Search Display Controller (UISearchDisplayController) - iOS Example (iPhone , iPad)](https://www.thaicreate.com/upload/tutorial/ios-search-bar-and-display-controller-uisearchdisplaycontroller-01.jpg?v=1001)
Search Bar and Search Display Controller (UISearchDisplayController) - iOS Example (iPhone , iPad)
![Toolbar (UIToolbar) - iOS Example (iPhone , iPad) Toolbar (UIToolbar) - iOS Example (iPhone , iPad)](https://www.thaicreate.com/upload/tutorial/ios-toolbar-uitoolbar-01.jpg?v=1001)
Toolbar (UIToolbar) - iOS Example (iPhone , iPad)
![Bar Button Item (UIBarButtonItem) - iOS Example (iPhone , iPad) Bar Button Item (UIBarButtonItem) - iOS Example (iPhone , iPad)](https://www.thaicreate.com/upload/tutorial/ios-bar-button-item-uibarbuttonitem-01.jpg?v=1001)
Bar Button Item (UIBarButtonItem) - iOS Example (iPhone , iPad)
![Fixed Space Bar Button Item - iOS Example (iPhone , iPad) Fixed Space Bar Button Item - iOS Example (iPhone , iPad)](https://www.thaicreate.com/upload/tutorial/ios-fixed-space-bar-button-item-01.jpg?v=1001)
Fixed Space Bar Button Item - iOS Example (iPhone , iPad)
![Flexible Space Bar Button Item - iOS Example (iPhone , iPad Flexible Space Bar Button Item - iOS Example (iPhone , iPad](https://www.thaicreate.com/upload/tutorial/ios-flexible-space-bar-button-item-01.jpg?v=1001)
Flexible Space Bar Button Item - iOS Example (iPhone , iPad)
![Tab Bar (UITabBar) - iOS Example (iPhone , iPad) Tab Bar (UITabBar) - iOS Example (iPhone , iPad)](https://www.thaicreate.com/upload/tutorial/ios-tab-bar-uitabbar-01.jpg?v=1001)
Tab Bar (UITabBar) - iOS Example (iPhone , iPad)
![Tab Bar Item (UITabBarItem) - iOS Example (iPhone , iPad) Tab Bar Item (UITabBarItem) - iOS Example (iPhone , iPad)](https://www.thaicreate.com/upload/tutorial/ios-tab-bar-item-uitabbaritem-01.jpg?v=1001)
Tab Bar Item (UITabBarItem) - iOS Example (iPhone , iPad)
|
ช่วยกันสนับสนุนรักษาเว็บไซต์ความรู้แห่งนี้ไว้ด้วยการสนับสนุน Source Code 2.0 ของทีมงานไทยครีเอท
|
|
|
By : |
ThaiCreate.Com Team (บทความเป็นลิขสิทธิ์ของเว็บไทยครีเอทห้ามนำเผยแพร่ ณ เว็บไซต์อื่น ๆ) |
|
Score Rating : |
![](/images/resource/startrue.gif) ![](/images/resource/startrue.gif) |
|
|
Create/Update Date : |
2012-11-01 16:37:11 /
2017-03-25 22:57:03 |
|
Download : |
No files |
|
Sponsored Links / Related |
|
|
|
|
|