我正在做一个新闻阅读器应用程序，我想让它让用户可以选择显示/隐藏新闻类别（如热门新闻、商业、技术、体育等）并像 Android 中的 BBC 新闻应用程序一样重新排序它们。
见下图：
我的问题是：
- 如何在单元格左侧进行重新排序控制？（其默认位置在编辑模式下单元格的右侧）
- 我有一个复选框自定义控件。如何将它放在单元格的右侧？
问问题
24235 次
10 回答
38
回答 [如果您没有使用任何配件（细节披露，&c）]
(0) 我假设你已经设置好了表格，&c。
(1) 此解决方案仅在您的表格单元格始终可拖动时才有效。将此添加到您的 viewDidLoad 到您的 Table View Controller .m 文件中。
- (void)viewDidLoad
{
[super viewDidLoad];
[self setEditing:YES];
}
(2) 为了使您可以重新排序单元格，请添加cell.showsReorderControl = YES;到您的 tableView:cellForRowAtIndexPath:。
(3) 确保您有 tableView:canMoveRowAtIndexPath: 和 tableView:moveRowAtIndexPath:toIndexPath: 方法。
- (BOOL)tableView:(UITableView *)tableview canMoveRowAtIndexPath:(NSIndexPath *)indexPath
{
return YES;
}
- (void)tableView:(UITableView *)tableView moveRowAtIndexPath:(NSIndexPath *)fromIndexPath toIndexPath:(NSIndexPath *)toIndexPath
{
}
(4) 因为您想要左侧的重新排序控件，所以我们必须删除通常在那里的 Delete 圆圈，而 tableView:editingStyleForRowAtIndexPath: 方法可以做到这一点。
- (UITableViewCellEditingStyle)tableView:(UITableView *)tableView editingStyleForRowAtIndexPath:(NSIndexPath *)indexPath
{
return UITableViewCellEditingStyleNone;
}
(5) 最后一步，魔法发生的地方——添加 tableView:willDisplayCell:forRowAtIndexPath: 方法，搜索单元格的子视图，将其缩小到私有 UITableViewCellReorderControl，最后覆盖它。
- (void) tableView:(UITableView *)tableView willDisplayCell:(UITableViewCell *)cell forRowAtIndexPath:(NSIndexPath *)indexPath
{
for(UIView* view in cell.subviews)
{
if([[[view class] description] isEqualToString:@"UITableViewCellReorderControl"])
{
// Creates a new subview the size of the entire cell
UIView *movedReorderControl = [[UIView alloc] initWithFrame:CGRectMake(0, 0, CGRectGetMaxX(view.frame), CGRectGetMaxY(view.frame))];
// Adds the reorder control view to our new subview
[movedReorderControl addSubview:view];
// Adds our new subview to the cell
[cell addSubview:movedReorderControl];
// CGStuff to move it to the left
CGSize moveLeft = CGSizeMake(movedReorderControl.frame.size.width - view.frame.size.width, movedReorderControl.frame.size.height - view.frame.size.height);
CGAffineTransform transform = CGAffineTransformIdentity;
transform = CGAffineTransformTranslate(transform, -moveLeft.width, -moveLeft.height);
// Performs the transform
[movedReorderControl setTransform:transform];
}
}
}
我花了将近十个小时试图找出一个解决方案，什么时候配件我做不到。我首先需要更多的经验和知识。简单地对公开按钮上的重新排序控件做同样的事情是行不通的。所以我希望这暂时有效；如果我将来弄清楚，我一定会更新它。
嗨 Hoang Van Ha，这是我的第一个答案，我一个月前才开始学习 Objective-C，所以我还是个菜鸟。
我一直在尝试对我的应用程序做同样的事情，并且一直在寻找如何做到这一点。在这方面，Apple 的文档并没有太大帮助。当人们只是链接到文档时，我发现它非常令人沮丧。我想对他们大喊大叫。希望我的回答对你有所帮助。
对b2Cloud 赞不绝口，因为我使用了本文中他们的一些代码并将其改编为我的答案。
于 2012-06-22T22:14:40.387 回答
24
与其寻找非公共 API 并且将来可能会更改UITableViewCellReorderControl，我建议使用over the并实现您自己的重新排序逻辑。UILongPressGestureRecognizerUITableView
我解决了一般情况（响应长按单元格的任何部分）中HPReorderTableView，UITableView 的直接替换。它可以很容易地修改以响应对单元格特定部分的触摸，例如通过实现gestureRecognizer:shouldReceiveTouch:委托reorderGestureRecognizer。
于 2014-01-22T10:46:22.063 回答
18
现在有一个更简单的 iOS 9 及更高版本的解决方案
tableView.semanticContentAttribute = .forceRightToLeft
编辑：
正如Roland提到的，您应该注意到“如果您通过leadingandtrailing锚点而不是leftand来对齐单元格的子视图right，则此设置将翻转所有内容。”
于 2017-05-30T05:50:41.703 回答
4
Luke Dubert，对 iOS 7 有很酷的答案，应该稍微改一下：
UIView *cellSubview = cell.subviews[0];
for(UIView* view in cellSubview.subviews)
{
if([[[view class] description] isEqualToString:@"UITableViewCellReorderControl"])
{
于 2013-12-17T07:56:06.333 回答
3
我使用 swift 4.2 在 iOS 12 上进行了测试，而不是使用view.self.description == "UITableViewCellReorderControl"，使用view.self.description.contains("UITableViewCellReorderControl")
func tableView(_ tableView: UITableView, willDisplay cell: UITableViewCell, forRowAt indexPath: IndexPath) {
for view in cell.subviews {
if view.self.description.contains("UITableViewCellReorderControl") {
let movedReorderControl = UIView(frame: CGRect(x: 0, y: 0, width: view.frame.maxX, height: view.frame.maxY))
movedReorderControl.addSubview(view)
cell.addSubview(movedReorderControl)
let moveLeft = CGSize(width: movedReorderControl.frame.size.width - view.frame.size.width, height: movedReorderControl.frame.size.height - view.frame.size.height)
var transform: CGAffineTransform = .identity
transform = transform.translatedBy(x: -moveLeft.width, y: -moveLeft.height)
movedReorderControl.transform = transform
}
}
}
于 2019-04-09T02:56:11.747 回答
2
受卢克解决方案的启发，我找到了一种可靠且直接的方法来实现这一点：
@implementation CustomTableViewCell
-(void) layoutSubviews {
[super layoutSubviews];
// set the frames of the other subviews here if necessary, for example:
// self.textLabel.frame = CGRectMake(80, 0, self.textLabel.frame.size.width, self.textLabel.frame.size.height);
for (UIView* view in self.subviews) {
if ([[[view class] description] containsString:@"UITableViewCellReorderControl"]) {
[view setFrame:CGRectMake(20, 0, view.frame.size.width, view.frame.size.height)];
}
}
}
@end
只需创建一个自定义 UITableViewCell，覆盖其子视图并修改每个视图的位置，即可在所有已知场景中正常工作。
在 willDisplayCellAtIndexPath 下执行 UITableViewReorderControl 自定义不能 100% 工作，第一个重新排序按钮偶尔不会正确定位。
于 2018-12-06T19:56:38.340 回答
1
这个解决方案在 iOS7 中对我不起作用，所以我为两者创建了一个版本，我希望它有用：
- (void)moveReorderControl:(UITableViewCell *)cell subviewCell:(UIView *)subviewCell
{
if([[[subviewCell class] description] isEqualToString:@"UITableViewCellReorderControl"]) {
static int TRANSLATION_REORDER_CONTROL_Y = -20;
//Code to move the reorder control, you change change it for your code, this works for me
UIView* resizedGripView = [[UIView alloc] initWithFrame:CGRectMake(0, 0, CGRectGetMaxX(subviewCell.frame), CGRectGetMaxY(subviewCell.frame))];
[resizedGripView addSubview:subviewCell];
[cell addSubview:resizedGripView];
// Original transform
const CGAffineTransform transform = CGAffineTransformMakeTranslation(subviewCell.frame.size.width - cell.frame.size.width, TRANSLATION_REORDER_CONTROL_Y);
// Move custom view so the grip's top left aligns with the cell's top left
[resizedGripView setTransform:transform];
}
}
//This method is due to the move cells icons is on right by default, we need to move it.
- (void) tableView:(UITableView *)tableView willDisplayCell:(UITableViewCell *)cell forRowAtIndexPath:(NSIndexPath *)indexPath
{
if (tableView.tag == MEETING_BLOCK_TABLE_TAG) {
for(UIView* subviewCell in cell.subviews)
{
if ([ROCFunctions isIOS7]) {
if([[[subviewCell class] description] isEqualToString:@"UITableViewCellScrollView"]) {
for(UIView* subSubviewCell in subviewCell.subviews) {
[self moveReorderControl:cell subviewCell:subSubviewCell];
}
}
}
else{
[self moveReorderControl:cell subviewCell:subviewCell];
}
}
}
}
于 2013-10-21T09:49:24.167 回答
0
谢谢上面的所有人。这是我的解决方案。已在 iOS7 和 iOS9 上测试过
@implementation StoryPreviewCell
-(void)layoutSubviews{
[super layoutSubviews];
//subviews contains first level and second level views.
NSMutableArray *subviews = [NSMutableArray array];
[subviews addObjectsFromArray:self.subviews];
for (NSInteger i=0; i<self.subviews.count; i++) {
UIView *firstLevelView = self.subviews[i];
if(firstLevelView.subviews.count) [subviews addObjectsFromArray:firstLevelView.subviews];
}
for(UIView* view in subviews) {
if([[[view class] description] isEqualToString:@"UITableViewCellReorderControl"]) {
UIView *reorderControl = view;
CGFloat leftMoveDistance = 100;//can customize
CGAffineTransform transform = CGAffineTransformTranslate(CGAffineTransformIdentity, -leftMoveDistance, 0);
reorderControl.transform = transform;
}
}
}
@end
于 2015-11-13T06:32:07.083 回答
0
对于那些使用 Xamarin 的人，这是我基于 @luke-dubert 答案的解决方案，但在重用时要注意删除额外添加的视图：
在 TableViewSource 上：
public override void WillDisplay(UITableView tableView, UITableViewCell cell, NSIndexPath indexPath)
{
(cell as GraphBarLineCell)?.SetEditionMode(tableView.Editing);
}
在单元格上：
private UIView _reorderControlContainer;
public void SetEditionMode(bool editing)
{
_title.Frame = editing ? TitleFrameForEditing : TitleFrame;
if (editing)
{
var reorderControl = Subviews.FirstOrDefault(x => x.Class.Name.Equals("UITableViewCellReorderControl"));
if (reorderControl != null)
{
_reorderControlContainer?.RemoveFromSuperview();
// Creates a new subview the size of the entire cell
_reorderControlContainer = new UIView(new CGRect(0, 0, reorderControl.Frame.GetMaxX(), reorderControl.Frame.GetMaxY()));
// Adds the reorder control view to our new subview
_reorderControlContainer.AddSubview(reorderControl);
// Adds our new subview to the cell
AddSubview(_reorderControlContainer);
// CGStuff to move it to the left
var moveLeft = new CGSize(_reorderControlContainer.Frame.Size.Width - reorderControl.Frame.Size.Width,
_reorderControlContainer.Frame.Size.Height - reorderControl.Frame.Size.Height);
var transform = CGAffineTransform.MakeIdentity();
transform = CGAffineTransform.Translate(transform, -moveLeft.Width, -moveLeft.Height);
_reorderControlContainer.Transform = transform;
// Align the icon with the title
var icon = reorderControl.Subviews[0];
icon.Frame = new CGRect(10, 25, icon.Frame.Width, icon.Frame.Height);
}
}
}
于 2017-02-02T18:31:25.660 回答
-1
我找到了一个更简单的解决方案，它不需要对任何东西进行绝对手动定位，甚至可以使用从/到编辑模式的动画过渡。应该适用于 iOS6 和 7。
在某处的 UIView 上定义这个类别：
@interface UIView (ClassSearch)
- (instancetype)subviewOfClassMatching:(NSString*)partialName;
@end
@implementation UIView (ClassSearch)
-(instancetype)subviewOfClassMatching:(NSString *)partialName
{
if ([[[self class] description] rangeOfString:partialName options:NSCaseInsensitiveSearch].location != NSNotFound) {
return self;
}
for (UIView* v in self.subviews) {
id match = [v subviewOfClassMatching:partialName];
if (match) {
return match;
}
}
return nil;
}
@end
然后，在您的 UITableViewCell 子类中，像这样覆盖 willTransitionToState：
-(void)willTransitionToState:(UITableViewCellStateMask)state
{
[super willTransitionToState:state];
if (state == UITableViewCellStateShowingEditControlMask) {
UIView* reorderControl = [self subviewOfClassMatching:@"ReorderControl"];
UIView* reorderContainer = [[UIView alloc] initWithFrame:self.bounds];
CGAffineTransform t = CGAffineTransformMakeScale(-1, 1);
reorderContainer.transform = t;
[self addSubview:reorderContainer];
[reorderContainer addSubview:reorderControl];
}
}
请注意，单元格需要配置为仅显示重新排序控件，否则需要完成更多工作。
于 2014-01-21T13:43:47.367 回答