UIPickerView看起來像UIDatePicker，但與秒

Question

我正在製作一個計時器應用程序，需要顯示小時，分鐘和秒的用戶。我嘗試使用UIDatePicker，但它只顯示小時和分鐘作爲選擇。不是幾秒鐘。在網上做了一些研究之後，我發現沒有辦法在UIDatePicker中獲得秒數，我必須從頭開始編寫我自己的UIPickerView。

所以我的問題是，是否有這樣的示例代碼，即有人寫了CustomUIPickerView幾小時，分鐘和秒，我可以將其納入我的項目？ UIDatePicker有一個很好的覆蓋時間&分鐘文本，保持放在用戶旋轉撥號。如果有人在他們的自定義選取器中添加了它，那將會很好。如果我不需要，我寧願不要從頭開始編寫自定義UIPickerView。謝謝。

Answer 1

Alrighty的人，這裏是代碼獲得小時/分鐘/秒在您的UIPickerView。您可以添加3個標籤並將其置於選取器上。我也附上了一張照片。

如果你喜歡答案，請評價它！好的開發者分享知識並不像一些人所暗示的那樣隱藏它玩得開心編碼！

在你的頭h文件在.m文件把這個

@interface v1AddTableViewController : UITableViewController 
{ 

    IBOutlet UIPickerView *pickerView;  
    NSMutableArray *hoursArray; 
    NSMutableArray *minsArray; 
    NSMutableArray *secsArray; 

    NSTimeInterval interval; 

} 

@property(retain, nonatomic) UIPickerView *pickerView; 
@property(retain, nonatomic) NSMutableArray *hoursArray; 
@property(retain, nonatomic) NSMutableArray *minsArray; 
@property(retain, nonatomic) NSMutableArray *secsArray; 

把這個

@synthesize pickerView; 
@synthesize hoursArray; 
@synthesize minsArray; 
@synthesize secsArray; 
@synthesize interval; 

- (void)viewDidLoad 
{ 
    [super viewDidLoad]; 


    //initialize arrays 
    hoursArray = [[NSMutableArray alloc] init]; 
    minsArray = [[NSMutableArray alloc] init]; 
    secsArray = [[NSMutableArray alloc] init]; 
    NSString *strVal = [[NSString alloc] init]; 

    for(int i=0; i<61; i++) 
    { 
     strVal = [NSString stringWithFormat:@"%d", i]; 

     //NSLog(@"strVal: %@", strVal); 

     //Create array with 0-12 hours 
     if (i < 13) 
     { 
      [hoursArray addObject:strVal]; 
     } 

     //create arrays with 0-60 secs/mins 
     [minsArray addObject:strVal]; 
     [secsArray addObject:strVal]; 
    } 


    NSLog(@"[hoursArray count]: %d", [hoursArray count]); 
    NSLog(@"[minsArray count]: %d", [minsArray count]); 
    NSLog(@"[secsArray count]: %d", [secsArray count]); 

} 


//Method to define how many columns/dials to show 
- (NSInteger)numberOfComponentsInPickerView:(UIPickerView *)pickerView 
{ 
    return 3; 
} 


// Method to define the numberOfRows in a component using the array. 
- (NSInteger)pickerView:(UIPickerView *)pickerView numberOfRowsInComponent :(NSInteger)component 
{ 
    if (component==0) 
    { 
     return [hoursArray count]; 
    } 
    else if (component==1) 
    { 
     return [minsArray count]; 
    } 
    else 
    { 
     return [secsArray count]; 
    } 

} 


// Method to show the title of row for a component. 
- (NSString *)pickerView:(UIPickerView *)pickerView titleForRow:(NSInteger)row forComponent:(NSInteger)component 
{ 

    switch (component) 
    { 
     case 0: 
      return [hoursArray objectAtIndex:row]; 
      break; 
     case 1: 
      return [minsArray objectAtIndex:row]; 
      break; 
     case 2: 
      return [secsArray objectAtIndex:row]; 
      break;  
    } 
    return nil; 
} 


