UIButton 获取网络图片的排版技巧

最新推荐文章于 2020-06-03 17:14:24 发布
最新推荐文章于 2020-06-03 17:14:24 发布
阅读量3.4k 收藏
点赞数
分类专栏： iOS 文章标签： UIButton 网络图片 setImage
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u013749108/article/details/77922379
版权
在iOS开发中，遇到UIButton需要显示网络图片和标题，因Android与iOS图片尺寸差异导致布局问题。本文探讨两种解决方案：一是使用imageEdgeInsets调整图片大小，保持图片与标题整体居中；二是下载后改变图片大小，但可能引发按钮闪烁，可通过预设默认图优化用户体验。
摘要由CSDN通过智能技术生成

最近在做 UI 的时候，遇到一排 button 需要通过后端来控制它的 image 和 title。但由于 Android 和 iOS 对图片要求的尺寸有差异，因此通过后端开控制图片大小比较麻烦。

由于我们对 button 的尺寸有具体的要求，因此，当代码写下来的时候，效果是这样的：

    [self.button1 sd_setImageWithURL:[NSURL URLWithString:ResourceUrl] forState:UIControlStateNormal];

    [self.button1 setTitle:@"一碗米饭" forState:UIControlStateNormal];

    self.button1.frame = CGRectMake(50, 50, 120, 50);

效果图如下：

