iOS - 允许在不编辑模式的情况下在“UITableView”中移动默认行

Posted

技术标签:

【中文标题】iOS - 允许在不编辑模式的情况下在“UITableView”中移动默认行【英文标题】:iOS - Allow default row movement in `UITableView` without editing mode 【发布时间】:2014-04-03 21:59:59 【问题描述】:

我希望允许UITableView 中的默认行移动,而不使其处于编辑模式,并且不影响UITableView 的默认行为。

上图显示了一个处于编辑模式的单元格,已启用移动。

我尝试简单地运行 for (UIView *subview in cell.subviews)(而我的 UITableView 处于编辑模式),但按钮没有出现:

<UITableViewCellScrollView: 0x8cabd80; frame = (0 0; 320 44); autoresize = W+H; gestureRecognizers = <NSArray: 0x8c9ba20>; layer = <CALayer: 0x8ca14b0>; contentOffset: 0, 0>

如何在我的UITableView 不启用编辑模式的情况下允许/添加移动“按钮”?

创建和添加UIButton 并使用默认function 进行移动也是一种选择。

【问题讨论】:

不妨试试最近这篇文章的方法:raywenderlich.com/63089/… 这可行,而且我知道这种方法是可行的。但我的问题是如何使用单元格移动的默认代码启用它。 @AleksanderAzizi 请问你为什么害怕编辑模式? 但是为什么不首先以编辑模式呈现表格视图呢?我会告诉你我为什么建议这个。如果不接触私有 API,就无法使用 Apple 的重新排序方法。您必须自己实现或使用开源(有可用的)。 使用 100% tableview 委托方法回答。我在实时应用中使用此代码。 【参考方案1】:

我实际上为我的一个应用程序做了类似的事情。它使用委托方法进行表格编辑和一些“欺骗”用户。 100% 内置 Apple 功能。

1 - 将表格设置为编辑(我在 viewWillAppear 中进行)

-(void)viewWillAppear:(BOOL)animated
    [super viewWillAppear:animated];
    [self.tableView setEditing:YES];

2 - 隐藏默认附件图标:

-(UITableViewCellEditingStyle)tableView:(UITableView *)tableView 
        editingStyleForRowAtIndexPath:(NSIndexPath *)indexPath
        //remove any editing accessories (AKA) delete button 
        return UITableViewCellAccessoryNone;
       

3 - 保持编辑模式不将所有内容向右移动(在单元格中)

 -(BOOL)tableView:(UITableView *)tableView shouldIndentWhileEditingRowAtIndexPath:(NSIndexPath *)indexPath
return NO;

4 - 此时,您应该能够拖动单元格,而不会看起来像是处于编辑模式。在这里我们欺骗用户。创建您自己的“移动”图标(默认情况下为三行,在您的情况下使用任何您想要的图标)并将 imageView 添加到它通常在单元格上的位置。

5 - 最后,实现委托方法以实际重新排列底层数据源。

-(void)tableView:(UITableView *)tableView moveRowAtIndexPath:(NSIndexPath *)sourceIndexPath toIndexPath:(NSIndexPath *)destinationIndexPath

    //Get original id
    NSMutableArray *originalArray = [self.model.items objectAtIndex:sourceIndexPath.section];
    Item * original = [originalArray objectAtIndex:sourceIndexPath.row];

    //Get destination id
    NSMutableArray *destinationArray = [self.model.items objectAtIndex:destinationIndexPath.section];
    Item * destination = [destinationArray objectAtIndex:destinationIndexPath.row];

    CGPoint temp = CGPointMake([original.section intValue], [original.row intValue]);

    original.row = destination.row;
    original.section = destination.section;

    destination.section = @(temp.x);
    destination.row = @(temp.y);

    //Put destination value in original array
    [originalArray replaceObjectAtIndex:sourceIndexPath.row withObject:destination];

    //put original value in destination array
    [destinationArray replaceObjectAtIndex:destinationIndexPath.row withObject:original];

    //reload tableview smoothly to reflect changes
    dispatch_async(dispatch_get_main_queue(), ^
        [UIView transitionWithView:tableView duration:duration options:UIViewAnimationOptionTransitionCrossDissolve animations:^
            [tableView reloadData];
         completion:NULL];
    );
 

【讨论】:

我认为这也可以,我有完全相同的代码,但是当UITableView 处于编辑模式时,默认滑动(向左)删除被禁用。 Ergo 关于如何在不使用编辑模式的情况下启用行移动的问题。 如果您需要向左滑动,请使用不同的实现启用它。在购物清单下查看我的应用程序。这听起来正是您正在寻找的。 appstore.com/mealidea 我这里的滑动实现是基本的,但是如果你在单元格中嵌入一个滚动视图,你可以获得与苹果相同的效果 如果不将表格置于编辑模式,您将无法对其进行编辑!缺少手势识别器、屏幕截图和手动移动每个单元格,这是尽可能接近 另外,您的问题仅询问默认行移动。它没有提到滑动删除...【参考方案2】:

