Custom iOS UIDatepicker mit UIAppearance

fügen Sie diese Methode in der Implementierungsdatei

-(UIView *)pickerViews{

    return ([datePicker.subviews objectAtIndex:0]);
}

-(void)viewDidLoad{

    [super viewDidLoad];

    [[self pickerViews].subviews enumerateObjectsUsingBlock:^(id obj, NSUInteger idx, BOOL *stop) {
        NSLog(@"%@ --- > %i",obj, idx);
    }];
}

beim ausführen der app wird es angezeigt, alle Unteransichten der datePicker auf der Konsole, wählen Sie einfach index und ändern Sie eins nach dem anderen

ändern Sie die Kommentarzeichen vor der viewDidLoad und fügen Sie diesen code

UIView *background = (UIView *)[[self pickerViews].subviews objectAtIndex:0];
background.backgroundColor = [UIColor clearColor];

UIView *wheel2 = (UIView *)[[self pickerViews].subviews objectAtIndex:4];
wheel2.backgroundColor = [UIColor redColor];

UIView *wheel3 = (UIView *)[[self pickerViews].subviews objectAtIndex:11];
wheel3.backgroundColor = [UIColor redColor];

In diesem Fall ändere ich die Hintergrundfarbe der index "0", "4", "11"

Scheint es ziemlich schwierig zu ändern, wie ein UIDatePicker erscheint.

Das Beispiel, das Sie zur Verfügung gestellt, meiner Meinung nach, ist eine ausgefeilte Anpassung für eine einfache UIPickerView mit zwei Spalten und wahrscheinlich eine simulierte unendliche scrollen (Apple hat in der Datumsauswahl, und es ist ziemlich einfach zu realisieren).

Können Sie ändern wenig an der UIDatePicker durch die UIAppearance - proxy, wie in diesem Beispiel zu sehen:

UIDatePicker *picker = [UIDatePicker appearance];
picker.backgroundColor = [[UIColor redColor] colorWithAlphaComponent:0.3];

UIView *view;
view = [UIView appearanceWhenContainedIn:[UITableView class], [UIDatePicker class], nil];
view.backgroundColor = [[UIColor blackColor] colorWithAlphaComponent:0.5];

UILabel *label = [UILabel appearanceWhenContainedIn:[UITableView class], [UIDatePicker class], nil];
label.font = [UIFont systemFontOfSize:[UIFont systemFontSize]];
label.textColor = [UIColor blueColor];

Mithilfe dieses Stück code beim start der Anwendung (einfach mal probieren) ändern Sie das Aspekt nur ein paar der wichtigsten Komponenten für die Datumsauswahl.

Etiketten sind unmöglich anpassen (und dieser test-code beweist es); anscheinend sind Sie verändert Aspekt jedes mal, wenn Sie drehen eine Spalte, da sind Sie in eine benutzerdefinierte UITableView controller.

Vollständig zu ändern, diese Erscheinungen sollten Sie vielleicht die Arbeit mit den privaten APIs von Apple, die schließlich führen Sie Ihre app als abgelehnt.

Wenn Sie eine benutzerdefinierte Stunde-minute-picker (wie in deinem screenshot), die vollständige Anpassung des Aussehens erreichbar ist, nur die Verlängerung der UIPickerView Klasse oder die Zuweisung eines entsprechenden Delegierten zu einem UIPickerView Instanz.

Durch die

- (UIView *)pickerView:(UIPickerView *)pickerView viewForRow:(NSInteger)row forComponent:(NSInteger)component reusingView:(UIView *)view;

Methode über den Delegaten können Sie das einzelne element des picker-Ansicht erscheinen, wie Sie wollen. Dann müssen Sie auch entsprechend verarbeiten der Datenquelle, um die beiden Komponenten der Farbauswahl nahezu unendlich.

Ändern Datum-picker-Farbe:

[datePickerView setValue:self.pickerLabelColor forKey:@"textColor"];

Und die schriftart zu ändern der einzige Weg den ich kenne ist:

Erstellen Kategorie UIFont+System und platzieren Sie diesen code in

#pragma clang diagnostic push
#pragma clang diagnostic ignored "-Wobjc-protocol-method-implementation"
    + (UIFont *)systemFontOfSize:(CGFloat)fontSize
    {
        return [UIFont fontWithName:fontName size:fontSize];
    }
#pragma clang diagnostic pop

Dies wird auch Schriften in anderen Orten in Ihrer app (Ersatz-system-schriftart, indem Sie Ihre schriftart).

Einer Kombination von 2 UITableViews ist der Weg zu gehen.

UITableView ist eine Untersicht der UIScrollView, so dass es behandelt das folgende Ereignis

-(void)scrollViewDidEndDragging:(UIScrollView *)scrollView willDecelerate:(BOOL)decelerate
{

}

und immer auf der position, nur das scrollen der Tabelle um die Mitte mit der folgenden Methode

[myTableView scrollToRowAtIndexPath:indexPath atScrollPosition:UITableViewScrollPositionMiddle animated:YES];

Hoffe, das hilft.