设置button 文字居左,图片居右

本文介绍了一种在Swift UI中实现按钮图文并排显示的方法,通过调整按钮内部文本与图片的间距来达到预期的视觉效果。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

//设置图片居右
-(void)setImageToRight
{
    NSDictionary *attribute = @{NSFontAttributeName:btn.titleLabel.font};
    //获取文本的宽度
    CGFloat btnWidth = [btn.titleLabel.text boundingRectWithSize:CGSizeMake(0, 24)
                                                         options:\
                        NSStringDrawingTruncatesLastVisibleLine |
                        NSStringDrawingUsesLineFragmentOrigin |
                        NSStringDrawingUsesFontLeading
                                                      attributes:attribute
                                                         context:nil].size.width;
    
    
    //通过调节文本和图片的内边距到达目的
    btn.imageEdgeInsets = UIEdgeInsetsMake(0, btnWidth, 0, -btnWidth);
    [btn setTitleEdgeInsets:UIEdgeInsetsMake(0, -btn.imageView.image.size.width, 0, btn.imageView.image.size.width)];
}

科技公司官网首页实现(50 分) 1、导航与横幅(14 分) 要求:创建包含公司 Logo(文字)和主导航菜单(首页、产品、案例、关于、联系) 的区域。使用盒子布局:Logo 居左,导航菜单居右。下方创建全宽横幅区,内含主标题、 副标题和一个“了解更多”按钮。横幅内容需垂直水平中(使用盒子布局)。按钮需 有基础样式和悬停效果。 2、产品展示区(16 分) 要求:创建包含标题的区域,下方使用网格布局展示 4 个产品/服务卡(图标占位、 产品名称、简短描述)。卡需显示为 4 列,有间隙。卡需有基础样式(边框、圆角、 内边距)和悬停效果(如轻微阴影)。图片宽度自适应。 3、客户展示区(10 分) 要求:创建包含标题的区域,展示 6 个客户 Logo(占位图或文字缩写)。使用盒子 布局实现 Logo 水平排列、自动换行、并在容器内中显示。每个 Logo 项目需设定固定 尺寸和间距。图片设置最大宽度 100%保持比例。 4、联系表单(10 分) 要求:创建包含标题的联系表单,包含字段:姓名(文本输入框)、邮箱(邮箱输入 框)、咨询类型(必填下拉选择框:产品/方案/合作/其他)、留言(多行文本域)、提交 按钮。必填项需有标识(如*)。表单采用单列布局。输入框、下拉框、文本域和按钮需 有基础样式(宽度 100%、边框、内边距),按钮需有悬停效果 生成代码
06-24
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值