-(IBAction)calculateTimeFromPicker 
{ 

    NSString *hoursStr = [NSString stringWithFormat:@"%@",[hoursArray objectAtIndex:[pickerView selectedRowInComponent:0]]]; 

    NSString *minsStr = [NSString stringWithFormat:@"%@",[minsArray objectAtIndex:[pickerView selectedRowInComponent:1]]]; 

    NSString *secsStr = [NSString stringWithFormat:@"%@",[secsArray objectAtIndex:[pickerView selectedRowInComponent:2]]]; 

    int hoursInt = [hoursStr intValue]; 
    int minsInt = [minsStr intValue]; 
    int secsInt = [secsStr intValue]; 


    interval = secsInt + (minsInt*60) + (hoursInt*3600); 

    NSLog(@"hours: %d ... mins: %d .... sec: %d .... interval: %f", hoursInt, minsInt, secsInt, interval); 

    NSString *totalTimeStr = [NSString stringWithFormat:@"%f",interval]; 

} 

Answer 2

我也面臨着同樣的問題。這就是爲什麼我用秒，天和許多其他選項製作了自定義時間選擇器，並將其發佈在GitHub上：
iOSSecondsTimerPicker
試試看。

Answer 3

與上面所接受的解決方案不同，我想出了一些不太可怕的東西。絕對不是完美的，但它具有預期的效果（我只在iOS 7上測試過iPhone，只能在寫作時用於肖像）。歡迎編輯編輯以獲得更好的效果。下面相關的顯示代碼：

// assumes you conform to UIPickerViewDelegate and UIPickerViewDataSource in your .h 
- (void)viewDidLoad 
{ 
    [super viewDidLoad]; 

    // assumes global UIPickerView declared. Move the frame to wherever you want it 
    picker = [[UIPickerView alloc] initWithFrame:CGRectMake(0, 100, self.view.frame.size.width, 200)]; 
    picker.dataSource = self; 
    picker.delegate = self; 

    UILabel *hourLabel = [[UILabel alloc] initWithFrame:CGRectMake(42, picker.frame.size.height/2 - 15, 75, 30)]; 
    hourLabel.text = @"hour"; 
    [picker addSubview:hourLabel]; 

    UILabel *minsLabel = [[UILabel alloc] initWithFrame:CGRectMake(42 + (picker.frame.size.width/3), picker.frame.size.height/2 - 15, 75, 30)]; 
    minsLabel.text = @"min"; 
    [picker addSubview:minsLabel]; 

    UILabel *secsLabel = [[UILabel alloc] initWithFrame:CGRectMake(42 + ((picker.frame.size.width/3) * 2), picker.frame.size.height/2 - 15, 75, 30)]; 
    secsLabel.text = @"sec"; 
    [picker addSubview:secsLabel]; 

    [self.view addSubview:picker]; 
} 

- (NSInteger)numberOfComponentsInPickerView:(UIPickerView *)pickerView 
{ 
    return 3; 
} 

- (NSInteger)pickerView:(UIPickerView *)pickerView numberOfRowsInComponent:(NSInteger)component 
{ 
    if(component == 0) 
     return 24; 

    return 60; 
} 

- (CGFloat)pickerView:(UIPickerView *)pickerView rowHeightForComponent:(NSInteger)component 
{ 
    return 30; 
} 

- (UIView *)pickerView:(UIPickerView *)pickerView viewForRow:(NSInteger)row forComponent:(NSInteger)component reusingView:(UIView *)view 
{ 
    UILabel *columnView = [[UILabel alloc] initWithFrame:CGRectMake(35, 0, self.view.frame.size.width/3 - 35, 30)]; 
    columnView.text = [NSString stringWithFormat:@"%lu", (long) row]; 
    columnView.textAlignment = NSTextAlignmentLeft; 

    return columnView; 
} 

而結果：

Answer 4

我作出@一些略有改善Stonz2的版本。計算標籤的y位置時也有錯誤。

這裏.h文件

@interface CustomUIDatePicker : UIPickerView <UIPickerViewDataSource, UIPickerViewDelegate> 

@property NSInteger hours; 
@property NSInteger mins; 
@property NSInteger secs; 

