设置button图片和文字的样式

这篇博客介绍了如何创建一个自定义的UIButton子类`ReLayoutBuuton`,通过设置`layoutType`属性实现图片和文字的上图下文、左文右图等布局样式。博客中提供了`.h`和`.m`文件的代码实现,并展示了在ViewController中如何使用这个自定义按钮,特别是设置`layoutType = RelayoutTypeUpDown`来达到上图下文的效果。
摘要由CSDN通过智能技术生成

创建一个继承button的类
.h文件这样写
/*
IB_DESIGNABLE 动态刷新类
IBInspectable 可视化属性
*/

typedef NS_ENUM(NSInteger,RelayoutType) {
/// 系统默认样式
RelayoutTypeNone = 0,
/// 上图下文
RelayoutTypeUpDown = 1,
/// 左文右图
RelayoutTypeRightLeft = 2,
};
NS_ASSUME_NONNULL_BEGIN

@interface ReLayoutBuuton : UIButton
/** 布局样式*/
@property (assign,nonatomic) IBInspectable NSInteger layoutType;
@property (assign,nonatomic) IBInspectable CGFloat margin;
@end

NS_ASSUME_NONNULL_END

.m文件实现

  • (void)setValue:(id)value forUndefinedKey:(NSString *)key
    {
    }

  • (void)layoutSubviews
    {
    [super layoutSubviews];

    if (self.imageView.image == nil || self.titleLabel.text.length == 0) {
    return;
    }

    // 水平调整后
    if (self.titleLabel.center.y == self.imageVie

QML Button样式可以通过设置不同属性来实现,以下是常用的样式属性: 1. background:设置按钮的背景颜色或背景图片。 2. border:设置按钮的边框样式和边框颜色。 3. color:设置按钮的文本颜色。 4. font:设置按钮的字体样式。 5. hoverEnabled:设置鼠标悬停时是否变换样式。 6. pressed:设置按钮被按下时的样式。 7. text:设置按钮显示的文本内容。 8. textColor:设置按钮文本颜色。 9. visible:设置按钮是否可见。 10. enabled:设置按钮是否可用。 11. width:设置按钮的宽度。 12. height:设置按钮的高度。 13. style:设置按钮的样式表。 14. focus:设置按钮是否获取焦点。 15. checked:设置按钮是否被选中。 16. radius:设置按钮圆角半径。 17. border.color:设置按钮边框颜色。 18. background.color:设置按钮背景颜色。 19. background.image:设置按钮背景图片。 20. background.stretchMode:设置按钮背景图片的拉伸模式。 21. background.border:设置按钮背景图片的边框。 22. font.family:设置按钮字体的字体族名称。 23. font.pixelSize:设置按钮字体的字体大小。 24. font.bold:设置按钮字体是否加粗。 25. font.italic:设置按钮字体是否斜体。 26. font.underline:设置按钮字体是否带有下划线。 27. font.strikeout:设置按钮字体是否带有删除线。 28. font.pointSize:设置按钮字体的点大小。 29. font.weight:设置按钮字体的字体粗细。 30. styleSheet:设置按钮的样式表。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值