UI進階第四發:Date Picker和UITool Bar控件簡單介紹

一、Date Picker控件
1.簡單介紹:
Date Picker顯示時間的控件
有默認寬高,不用設置數據源和代理
如何改成中文的?
(1)查看當前系統是否爲中文的,把模擬器改成是中文的
(2)屬性,locale選擇地區
如果默認顯示不符合需求。時間有四種模式可以設置,在model中進行設置
時間可以自定義(custom)。
設置最小時間和最大時間,超過就會自動回到最小時間。
最大的用途在於自定義鍵盤:彈出一個日期選擇器出來,示例代碼如下:
 
 2.示例代碼
複製代碼
 1 //
 2 //  YYViewController.m
 3 //  datepicker
 4 //
 5 //  Created by apple on 14-6-3.
 6 //  Copyright (c) 2014年 itcase. All rights reserved.
 7 //
 8 
 9 #import "YYViewController.h"
10 
11 @interface YYViewController ()
12 /**
13  *  文本輸入框
14  */
15 @property (strong, nonatomic) IBOutlet UITextField *textfield;
16 
17 @end
18 
19 @implementation YYViewController
20 
21 - (void)viewDidLoad
22 {
23     [super viewDidLoad];
24     //1
25     //添加一個時間選擇器
26     UIDatePicker *date=[[UIDatePicker alloc]init];
27     /**
28      *  設置只顯示中文
29      */
30     [date setLocale:[NSLocale localeWithLocaleIdentifier:@"zh-CN"]];
31     /**
32      *  設置只顯示日期
33      */
34     date.datePickerMode=UIDatePickerModeDate;
35 //    [self.view addSubview:date];
36     
37     //當光標移動到文本框的時候,召喚時間選擇器
38     self.textfield.inputView=date;
39     
40     //2
41     //創建工具條
42     UIToolbar *toolbar=[[UIToolbar alloc]init];
43     //設置工具條的顏色
44     toolbar.barTintColor=[UIColor brownColor];
45     //設置工具條的frame
46     toolbar.frame=CGRectMake(0, 0, 320, 44);
47     
48     //給工具條添加按鈕
49         UIBarButtonItem *item0=[[UIBarButtonItem alloc]initWithTitle:@"上一個" style:UIBarButtonItemStylePlain target:self action:@selector(click) ];
50     
51         UIBarButtonItem *item1=[[UIBarButtonItem alloc]initWithTitle:@"下一個" style:UIBarButtonItemStylePlain target:self action:@selector(click)];
52     
53         UIBarButtonItem *item2=[[UIBarButtonItem alloc]initWithBarButtonSystemItem:UIBarButtonSystemItemFlexibleSpace target:nil action:nil];
54         UIBarButtonItem *item3=[[UIBarButtonItem alloc]initWithTitle:@"完成" style:UIBarButtonItemStylePlain target:self action:@selector(click)];
55     
56      toolbar.items = @[item0, item1, item2, item3];
57     //設置文本輸入框鍵盤的輔助視圖
58     self.textfield.inputAccessoryView=toolbar;
59 }
60 -(void)click
61 {
62     NSLog(@"toolbar");
63 }
64 @end
複製代碼

實現效果:

二、UITool Bar
在上面可以添加子控件TOOLBAR中只能添加UIBarButtonItem子控件,其他子控件會被包裝秤這種類型的
上面的控件依次排放(空格————)
有樣式,可以指定樣式(可拉伸的),一般用來做工具欄。
 
使用toolbar做點菜的頭部標題
如何讓點菜系統居中?在ios6中是正的,在ios7中是歪的
在自定義鍵盤上加上一個工具欄。
數組裏什麼順序放的,就按照什麼順序顯示
  toolbar.items = @[item0, item1, item2, item3];
    //設置文本輸入框鍵盤的輔助視圖
    self.textfield.inputAccessoryView=toolbar;

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章