objective-c - Three20：使用 TTStyles 位于 TTButton 中文本上方的图像

Question

我正在尝试将 TTButton 设置为如下所示：

http://tinypic.com/r/29c3oyh/6

您会注意到图像和文本都在 TTButton 内居中对齐，并且图像位于文本上方。无论 TTBoxStyle 和排序如何组合，我似乎都无法同时正确对齐图像和文本。

- (TTStyle*)happyfaceIcon:(UIControlState)state {
return [TTImageStyle styleWithImageURL:nil defaultImage:nil contentMode:UIViewContentModeCenter size:CGSizeMake(40, 40) next:
        [TTBoxStyle styleWithMargin:UIEdgeInsetsMake(0, 20, 0, 0) next:nil]];
}

- (TTStyle*)happyfaceButton:(UIControlState)state {
return [TTShapeStyle styleWithShape:[TTRectangleShape shape] next:
        [TTSolidBorderStyle styleWithColor:[UIColor blackColor] width:1 next:
         [TTSolidFillStyle styleWithColor:[UIColor grayColor] next:
          [TTBoxStyle styleWithMargin:UIEdgeInsetsMake(45, 2, 5, 2) next:
           [TTTextStyle styleWithFont:[UIFont boldSystemFontOfSize:10]
                                color:[UIColor blackColor] textAlignment:UITextAlignmentCenter next:
            [TTPartStyle styleWithName:@"image" style:TTSTYLESTATE(happyfaceIcon:, state) next: nil
             ]]]]]];
}

Answer 1

好吧，这似乎很简单。我只需要查看 TTLauncherButton 即可看到答案。

基本上 TTButton 属性 isVertical = YES 清除了所有问题。

如果有人感兴趣，这也是我的最终风格

- (TTStyle*)shortcutIcon:(UIControlState)state {
TTStyle* style =
[TTBoxStyle styleWithMargin:UIEdgeInsetsMake(-7, 0, 11, 0) next:
  [TTImageStyle styleWithImageURL:nil defaultImage:nil contentMode:UIViewContentModeCenter
                             size:CGSizeZero next:nil]];

if (state == UIControlStateHighlighted || state == UIControlStateSelected) {
    [style addStyle:
     [TTBlendStyle styleWithBlend:kCGBlendModeSourceAtop next:
      [TTSolidFillStyle styleWithColor:RGBACOLOR(0,0,0,0.5) next:nil]]];
}

return style;
}

- (TTStyle*)shortcutButton:(UIControlState)state {
return
[TTPartStyle styleWithName:@"image" style:TTSTYLESTATE(shortcutIcon:, state) next:
 [TTTextStyle styleWithFont:[UIFont fontWithName:@"Frutiger-Light" size:15] color:TTSTYLEVAR(shortcutTextColor)
            minimumFontSize:11 shadowColor:nil
               shadowOffset:CGSizeZero next:nil]];
}