William Falcon 在 swift 3

中的回答

1 - 将表格设置为编辑(我在 viewWillAppear 中进行)

override func viewWillAppear(_ animated: Bool) 
   super.viewWillAppear(animated: animated)
   tableView.setEditing(true, animated: false)

2 - 隐藏默认附件图标:

override func tableView(_ tableView: UITableView, editingStyleForRowAt indexPath: IndexPath) -> UITableViewCellEditingStyle 
    return .none

3 - 保持编辑模式不将所有内容向右移动(在单元格中)

override func tableView(_ tableView: UITableView, shouldIndentWhileEditingRowAt indexPath: IndexPath) -> Bool 
    return false

4 - 在 swift 3 中不需要

5 - 重新排列你的数组

补充说明

如果您想让表格单元格可选,请在viewWillAppear() 函数中添加以下代码。

tableView.allowsSelectionDuringEditing = true

【讨论】:

【参考方案3】:

对于 Swift 5... 我知道这个问题不需要编辑,但如果您唯一需要的功能是

    能够对单元格重新排序并 能够选择单元格

然后你可以关注这个(重新排序的来源:https://www.ralfebert.de/ios-examples/uikit/uitableviewcontroller/reorderable-cells/):

    设置tableView.isEditing = true 设置tableView.allowsSelectionDuringEditing = true 使用UITableViewDataSource,添加以下方法:
func tableView(_ tableView: UITableView, editingStyleForRowAt indexPath: IndexPath) -> UITableViewCell.EditingStyle 
    return .none


func tableView(_ tableView: UITableView, shouldIndentWhileEditingRowAt indexPath: IndexPath) -> Bool 
    return false

您可能需要也可能不需要覆盖这些函数。我不需要。

    (我认为)在 UITableViewDelegate 中添加:
override func tableView(_ tableView: UITableView, moveRowAt sourceIndexPath: IndexPath, to destinationIndexPath: IndexPath) 
    let movedObject = items[sourceIndexPath.row]
    items.remove(at: sourceIndexPath.row)
    items.insert(movedObject, at: destinationIndexPath.row)

其中 items 是处理表格视图中项目数的数据源数组。

关键是第2步,最后可以在其中添加func tableView(_ tableView: UITableView, didSelectRowAt indexPath: IndexPath)方法。

【讨论】:

【参考方案4】:

如果您不想将UITableView 设置为编辑模式,那么您将需要重新发明拖动单元格的功能。

我提出了一个相当完整的解决方案,使用户能够在UITableView 的可见区域内移动行。无论UITableView 是否处于编辑模式,它都有效。如果您希望在将行拖动到可见区域的顶部或底部附近时滚动表格,则需要扩展它。您可能还需要找出一些失败和边缘情况。

@implementation TSTableViewController

    NSMutableArray* _dataSource;


- (void) viewDidLoad

    [super viewDidLoad];

    _dataSource = [NSMutableArray new];
    for ( int i = 0 ; i < 10 ; i++ )
    
        [_dataSource addObject: [NSString stringWithFormat: @"cell %d", i]];
    


- (void) longPress: (UILongPressGestureRecognizer*) lpgr

    static NSString* dragCellData = nil;
    static UIView*   dragCellView = nil;
    static NSInteger dragCellOffset = 0;

    // determine the cell we're hovering over, etc:
    CGPoint pt = [lpgr locationInView: self.tableView];
    NSIndexPath* ip = [self.tableView indexPathForRowAtPoint: pt];
    UITableViewCell* cell = [self.tableView cellForRowAtIndexPath: ip];
    CGPoint ptInCell = [lpgr locationInView: cell];

    // where the current placeholder cell is, if any:
    NSInteger placeholderIndex = [_dataSource indexOfObject: @"placeholder"];

    switch ( lpgr.state )
    
        case UIGestureRecognizerStateBegan:
        
            // get a snapshot-view of the cell we're going to drag:
            cell.selected = cell.highlighted = NO;
            dragCellView = [cell snapshotViewAfterScreenUpdates: YES];
            dragCellView.clipsToBounds       = NO;
            dragCellView.layer.shadowRadius  = 10;
            dragCellView.layer.shadowColor   = [UIColor blackColor].CGColor;
            dragCellView.layer.masksToBounds = NO;
            dragCellView.frame = [cell convertRect: cell.bounds
                                        toView: self.tableView.window];

            // used to position the dragCellView nicely:
            dragCellOffset = ptInCell.y;

            // the cell will be removed from the view hierarchy by the tableview, so transfer the gesture recognizer to our drag view, and add it into the view hierarchy:
            [dragCellView addGestureRecognizer: lpgr];
            [self.tableView.window addSubview: dragCellView];


            // swap out the cell for a placeholder:
            dragCellData = _dataSource[ip.row];
            _dataSource[ip.row] = @"placeholder";

            [self.tableView reloadRowsAtIndexPaths: @[ip]
                                  withRowAnimation: UITableViewRowAnimationNone];

            break;
        

        case UIGestureRecognizerStateChanged:
        
            // where should we move the placeholder to?
            NSInteger insertIndex = ptInCell.y < cell.bounds.size.height / 2.0 ? ip.row : ip.row + 1;
            if ( insertIndex != placeholderIndex )
            
                // remove from the datasource and the tableview:
                [_dataSource removeObjectAtIndex: placeholderIndex];
                [self.tableView deleteRowsAtIndexPaths: @[ [NSIndexPath indexPathForRow: placeholderIndex inSection: 0] ]
                                      withRowAnimation: UITableViewRowAnimationFade];
                // adjust:
                if ( placeholderIndex < insertIndex )
                
                    insertIndex--;
                

                // insert to the datasource and tableview:
                [_dataSource insertObject: @"placeholder"
                                  atIndex: insertIndex];
                [self.tableView insertRowsAtIndexPaths: @[ [NSIndexPath indexPathForRow: insertIndex inSection: 0] ]
                                      withRowAnimation: UITableViewRowAnimationFade];
            

            // move our dragCellView
            CGRect f = dragCellView.frame;
            f.origin.y = pt.y - dragCellOffset;
            dragCellView.frame = f;

            break;
        

        case UIGestureRecognizerStateEnded:
        
            // replace the placeholdercell with the cell we were dragging
            [_dataSource replaceObjectAtIndex: placeholderIndex
                                   withObject: dragCellData];
            [self.tableView reloadRowsAtIndexPaths: @[ [NSIndexPath indexPathForRow: placeholderIndex inSection: 0] ]
                                  withRowAnimation: UITableViewRowAnimationFade];

            // reset state
            [dragCellView removeFromSuperview];
            dragCellView = nil;
            dragCellData = nil;

            break;
        

        default:
        
            break;
        
    


#pragma mark - Table view data source

- (NSInteger)numberOfSectionsInTableView:(UITableView *)tableView

    return 1;


- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section

    return _dataSource.count;


- (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath

    NSString* cellData = _dataSource[indexPath.row];
    if ( [cellData isEqualToString: @"placeholder" ] )
    
        // an empty cell to denote where the "drop" would go
        return [[UITableViewCell alloc] initWithStyle: UITableViewCellStyleDefault
                                      reuseIdentifier: nil];
    

    // a cell...
    UITableViewCell* cell = [[UITableViewCell alloc] initWithStyle: UITableViewCellStyleDefault
                                                   reuseIdentifier: nil];

    // our "fake" move handle & gesture recognizer

    UILongPressGestureRecognizer* lpgr = [[UILongPressGestureRecognizer alloc] initWithTarget: self action: @selector( longPress:) ];
    lpgr.minimumPressDuration = 0.3;

    UILabel* dragLabelView = [UILabel new];
    dragLabelView.text = @"☰";
    dragLabelView.userInteractionEnabled = YES;
    [dragLabelView addGestureRecognizer: lpgr];
    [dragLabelView sizeToFit];

    cell.textLabel.text = cellData;

    if ( tableView.isEditing )
    
        cell.editingAccessoryView = dragLabelView;
    
    else
    
        cell.accessoryView = dragLabelView;
    

    return cell;


@end

【讨论】:

【参考方案5】:

要使单元格移动,您必须实现相应的&lt;UITableViewDelegate&gt; 移动方法并明确允许单元格(索引路径)移动。移动指示器图标不会显示,因为它取决于编辑模式。当 tableview 处于编辑状态时,move-icon 将与 accessoryType 图标重叠。编辑模式默认带有左侧的圆形删除按钮,您可以在编辑时将其隐藏。

- (UITableViewCellEditingStyle)tableView:(UITableView *)tableView editingStyleForRowAtIndexPath:(NSIndexPath *)indexPath 
    if (self.editing) return UITableViewCellEditingStyleNone;
    return UITableViewCellEditingStyleDelete;

这样你就可以让你的 UITableView 类和 UITableViewDelegate 方法清晰易懂,你不需要实现某种自制的移动模式。 您可以使用 tableview 的编辑属性来区分单元格在 tableView:cellForRowAtIndexPath: 方法中的外观。因此,即使通过将 tableview 设置回editing = NO 来关闭移动功能也更容易,移动图标会消失,而附件类型符号会再次出现。

【讨论】:

以上是关于iOS - 允许在不编辑模式的情况下在“UITableView”中移动默认行的主要内容,如果未能解决你的问题,请参考以下文章

防止在不增加 SDK 版本的情况下在 MIUI 中强制暗模式

如何在不点击标记的情况下在 iOS 谷歌地图中显示信息窗口?

我们可以在不创建模式的情况下在 spark 数据框中加载分隔的文本文件吗?

如何在不使用原生 ios 应用程序中的 FBSDKShareDialog 的情况下在 Facebook 墙上分享照片或链接

是否可以在不使用 socket.io 的情况下在节点中制作聊天应用程序

如何在不更改声音指示器的情况下在 iOS 中以最大音量播放声音文件