-(NSInteger) getPickerTimeInMS; 
-(void) initialize; 

@end 

這裏與改進

@implementation CustomUIDatePicker 
-(instancetype)init { 
self = [super init]; 
[self initialize]; 
return self; 
} 

-(id)initWithCoder:(NSCoder *)aDecoder { 
self = [super initWithCoder:aDecoder]; 
[self initialize]; 
return self; 
} 

-(instancetype)initWithFrame:(CGRect)frame { 
self = [super initWithFrame:frame]; 
[self initialize]; 
return self; 
} 

-(void) initialize { 
self.delegate = self; 
self.dataSource = self; 

int height = 20; 
int offsetX = self.frame.size.width/3; 
int offsetY = self.frame.size.height/2 - height/2; 
int marginX = 42; 
int width = offsetX - marginX; 

UILabel *hourLabel = [[UILabel alloc] initWithFrame:CGRectMake(marginX, offsetY, width, height)]; 
hourLabel.text = @"hour"; 
[self addSubview:hourLabel]; 

UILabel *minsLabel = [[UILabel alloc] initWithFrame:CGRectMake(marginX + offsetX, offsetY, width, height)]; 
minsLabel.text = @"min"; 
[self addSubview:minsLabel]; 

UILabel *secsLabel = [[UILabel alloc] initWithFrame:CGRectMake(marginX + offsetX * 2, offsetY, width, height)]; 
secsLabel.text = @"sec"; 
[self addSubview:secsLabel]; 
} 

-(void)pickerView:(UIPickerView *)pickerView didSelectRow:(NSInteger)row inComponent:(NSInteger)component { 
if (component == 0) { 
    self.hours = row; 
} else if (component == 1) { 
    self.mins = row; 
} else if (component == 2) { 
    self.secs = row; 
} 
} 

-(NSInteger)getPickerTimeInMS { 
return (self.hours * 60 * 60 + self.mins * 60 + self.secs) * 1000; 
} 

-(NSInteger)numberOfComponentsInPickerView:(UIPickerView *)pickerView { 
return 3; 
} 
-(NSInteger)pickerView:(UIPickerView *)pickerView numberOfRowsInComponent:(NSInteger)component 
{ 
if(component == 0) 
    return 24; 

return 60; 
} 

- (CGFloat)pickerView:(UIPickerView *)pickerView rowHeightForComponent:(NSInteger)component 
{ 
return 30; 
} 

-(UIView *)pickerView:(UIPickerView *)pickerView viewForRow:(NSInteger)row forComponent:(NSInteger)component reusingView:(UIView *)view 
{ 
if (view != nil) { 
    ((UILabel*)view).text = [NSString stringWithFormat:@"%lu", row]; 
    return view; 
} 
UILabel *columnView = [[UILabel alloc] initWithFrame:CGRectMake(35, 0, self.frame.size.width/3 - 35, 30)]; 
columnView.text = [NSString stringWithFormat:@"%lu", row]; 
columnView.textAlignment = NSTextAlignmentLeft; 

return columnView; 
} 

@end 

Answer 5

迅速落實

class TimePickerView: UIPickerView, UIPickerViewDataSource, UIPickerViewDelegate { 
    var hour:Int = 0 
    var minute:Int = 0 


    override init() { 
     super.init() 
     self.setup() 
    } 

    required internal init(coder aDecoder: NSCoder) { 
     super.init(coder: aDecoder) 
     self.setup() 
    } 

    override init(frame: CGRect) { 
     super.init(frame: frame) 
     self.setup() 
    } 

    func setup(){ 
     self.delegate = self 
     self.dataSource = self 

     /*let height = CGFloat(20) 
     let offsetX = self.frame.size.width/3 
     let offsetY = self.frame.size.height/2 - height/2 
     let marginX = CGFloat(42) 
     let width = offsetX - marginX 

     let hourLabel = UILabel(frame: CGRectMake(marginX, offsetY, width, height)) 
     hourLabel.text = "hour" 
     self.addSubview(hourLabel) 

     let minsLabel = UILabel(frame: CGRectMake(marginX + offsetX, offsetY, width, height)) 
     minsLabel.text = "min" 
     self.addSubview(minsLabel)*/ 
    } 

