首页 > 移动开发 > iOS – UIButton(UIEdgeInsets)/设置button上的文字和图片上下垂直居中对齐

iOS – UIButton(UIEdgeInsets)/设置button上的文字和图片上下垂直居中对齐

UIEdgeInsets

[objc][/objc]

view plaincopy在CODE上查看代码片派生到我的代码片

  1. typedef struct UIEdgeInsets {
  2.     CGFloat top, left, bottom, right;  // specify amount to inset (positive) for each of the edges. values can be negative to 'outset'
  3. } UIEdgeInsets;

在UIButton中有三个对EdgeInsets的设置:ContentEdgeInsets、titleEdgeInsets、imageEdgeInsets

[objc][/objc]

view plaincopy在CODE上查看代码片派生到我的代码片

  1. @property(nonatomic)          UIEdgeInsets contentEdgeInsets UI_APPEARANCE_SELECTOR; // default is UIEdgeInsetsZero
  2. @property(nonatomic)          UIEdgeInsets titleEdgeInsets;                // default is UIEdgeInsetsZero
  3. @property(nonatomic)          BOOL         reversesTitleShadowWhenHighlighted; // default is NO. if YES, shadow reverses to shift between engrave and emboss appearance
  4. @property(nonatomic)          UIEdgeInsets imageEdgeInsets;                // default is UIEdgeInsetsZero

UIEdgeInsetsMake

里面的四个参数表示距离上边界、左边界、下边界、右边界的距离,默认都为零,title/image在button的正中央

[objc][/objc]

view plaincopy在CODE上查看代码片派生到我的代码片

  1. UIKIT_STATIC_INLINE UIEdgeInsets UIEdgeInsetsMake(CGFloat top, CGFloat left, CGFloat bottom, CGFloat right) {
  2.     UIEdgeInsets insets = {top, left, bottom, right};
  3.     return insets;
  4. }
[objc][/objc]

view plaincopy在CODE上查看代码片派生到我的代码片

  1.  self.view.backgroundColor = [UIColor blackColor];
  2.     UIButton *button = [UIButton buttonWithType:UIButtonTypeCustom];//button的类型
  3.     button.frame = CGRectMake(100, 100,90, 90);//button的frame
  4.    button.backgroundColor = [UIColor cyanColor];//button的背景颜色
  5. //    [button setBackgroundImage:[UIImage imageNamed:@"man_64.png"] forState:UIControlStateNormal];
  6. //    在UIButton中有三个对EdgeInsets的设置:ContentEdgeInsets、titleEdgeInsets、imageEdgeInsets
  7.     [button setImage:[UIImage imageNamed:@"IconHome@2x.png"] forState:UIControlStateNormal];//给button添加image
  8.     button.imageEdgeInsets = UIEdgeInsetsMake(5,13,21,button.titleLabel.bounds.size.width);//设置image在button上的位置(上top,左left,下bottom,右right)这里可以写负值,对上写-5,那么image就象上移动5个像素
  9.     [button setTitle:@"首页" forState:UIControlStateNormal];//设置button的title
  10.     button.titleLabel.font = [UIFont systemFontOfSize:16];//title字体大小
  11.     button.titleLabel.textAlignment = NSTextAlignmentCenter;//设置title的字体居中
  12.     [button setTitleColor:[UIColor whiteColor] forState:UIControlStateNormal];//设置title在一般情况下为白色字体
  13.     [button setTitleColor:[UIColor grayColor] forState:UIControlStateHighlighted];//设置title在button被选中情况下为灰色字体
  14.      button.titleEdgeInsets = UIEdgeInsetsMake(71, -button.titleLabel.bounds.size.width-50, 0, 0);//设置title在button上的位置(上top,左left,下bottom,右right)
  15. //    [button setContentEdgeInsets:UIEdgeInsetsMake(70, 0, 0, 0)];//
  16. //   button.contentHorizontalAlignment = UIControlContentHorizontalAlignmentCenter;//设置button的内容横向居中。。设置content是title和image一起变化
  17.     [button addTarget:self action:@selector(tap) forControlEvents:UIControlEventTouchUpInside];
  18.     [self.view addSubview:button];
[objc][/objc]

view plaincopy在CODE上查看代码片派生到我的代码片

  1. //button相应的事件
  2. -(void)tap {
  3.     NSLog(@"tap a button");
  4.     UIAlertView *alertView = [[UIAlertView alloc] initWithTitle:@"hello" message:@"willingseal" delegate:self cancelButtonTitle:@"ok" otherButtonTitles: nil nil];
  5.     [alertView show];
  6. }

效果图:

我这里使用的image是64*64的

--


本文固定链接: http://www.devba.com/index.php/archives/3589.html | 开发吧

报歉!评论已关闭.