web-dev-qa-db-ja.com

UITableViewで行の挿入を使用する

UITableViewを連絡先エディターのテーブルのように動作させたい、つまり、ユーザーが[編集]を押すと、各セクションの下部に[新しいカテゴリを追加]行が表示されます。

これを行うために以下のコードを使用していますが、問題は連絡先にあるようなスムーズな移行がないことです。代わりに、新しい行が突然表示されます。どうすればアニメーションを入手できますか?

また、「新しいカテゴリを追加」行のクリックにどのように対応しますか?現在の実装では、行をクリックできません。

ユーザーが編集を開始したときにデータをリロードする必要がありますか?そうしないと、挿入行が描画されないためです。

ありがとう。

- (void)setEditing:(BOOL)editing animated:(BOOL)animated {
    [super setEditing:editing animated:animated];
    [self.tableView setEditing:editing animated:animated];
    [tableView reloadData];
}

- (NSInteger)tableView:(UITableView *)_tableView numberOfRowsInSection:(NSInteger)section {
    // ...
    if( self.tableView.editing ) 
        return 1 + rowCount;
}

- (UITableViewCell *)tableView:(UITableView *)_tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {
    // .....
    NSArray* items = ...;
    if( indexPath.row >= [items count] ) {
        cell.textLabel.text = @"add new category";
    }
    // ...

    return cell;
}

- (UITableViewCellEditingStyle)tableView:(UITableView *)tableView editingStyleForRowAtIndexPath:(NSIndexPath *)indexPath {
    NSArray* items = ...;

    if( indexPath.row == [items count] )
        return UITableViewCellEditingStyleInsert;

    return UITableViewCellEditingStyleDelete;
}
32
Bill

私は一つの事が欠けていました。 setEditing:では、reloadDataを呼び出す代わりに、次のことを行う必要がありました。

- (void)setEditing:(BOOL)editing animated:(BOOL)animated {
    [super setEditing:editing animated:animated];
    [self.tableView setEditing:editing animated:animated]; // not needed if super is a UITableViewController

    NSMutableArray* paths = [[NSMutableArray alloc] init];

    // fill paths of insertion rows here

    if( editing )
        [self.tableView insertRowsAtIndexPaths:paths withRowAnimation:UITableViewRowAnimationBottom];
    else
        [self.tableView deleteRowsAtIndexPaths:paths withRowAnimation:UITableViewRowAnimationBottom];

    [paths release];
}
36
Bill

行のクリックへの応答は、indexPath.row == [items count]の場合、didSelectRowAtIndexPathメソッドで行われる場合があります。アニメーションについては、insertRowsAtIndexPaths:withRowAnimation:メソッドで here を見てみることをお勧めします。使い方の投稿があります here

5
luvieere

強調表示されたソリューションの望ましくない副作用は、ユーザーが1行だけスワイプしたときにも「追加」行が挿入されることです(スワイプが有効になっている場合)。次のコードは、このジレンマを解決します。

// Assuming swipeMode is a BOOL property in the class extension.

- (void)tableView:(UITableView *)tableView willBeginEditingRowAtIndexPath:(NSIndexPath *)indexPath
{
    // Invoked only when swiping, not when pressing the Edit button.
    self.swipeMode = YES;
}

- (void)tableView:(UITableView *)tableView didEndEditingRowAtIndexPath:(NSIndexPath *)indexPath
{
    self.swipeMode = NO;
}

コードには小さな変更が必要です。

- (void)setEditing:(BOOL)editing animated:(BOOL)animated {
    [super setEditing:editing animated:animated];
    [self.tableView setEditing:editing animated:animated]; // not needed if super is a UITableViewController

    if (!self.swipeMode) {

        NSMutableArray* paths = [[NSMutableArray alloc] init];

        // fill paths of insertion rows here

        if( editing )
            [self.tableView insertRowsAtIndexPaths:paths withRowAnimation:UITableViewRowAnimationBottom];
        else
            [self.tableView deleteRowsAtIndexPaths:paths withRowAnimation:UITableViewRowAnimationBottom];
        [paths release];
    }
}
0
bio