次のように表示されるように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
]]]]]];
}