    func getDate() -> NSDate{ 
     let dateFormatter = NSDateFormatter() 
     dateFormatter.dateFormat = "HH:mm" 
     let date = dateFormatter.dateFromString(String(format: "%02d", self.hour) + ":" + String(format: "%02d", self.minute)) 
     return date! 
    } 

    func numberOfComponentsInPickerView(pickerView: UIPickerView) -> Int { 
     return 2 
    } 

    func pickerView(pickerView: UIPickerView, didSelectRow row: Int, inComponent component: Int) { 
     switch component { 
     case 0: 
      self.hour = row 
     case 1: 
      self.minute = row 
     default: 
      println("No component with number \(component)") 
     } 
    } 

    func pickerView(pickerView: UIPickerView, numberOfRowsInComponent component: Int) -> Int { 
     if component == 0 { 
      return 24 
     } 

     return 60 
    } 

    func pickerView(pickerView: UIPickerView, rowHeightForComponent component: Int) -> CGFloat { 
     return 30 
    } 

    func pickerView(pickerView: UIPickerView, viewForRow row: Int, forComponent component: Int, reusingView view: UIView!) -> UIView { 
     if (view != nil) { 
      (view as UILabel).text = String(format:"%02lu", row) 
      return view 
     } 
     let columnView = UILabel(frame: CGRectMake(35, 0, self.frame.size.width/3 - 35, 30)) 
     columnView.text = String(format:"%02lu", row) 
     columnView.textAlignment = NSTextAlignment.Center 

     return columnView 
    } 

} 

Answer 6

我不喜歡那個沒」答案.m文件t依賴於將UILabel作爲子視圖UIPickerView，因爲硬編碼fr如果iOS決定在某一天改變外觀，則Ames將會中斷。

一個簡單的訣竅是將小時/分鐘/秒的標籤標記爲組件，其中1行爲。

小時/分鐘/秒的標籤將遠離它們的值，但沒關係。大多數用戶甚至不會注意到這一點。見自己：

Answer 7

下面是「小時/分/秒」覆蓋另一種解決方案。它使用拾取器視圖委託中的pickerView(UIPickerView, didSelectRow: Int, inComponent: Int)方法來更新視圖的標籤。

這樣，無論屏幕方向如何，它都能正常工作。 它仍然不是最佳的但它非常簡單。

func pickerView(_ pickerView: UIPickerView, viewForRow row: Int, forComponent component: Int, reusing view: UIView?) -> UIView { 
    let label = UILabel() 
    label.text = String(row) 
    label.textAlignment = .center 
    return label 
} 

func pickerView(_ pickerView: UIPickerView, didSelectRow row: Int, inComponent component: Int) { 

    if let label = pickerView.view(forRow: row, forComponent: component) as? UILabel { 

     if component == 0, row > 1 { 
      label.text = String(row) + " hours" 
     } 
     else if component == 0 { 
      label.text = String(row) + " hour" 
     } 
     else if component == 1 { 
      label.text = String(row) + " min" 
     } 
     else if component == 2 { 
      label.text = String(row) + " sec" 
     } 
    } 
} 

已經是顯示選擇器視圖時，行必須以編程方式選擇的重疊出現...

func selectPickerViewRows() { 

    pickerView.selectRow(0, inComponent: 0, animated: false) 
    pickerView.selectRow(0, inComponent: 1, animated: false) 
    pickerView.selectRow(30, inComponent: 2, animated: false) 

    pickerView(pickerView, didSelectRow: 0, inComponent: 0) 
    pickerView(pickerView, didSelectRow: 0, inComponent: 1) 
    pickerView(pickerView, didSelectRow: 30, inComponent: 2) 
} 

Answer 8

一種選擇是使用ActionSheetPicker

https://github.com/skywinder/ActionSheetPicker-3.0

和利用ActionSheetMultipleStringPicker。您可以按照ActionSheetPicker文檔中的示例代碼進行操作。