最低0.47元/天 解锁文章
江枫夜雨
关注
专栏目录
iOS 开发之 为UIButton添加类别方法加载网络图片
糖醋里脊
04-29 4579
UIButton+WebCache.h   #import     // 为Button添加类别方法   @interface UIButton (WebCache)     - (void)xr_setButtonImageWithUrl:(NSString *)urlStr;   @end   UIButto
UIButton 图片和文字上下排列
KeepMission的博客
01-29 593
新建一个UIButton 类 重写layoutSubviews方法 -(void)layoutSubviews { // Center image [superlayoutSubviews]; CGPoint center =self.imageView.center; center.x =self.frame.size.width/2; center.y =
uibutton设置网络图片
Marvel博客
08-18 2524
#import 在方法中调用： [self xr_setButtonImageWithUrl:categoryImageArr[i] sender:typeBtn]; - (void)xr_setButtonImageWithUrl:(NSString *)urlStr sender:(UIButton *)sender {                   
UIButton标题、图片的各种排列
chen___xi的博客
01-25 601
下面是对UIButton的图文排列的一个简易封装。 添加了一个对大图的处理的接口：如果要显示的图片过大，可以先设置比例对其缩放显示，再来进行排列。 UIButton+ImageAndTitle.h #import @interface UIButton (ImageAndTitle) /** * 缩放图片（主要是针对大图显示不完全，就先缩放） * times : 倍数 */
给UIButton添加URL图片、给UIImageView添加URL图片
liuzhihui666的博客
08-27 3124
//给按钮添加图片 NSString *imgUrl = [[self.user iconURL]stringByReplacingOccurrencesOfString:@"w.h"                                                                      withString:@"160.0"];     NSData
iOS如何将UIButton中的图片与文字上下对齐详解
01-05
相信每位iOS开发者都知道在UIButton中可以设置图片和文字，也经常见到同时设置有图片和下方提示文字的按钮，但是当我自己去对图片按钮添加提示文字的时候，却发现这并不是想象中的那么简单。怎么不简单呢？下面来...
IOS开发UIButton(左边图片右边文字效果)
09-01
本文将详细讲解如何实现`UIButton`左边显示图片，图片后面紧接着显示文字的效果，类似于微信“发现”功能中的样式。这个效果通过调整`UIButton`的`imageEdgeInsets`和`titleEdgeInsets`属性可以轻松实现。 首先，...
IOS 获取网络图片大小实例详解
08-30
在iOS开发中，获取网络图片的大小是常见的需求，尤其是在创建UIImageView或UIButton等控件时，需要预先知道图片尺寸以便正确布局。这个过程通常涉及到网络请求、图片格式识别以及数据解析等多个步骤。以下是对标题和...
iOS 图片排版- -
ryan1360的专栏
10-16 316
原图 代码排版之后的图 代码部分 UIImage *rawBackground = [UIImage imageNamed:@"MessageEntryBackground.png"]; UIImage *background = [rawBackground stretchableImageWithLeftCapWidth:13 topCapHeig
Kingfisher 5.13~ UIImageView、UIButton类扩展加载 网络图片
痞人芳芳的博客
06-03 1310
Kingfisher 5.13~ UIImageView、UIButton类扩展加载 网络图片 UIImage 图片压缩、沙盒存储 //MARK: - UIButton extension UIButton { //UIButton kf网络 图片 func setButton(url:String,placeholder:String){ let placegholderImage = UIImage(named: placeholder) if url.
UIButton的title和image
jichw的专栏
05-11 748
UIButton的默认布局是:title在右,image在左; 一种是设置UIButton的以下两个属性: // default is UIEdgeInsetsZero @property(nonatomic) UIEdgeInsets titleEdgeInsets; // default is UIEdgeInsetsZero @property(nonatomic) UIEd...
UIButton 加载网络图片
weixin_30701521的博客
11-27 353
以后就可以 用这个分类 UIButton轻松加载网络图片了， UIButton+WebCache.h #import <UIKit/UIKit.h> @interface UIButton (WebCache) - (void)xr_setButtonImageWithUrl:(NSString *)urlStr; @end UIButton...
UIImageView UIButtont网络图片加载
oschina_41673164的博客
03-10 538
在加载UIImageView UIButtont网络图片中常常采用第三方然而api过期就会到处去更改加载，下面采用URLSession写了一个类扩展，刚学Swift不是很熟请大神们指点欢迎多交流 // // ImageViewExtension.swift // // ImageHelper // // Created by yyj on 2020/03/1. // Copyright ©...
UIButton添加图片
黑菜妞妞的专栏
08-14 1359
设置背景图片： [myBtn setBackgroundImage:[UIImage imageNamed:@"picture.png"] forState:UIControlStateNormal]; 选中效果： [myBtn setBackgroundImage:[UIImage imageNamed:@"picture_selected.png"] forState:UIC
UIButton 图片(imageEdgeInsets)和文字(titleEdgeInsets)设置
xfy6238的博客
06-21 317
上面的界面可以很方便的使用tableviewCell 来实现, 但是如果只是简单的两三个,使用tableview 就显得有点臃肿了;1. 你可以封装一个控件,在一个view上放置一个imageview和一个label, 加上点击事件,搞定了;2. 但是为什么不尝试另一种方法呢? 直接使用UIButton,这个控件内部有一个imageview和label,适当调整它们的位置, 我们就可以很容易实现想...
按钮添加网络请求的图片（多线程）（ios自学笔记）
wangyang6275的博客
11-05 2139
for (int i= 0 ; iScrollViewArr.count; i++) {                  UIButton *button = [UIButton buttonWithType:UIButtonTypeCustom];         button.frame = CGRectMake(10+i*(width +10 ), 10, width, wi
iOS 开发中如何显示网络图片
fanxiushu的专栏
07-10 3666
iOS开发中，使用UIImageView控件来显示图片，非常简单几句话就能显示一个完整的图片： UIImageView* img =[[UIImageView alloc] initWithFrame:frame]; [superView addSubView:img]; img.image=[UIImage imageNamed:@"picture.png"]; 这是图片在本地的情况，可
uibutton图片，文字上下排列
芝麻的博客
07-08 686
uibutton图片，文字上下排列
iOS SDWebImage下网络图片尺寸获取实例与优化
在iOS开发中，获取网络图片的大小是一项常见的任务，尤其是在创建动态UI组件如UIImageView或UIButton时，预先了解图片尺寸能够帮助优化布局和性能。本文将详细介绍一种处理网络图片尺寸获取的实例方法，主要利用...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值