ios - 动态UIButton定位？

Question

我有用户可以在我的游戏中获得的奖励。现在他们只显示他们是否解锁。他们可以获得4种不同的奖励。现在他们可能解锁了 1 个奖励或 2 个或 3 个或 4 个奖励。但是我希望动态定位图像，使其看起来像下面的图像。在下图中，每一行都应与解锁奖励数量相同。

现在，我将如何继续这样做？（注意：图像在 Y 轴上没有变化，它们只是在 X 轴上动态定位，所以不要被图像所迷惑）

谢谢！

Answer 1

我将创建一个自定义UIView子类来执行此操作，以便您可以在可以使用视图的任何地方使用它。

用法：

MyFlexibleSpacedButtons *myButtons = [[MyFlexibleSpacedButtons alloc] initWithFrame:CGRectMake(50, 50, 250, 60)];
[myButtons setButtonAtIndex:2 hidden:NO];
[myButtons setButtonAtIndex:0 hidden:NO];
[self.view addSubview:myButtons];

这是示例类：

MyFlexibleSpacedButtons.h：

#import <UIKit/UIKit.h>

@interface MyFlexibleSpacedButtons : UIView

@property (nonatomic, readonly) NSArray *allButtons;

- (void)setButtonAtIndex:(NSUInteger)index hidden:(BOOL)hidden;

@end

MyFlexibleSpacedButtons.m：

#import "MyFlexibleSpacedButtons.h"

const NSUInteger    maxButtons          = 9;
const NSUInteger    buttonsPerRow       = 3; // This can not be 0.
const CGFloat       buttonHeight        = 50;
const CGFloat       buttonWidth         = 50;
const CGFloat       spaceBetweenButtons = 10.0;

@interface MyFlexibleSpacedButtons ()
@property (nonatomic, readwrite) NSArray        *allButtons;
@end

@implementation MyFlexibleSpacedButtons

@synthesize allButtons;

- (id)initWithFrame:(CGRect)frame
{
    NSUInteger numberOfRows = ceil((double)maxButtons / (double)buttonsPerRow);
    CGFloat    minHeight    = buttonHeight * numberOfRows + spaceBetweenButtons * (numberOfRows - 1);
    if (frame.size.height < minHeight)
    {
        frame.size.height = minHeight;
    }

    CGFloat minWidth = buttonWidth * maxButtons + spaceBetweenButtons * (maxButtons-1);
    if (frame.size.width < minWidth)
    {
        frame.size.width = minWidth;
    }

    self = [super initWithFrame:frame];
    if (self) {
        // Defaults
        // Uncomment the following line if needed for debugging:
        // self.backgroundColor = [UIColor grayColor];

        // Create the buttons and add them to the array.  Default to hidden buttons
        self.allButtons = [NSArray new];
        for (int i = 0; i < maxButtons; i++)
        {
            UIButton *button   = [UIButton buttonWithType:UIButtonTypeRoundedRect];
            button.hidden      = YES;
            [button setTitle:[NSString stringWithFormat:@"%d", i] forState:UIControlStateNormal];
            [self addSubview:button];
            self.allButtons = [self.allButtons arrayByAddingObject:button];
        }

        [self setButtonFrames];
    }
    return self;
}

- (void)dealloc
{
    allButtons = nil;
}

- (void)setButtonFrames
{
    CGFloat viewHeight                  = self.bounds.size.height;
    CGFloat viewWidth                   = self.bounds.size.width;

    NSUInteger  buttonCount             = [self visibleButtonsCount];
    NSUInteger  numberOfRows            = ceil((double)maxButtons / (double)buttonsPerRow);
    CGFloat     buttonY                 = (viewHeight - buttonHeight * numberOfRows - spaceBetweenButtons * (numberOfRows - 1)) / 2;
    CGFloat     buttonGroupTotalWidth   = buttonCount * buttonWidth + (buttonCount - 1) * spaceBetweenButtons;
    CGFloat     buttonGroupStartingX    = (viewWidth - buttonGroupTotalWidth) / 2;

    // Set frames of buttons
    NSUInteger  visibleButtonIndex      = 0;
    for (int i = 0; i < maxButtons; i++)
    {
        UIButton *button    = [self.allButtons objectAtIndex:i];

        if (!button.hidden)
        {
            CGFloat buttonX     = buttonGroupStartingX + visibleButtonIndex % buttonsPerRow * (buttonWidth + spaceBetweenButtons);
            button.frame        = CGRectMake(buttonX, buttonY, buttonWidth, buttonHeight);
            visibleButtonIndex++;

            if (visibleButtonIndex % buttonsPerRow == 0)
            {
                buttonY = buttonY + buttonHeight + spaceBetweenButtons;
            }
        }
    }
}

- (void)setButtonAtIndex:(NSUInteger)index hidden:(BOOL)hidden
{
    if (index > maxButtons - 1)
    {
        return;
    }

    UIButton *button    = [self.allButtons objectAtIndex:index];
    button.hidden       = hidden;

    [self setButtonFrames];
}

- (NSUInteger)visibleButtonsCount
{
    NSUInteger buttonCount = 0;

    for (UIButton *button in self.allButtons)
    {
        if (!button.hidden)
        {
            buttonCount++;
        }
    }
    return buttonCount;
}

@end

Answer 2

我认为最简单和更灵活的方法是使用 UITableView 和带有方法的自定义单元格：- (void)NumberOfButtonsInCell:(NSUInteger)buttons;

所以在tableView数据源中调用的时候

您只需将按钮的数量相应地设置为

- (void)numberOfButtonsInCell:(NSUInteger)buttons {
  int i;
  for (i = 0; i<buttons;i++) {
    UIButton *button = [[UIButton alloc] initWithFrame:CGRectMake((cell.frame.size.widht/buttons)*i, 0, buttonWidth, buttonHeight)];

  button.tag = i;

  [self addSubview:button];

    [button addTarget:self action:@selector(buttonPressed:) forControlEvents:UIControlEventTouchUpInside];

  }
}

- (void)buttonPressed:(id)sender {
   UIButton *button = (UIButton*)sender;

   [self.delegate userDidSelectButtonAtIndex:(button.tag)];
   //so your table view resolves the row with [self.tableView indexPathForCell:cell];



}

这样你就可以设置一个方法，对于 [cell configureButtonAtIndex:index];

您可以通过几行代码轻松更改所有行为、外观甚至设计。