TableViewCell Sections

  • TableViewCell Sections

    Hallo erstmal, ich bin neuling in diesem forum und habe auch gleich schon eine frage. Mein vorhaben: Ich habe ein Textfield und gebe dort einen int wert ein Z.b. 5... Ist es möglich dass mir daraus 5 grouped cell sections erstellt werden mit jeweils 3 rows?

  • Gibbson schrieb:

    Hallo erstmal, ich bin neuling in diesem forum und habe auch gleich schon eine frage.

    Mein vorhaben:
    Ich habe ein Textfield und gebe dort einen int wert ein Z.b. 5... Ist es möglich dass mir daraus 5 grouped cell sections erstellt werden mit jeweils 3 rows?


    Klar, musst die Datasource der TableView anpassen, nachdem der Wert eingetragen wurde und die TableView reloaden

  • Hallo, danke erstmal!

    ich habe es geschafft dass mir soviele sections angezeigt werden wie ich vorher in einem anderen viewcontroller angegeben habe.

    ich schaffe es aber nicht, dass je section die cell atindex:0 durch cell atindex:1 geteilt wird.

    der code ist folgender:

    Quellcode

    1. #import "ViewController.h"
    3. @interface ViewController ()
    4. {
    5. NSMutableArray *sectionsArray;
    6. NSMutableArray *rowsInSectionsArray;
    8. }
    10. @end
    12. @implementation ViewController
    19. - (void)viewDidLoad
    20. {
    21. [super viewDidLoad];
    22. // Do any additional setup after loading the view, typically from a nib.
    25. [[self myTableView]setDelegate:self];
    26. [[self myTableView]setDataSource:self];
    28. sectionsArray = [[NSMutableArray alloc]init];
    29. rowsInSectionsArray = [[NSMutableArray alloc]init];
    30. }
    32. - (void)didReceiveMemoryWarning
    33. {
    34. [super didReceiveMemoryWarning];
    35. // Dispose of any resources that can be recreated.
    36. }
    40. - (IBAction)addSectionButton:(id)sender {
    41. [sectionsArray addObject:[NSString stringWithFormat:@"Palette %d",sectionsArray.count+1]];
    42. [[self myTableView]reloadData];
    43. }
    45. - (IBAction)rechneButton:(id)sender {
    47. }
    52. #pragma datasource tableview methods
    55. -(NSInteger)numberOfSectionsInTableView:(UITableView *)tableView
    56. {
    58. int anzahl = [_AnzahlStationen intValue];//aus dem text wird ein int gemacht
    60. //fügt soviele sections ein wie vorher eingegeben
    61. if ([sectionsArray count] < anzahl) {
    62. [sectionsArray addObject:[NSString stringWithFormat:@"Palette %d",sectionsArray.count+1]];
    63. [[self myTableView]reloadData];//tableview wird aktualisiert
    64. }
    65. return sectionsArray.count;
    66. /*if (sectionsArray.count == 0) {
    67. [sectionsArray addObject:[NSString stringWithFormat:@"Palette %d",sectionsArray.count+1]];
    68. }
    69. return sectionsArray.count;
    70. */
    71. }
    73. -(NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
    74. {
    76. return 3;
    77. }
    80. -(NSString *)tableView:(UITableView *)tableView titleForHeaderInSection:(NSInteger)section
    81. {
    83. return [sectionsArray objectAtIndex:section];
    84. }
    89. -(UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
    90. {
    91. static NSString *CellIdentifier = @"Cell";
    92. UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:CellIdentifier];
    93. if(!cell)
    94. {
    96. cell = [[UITableViewCell alloc]initWithStyle:UITableViewCellStyleDefault reuseIdentifier:CellIdentifier];
    97. cell.selectionStyle = UITableViewCellSelectionStyleNone;
    101. //Textfelder innerhalb der cells
    102. UITextField *textfelder = [[UITextField alloc] initWithFrame:CGRectMake(15, 10, 185, 30)];
    103. [textfelder setFont:[UIFont fontWithName:@"Gujarati Sangam MN" size:14]];
    104. [textfelder setTextColor:[UIColor blueColor]];
    105. [[cell contentView] addSubview:textfelder];
    113. if ([indexPath row] == 0) {
    114. textfelder.placeholder = @"Bogen auf Palette";
    117. }
    119. if ([indexPath row] == 1) {
    120. textfelder.placeholder = @"Stangen auf Palette";
    121. }
    123. if ([indexPath row] == 2) {
    124. textfelder.placeholder = @"...oder Bogen auf Stange";
    125. }
    130. }
    132. return cell;
    134. }
    136. @end
    Alles anzeigen

  • Hmm. Ich würde in meiner Klasse vielleicht das UITextFieldDelegate Protokoll implementieren und self als den delegate an den Textfeldern setzen. Zum Unterscheiden kannst Du ja Tags an die Textfelder setzen, damit Du weißt, welches Feld gerade einen neuen Wert bekommen hat.

    Beim Berechnen greifst Du dann nicht auf die Textfelder zu, sondern auf die lokal gespeicherten Daten (die Du Dir beim Aufruf der TextFieldDelegate Methode gemerkt hast).

    Denke immer dran, dass TabelViewCells neu genutzt werden. Also wenn Du einen Teil der TableView aus dem Bildschirm scrollst, sind die Textfelder weg und werden neu genutzt. Das kann auch jetzt schon passieren, wenn Du im ersten Feld mal etwas einträgst und dann die Tabelle soweit hoch scrollst, dass das Textfeld verschwindet. Wenn es wieder kommt, kann es sein, dass der Wert, den Du vorher eingegeben hast, wieder weg ist oder irgendeiner alten Eingabe entspricht.

    Deswegen hat man zur reinen Repräsentation in der TableView immer noch ein Datenmodel im Hintergrund, dass die eigentlichen Objekte (bei Dir die Zahlen) speichert. Du könntest dafür ja ein Array mit Arrays von Zahlen nehmen.

    Oder so ähnlich.

  • Ach, und bei [UITableView reloadData] innerhalb einer TableViewDataSource Methode zucke ich intuitiv zusammen. Ich glaube das ist keine gute Idee. Offenbar funktioniert das ja, ich hätte da aber Angst vor einer möglichen Endlosschleife.

    Berechnungen zur Anzahl der Sektionen solltest Du außerhalb der TableViewDataSource Methoden machen. Zum Beispiel in viewWillAppear.

  • Dann fang doch erstmal einfacher an: nur eine Sektion, eine Zelle und darin ein Textfield.

    Dann nimmst Du eine Membervariable in Deinen ViewController hinzu, die den Wert im Textfeld repräsentiert (später macht man sich dann eigene Model-Klassen für sowas).

    Im tableView:cellForRowAtIndexPath: weist Du dem Textfeld den Wert Deiner Membervariablen zu.

    Im textFieldDidEndEditing: liest Du den vom Benutzer eingegebenen Wert aus und merkst ihn Dir wieder in Deiner Membervariable (Deinem "Model für Arme"). ;)

    Im rechneButton:sender: greifst Du dann gar nicht auf die TableViewCell oder das Textfield zu, sondern rechnest einfach mit Deiner Membervariablen. Als allererstes schreibst Du da nur NSLog(@"%@", Membervariable); rein, um zu kontrollieren dass die ganze Kette funktioniert.

    Danach nimmst Du dann mehrere Textfelder in die eine Sektion - dabei musst Du Dir überlegen, wie Du die Textfelder voneinander unterscheidest. Da gibt es mehrere Varianten, aber soweit bist Du ja noch nicht. Erstmal ein Textfeld. Und jetzt los! ;)

  • Ich habe mir Deinen Rat zu Herzen genommen und habe erstmal nur eine section mit einer row erstellt.
    Jetzt weiss ich nicht wie ich das Textfield erstelle, ohne dass es beim (aus dem bild scrollen) die Daten durcheinander wirft.

    Quellcode

    1. #import "ViewController.h"
    3. @interface ViewController ()
    4. {
    5. NSMutableArray *sectionsArray;
    6. }
    8. @end
    10. @implementation ViewController
    13. - (void)viewDidLoad
    14. {
    15. [super viewDidLoad];
    17. [[self meinTableView]setDelegate:self];
    18. [[self meinTableView]setDataSource:self];
    20. sectionsArray = [[NSMutableArray alloc]init];
    22. }
    24. - (void)didReceiveMemoryWarning
    25. {
    26. [super didReceiveMemoryWarning];
    27. // Dispose of any resources that can be recreated.
    28. }
    30. - (IBAction)erstelleSectionsButton:(id)sender {
    31. }
    34. -(NSInteger)numberOfSectionsInTableView:(UITableView *)tableView
    35. {
    36. do {
    37. [sectionsArray addObject:[NSString stringWithFormat:@"Palette %d",sectionsArray.count+1]];
    38. } while (sectionsArray.count < 1);
    39. return sectionsArray.count;
    40. }
    42. -(NSString *)tableView:(UITableView *)tableView titleForHeaderInSection:(NSInteger)section
    43. {
    45. return [sectionsArray objectAtIndex:section];
    46. }
    48. -(NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
    49. {
    50. return 1;
    51. }
    54. -(UITableViewCell *) tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
    55. {
    56. static NSString *CellIdentifier = @"Cell";
    57. UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:CellIdentifier];
    58. if(!cell)
    59. {
    61. cell = [[UITableViewCell alloc]initWithStyle:UITableViewCellStyleDefault reuseIdentifier:CellIdentifier];
    62. cell.selectionStyle = UITableViewCellSelectionStyleNone;
    63. }
    64. return cell;
    65. }
    68. @end
    Alles anzeigen

  • Öhm. Ich sehe da gar kein UITextField im Code ...

    Aber wie gesagt: der "Trick" ist, dass Du eine extra Membervariable für den Inhalt des Textfeldes in dem ViewController hast.

    In cellForRowAtIndexPath bekommt die neue Zelle ein TextField und den Text des Feldes füllst Du mit dem Wert der Membervariablen. So steht dort immer das richtige drin.

    Hast Du denn schon etwas über textFieldDidEndEditing gelesen? Dort holst Du den vom Benutzer eingegebenen Wert wieder aus dem Textfeld heraus und frischst Deine Membervariable damit auf.

  • nun habe ich in der h datei die variable deklariert...

    Quellcode

    1. @property (strong, nonatomic) NSString *bogenAufPalette;


    das textfield habe ich eingefügt und es der variablen zugewiesen, hoffe dass es so richtig ist!?

    Quellcode

    1. -(UITableViewCell *) tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
    2. {
    3. static NSString *CellIdentifier = @"Cell";
    4. UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:CellIdentifier];
    5. if(!cell)
    6. {
    8. cell = [[UITableViewCell alloc]initWithStyle:UITableViewCellStyleDefault reuseIdentifier:CellIdentifier];
    9. cell.selectionStyle = UITableViewCellSelectionStyleNone;
    11. UITextField *textfeld = [[UITextField alloc] initWithFrame:CGRectMake(15, 10, 185, 30)];
    12. [textfeld setFont:[UIFont fontWithName:@"Gujarati Sangam MN" size:14]];
    13. [textfeld setTextColor:[UIColor blueColor]];
    14. [[cell contentView] addSubview:textfeld];
    15. _bogenAufPalette = textfeld.text;
    16. }
    17. return cell;
    18. }
    Alles anzeigen

  • So in etwa würde ich das auch machen. Ich hab parallel mal schnell das hier gebaut:

    Quellcode

    1. @interface MasterViewController ()
    2. @property NSInteger value;
    3. @end
    5. @implementation MasterViewController
    7. - (void)viewDidLoad
    8. {
    9. [super viewDidLoad];
    10. self.value = 7;
    11. }
    13. - (void)viewWillAppear:(BOOL)animated
    14. {
    15. [super viewWillAppear:animated];
    16. [self.tableView reloadData];
    17. }
    19. #pragma mark - Table View
    21. - (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView
    22. {
    23. return 1;
    24. }
    26. - (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section
    27. {
    28. return 1;
    29. }
    31. - (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
    32. {
    33. UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:@"Cell"];
    34. if (!cell) {
    35. cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:@"Cell"];
    36. UITextField *textField = [[UITextField alloc] initWithFrame:CGRectMake(10, 10, 300, 24)];
    37. textField.autoresizingMask = UIViewAutoresizingFlexibleWidth;
    38. textField.tag = 17;
    39. [cell.contentView addSubview:textField];
    40. textField.delegate = self;
    41. }
    43. UITextField *textField = (UITextField *)[cell.contentView viewWithTag:17];
    44. textField.text = [NSString stringWithFormat:@"%d", self.value];
    46. return cell;
    47. }
    49. #pragma mark - UITextFieldDelegate
    51. - (BOOL)textFieldShouldReturn:(UITextField *)textField
    52. {
    53. [textField resignFirstResponder];
    54. return YES;
    55. }
    57. - (void)textFieldDidEndEditing:(UITextField *)textField
    58. {
    59. self.value = [textField.text integerValue];
    60. }
    62. @end
    Alles anzeigen


    Sicher hat jeder noch seine künstlerische Freiheit, aber Du siehst mal grundsätzlich das Konzept.

  • Sprachlos!!! Danke :D
    Werd mich gleich mal ran trauen und versuchen zu verstehen was dort passiert.


    ok, also es wird ein fehler angezeit und zwar bei:

    Quellcode

    1. textField.delegate = self;

    assigning to id UITextfielddelegate from incompatible type Viewcontroller *const_strong

    Dieser Beitrag wurde bereits 2 mal editiert, zuletzt von Gibbson ()

  • Da liegt der Trick in der Header-Datei des ViewControllers:

    Quellcode

    1. @interface MasterViewController : UITableViewController<UITextFieldDelegate>


    Das Ding in den spitzen Klammern sagt: "Ja, also, ich hier, ich implementiere die Methoden dieses Protokolls" - und dann kann ein Objekt dieser Klasse überall genutzt werden, wo das Protokoll eben gesprochen wird. Zufällig verschwindet dann auch der Fehler (der eigentlich nur eine Warnung ist). ;)

  • Ok, also soweit habe ich das glaube ich verstanden. Die Variable value übernimmt jetzt den Wert des Textfeldes.

    Ich habe jetzt mehrere sections eingefügt mit je 4 rows und es wird logischerweise in jedem Textfeld immer der gleiche Wert angezeigt, nämlich der von value.
    Nachdem ich die ganze Woche herumprobiert habe es irgendwie durch "Nachforschung im Internet" hinzubekommen die Werte in ein NSMutableArray einzufügen und wieder herauszuholen...brauche ich wohl doch noch ewas Hilfe.

  • Ich möchte ja das valueArray nach dem editieren mit dem Text füllen...

    Quellcode

    1. - (void)textFieldDidEndEditing:(UITextField *)textField
    2. {
    4. self.value = [textField.text integerValue];
    5. [valueArray addObject:textField.text];
    6. [self.myTableView reloadData];
    9. }






    Das Problem ist nun aber dass ich erstmal ein leeres Array habe und der Simulator abstürzt, da ich ja hier sage dass das Textfeld seinen Text aus dem Array nehmen soll.

    Quellcode

    1. - (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath
    2. {
    3. UITableViewCell *cell = [tableView dequeueReusableCellWithIdentifier:@"Cell"];
    4. if (!cell) {
    5. cell = [[UITableViewCell alloc] initWithStyle:UITableViewCellStyleDefault reuseIdentifier:@"Cell"];
    6. UITextField *textField = [[UITextField alloc] initWithFrame:CGRectMake(10, 10, 300, 24)];
    7. textField.autoresizingMask = UIViewAutoresizingFlexibleWidth;
    8. textField.tag = 17;
    9. [cell.contentView addSubview:textField];
    10. textField.delegate = self;
    11. }
    13. UITextField *textField = (UITextField *)[cell.contentView viewWithTag:17];
    14. textField.text = [valueArray objectAtIndex:indexPath.row];
    16. return cell;
    17. }
    Alles anzeigen




    Wenn ich folgendes versuche...

    Quellcode

    1. - (void)textFieldDidEndEditing:(UITextField *)textField
    2. {
    4. self.value = [textField.text integerValue];
    5. [rowsArray addObject:textField.text];
    6. [self.myTableView reloadData];
    9. }

    ...erstellt er mir zu den 4 rows eine weitere row samt eingegebenen Text.

  • Na dann sind wir ja schon an der entscheidenden Stelle angekommen: dem Datenmodell.

    Das Datenmodell gibt es immer, auch wenn der Benutzer noch nichts eingegeben hat. Das Datenmodell ist immer konsistent. Das heißt in Deinem Fall, dass Dein Datenmodell (also das MutableArray) schon gleich am Anfang vier Zahlen enthält. Wenn ein Leerzeichen in Deinem Datenmodell auch erlaubt ist, dann musst Du Zeichenketten speichern und nicht Zahlen und dann im Moment der Berechnung erst aus den Zeichenketten die Zahlen extrahieren.

    Also:
    1.) im viewDidLoad das Array mit vier ordentlichen Werten initialisieren
    2.) in cellForRowAtIndexPath den Wert aus dem Array holen (machst Du ja schon ordentlich)
    3.) in textFieldDidEndEditing
    3.a) erstmal heraus bekommen, welches Feld gerade editiert wurde
    3.b) den neuen Wert an die richtige Stelle des MutableArrays schreiben - und zwar nicht mit addObject (das hängt immer hinten an), sondern mit replaceObjectAtIndex:withObject: oder setObject:atIndexedSubscript: (Achtung! Die Methode gibt es erst ab iOS 6)

    Das Datenmodell repräsentiert "im Hintergrund" das, was der Benutzer "im Vordergrund" sieht. Ich würde z.B. in tableView:numberOfRowsInSection: gar nicht fest 4 zurück geben, sondern [rowsArray count] - das stimmt immer, selbst wenn Du danach einfach mal mit 5 oder 7 Werten testest. Nur rowsArray muss von Anfang an die richtige Zahl Elemente haben.


    Es gibt bestimmt auch noch andere Wege, jeder der sonst hier im Forum unterwegs ist, wird das irgendwie anders lösen. Aber programmieren ist ja auch kreative Arbeit. Ich hätte zu 3.a gerade gar keine so richtig schöne Lösung. Man könnte das Tag der TextViews immer um eins hoch zählen und dann wieder zurück rechnen. Aber das fühlt sich komisch an. So eine blitzsaubere Idee habe ich da noch gar nicht. Du siehst ... man lernt immer noch irgendwas ... :rolleyes: