iOS View自定义窍门——UIButton实现上显示图片,下显示文字
2017-11-02 14:05
465 查看
第一种自定义类继承UIButton,然后
-(void)layoutSubviews { [super layoutSubviews]; CGFloat midX = self.frame.size.width / 2; CGFloat midY = self.frame.size.height/ 2 ; self.titleLabel.center = CGPointMake(midX, midY + 15); self.imageView.center = CGPointMake(midX, midY - 10); }
第二种
- (void)verticalImageAndTitle:(CGFloat)spacing{self.titleLabel.backgroundColor = [UIColor greenColor];CGSize imageSize = self.imageView.frame.size;CGSize titleSize = self.titleLabel.frame.size;CGSize textSize = [self.titleLabel.text sizeWithFont:self.titleLabel.font];CGSize frameSize = CGSizeMake(ceilf(textSize.width), ceilf(textSize.height));if (titleSize.width + 0.5 < frameSize.width) {titleSize.width = frameSize.width;}CGFloat totalHeight = (imageSize.height + titleSize.height + spacing);self.imageEdgeInsets = UIEdgeInsetsMake(- (totalHeight - imageSize.height), 0.0, 0.0, - titleSize.width);self.titleEdgeInsets = UIEdgeInsetsMake(0, - imageSize.width, - (totalHeight - titleSize.height), 0);}效果如下。imageView和label的大小都是根据内容确定的,而且二者的整体始终在中央,上下的间距可以设置。使用的时候要保证Button的宽度一定要大于等于图片的宽
相关文章推荐
- iOS View自定义窍门——UIButton实现上显示图片,下显示文字
- Android自定义TextView实现文字图片居中显示的方法
- iOS UIButton实现上显示图片,下显示文字
- IOS总结实现UIButton的图文混排 同时显示文字和图片
- Android自定义TextView实现文字图片居中显示
- iOS中在UIButton上同时显示文字和图片
- IOS】自定义UIAlertView样式,实现可替换背景和按钮 此博文包含图片此博文包含视频 (2012-10-24 10:23:25)
- android自定义View实现图片上传进度显示(仿手机QQ上传效果)
- IOS应用开发14——使用UICollectionView实现图片列表显示
- 使用自定义的item、Adapter和AsyncTask、第三方开源框架PullToRefresh联合使用实现自定义的下拉列表(从网络加载图片显示在item中的ImageView)
- AJ学IOS 之微博项目实战(11)发送微博自定义TextView实现带占位文字
- 自定义View实现擦除蒙版显示图片功能/自定义View的存储/自定义View的属性
- android自定义View实现图片上传进度显示(仿手机QQ上传效果)
- 安卓自定义View实现图片上传进度显示(仿QQ)
- 自定义View实现图片上传进度显示
- iOS - 自定义alertView,继承自UIView,可以添加子视图,标题图片+文字
- ios 地图大头针自定义显示图片 MKAnnotationView
- iOS自定义alertView,继承自UIView,可以添加子视图,标题图片,文字
- 安卓自定义View实现图片上传进度显示(仿QQ)
- iOS UIButton imageView图片无法显示