MBProgressHUD自定义Loading图片

githud路径：https://github.com/jdg/MBProgressHUD

MBProgressHUD提供了一个很好的demo，在github上可以下载。

但是在loading中，如何才能自定义转圈图片呢？

我们需要自定义一个动画，即将一个image旋转即可，如果还需要在旋转图中心另加其他图，则要做些小动作了

代码如下：

    MBProgressHUD * hud = [MBProgressHUD showHUDAddedTo:[HUDUtil getRealView:view] animated:animated];hud.mode = MBProgressHUDModeCustomView;hud.offset = offset;//loading图片和动画UIImage *image = [[UIImage imageNamed:@"loading圈"] imageWithRenderingMode:UIImageRenderingModeAlwaysTemplate];UIImageView *imgView = [[UIImageView alloc] initWithImage:image];CABasicAnimation *anima = [CABasicAnimation animationWithKeyPath:@"transform.rotation"];anima.toValue = @(M_PI*2);anima.duration = 1.0f;anima.repeatCount = 100;[imgView.layer addAnimation:anima forKey:nil];UIImage *image_ye = [[UIImage imageNamed:@"loading叶"] imageWithRenderingMode:UIImageRenderingModeAlwaysTemplate];UIImageView *imgCenterView = [[UIImageView alloc] initWithImage:image_ye];UIImageView *contentView = [[UIImageView alloc] initWithImage:image_ye];[contentView addSubview:imgView];[contentView addSubview:imgCenterView];imgCenterView.center = contentView.center;imgView.center = contentView.center;hud.customView = contentView;//背景颜色hud.bezelView.color = [UIColor colorWithHexString:@"0x000000"];hud.bezelView.alpha = 0.5f;//背景宽高CGFloat targetWidth;CGFloat targetHeight;CGFloat margin = 10.0f;targetWidth = imgView.width + margin*2;targetHeight = imgView.height + margin*2;CGSize newSize = CGSizeMake(targetWidth, targetHeight);hud.minSize = newSize;//颜色hud.contentColor = [UIColor whiteColor];hud.animationType = MBProgressHUDAnimationFade;

其中MBProgressHUD有一个view叫做bezelView，这个View就是承载loading圈圈的背景view，背景的颜色／透明度就可以直接通过caozuo bezeView

的响应值来修改。

而loading中，承载图片的view叫做customView，他是vezelView的一个子控件。

如若不需要负责的图片loading，而只需要一张图片转圈，那么就将该转圈图片放入一个UIImageView，再赋值给customView就可以了（hud.bezelVIew = imageView(承载转圈图片的view)）

MBProgressHUD自定义Loading图片相关推荐

Android 自定义圆形图片 CircleImageView
1.效果预览 1.1.布局中写自定义圆形图片的路径即可 1.2.然后看一看图片效果 1.3.原图是这样的 @mipmap/ic_launcher 2.使用过程 2.1.CircleImageView源 ...
android 自定义loading,Android自定义动画-StarLoadingView
今天来分享第二个自定义loading的动画,起了个名字叫蹦跶的星星 ,还是老规矩先介绍,后上图. 实现效果在最后,GIF有点大,手机流量慎重. 介绍首先声明做这个动画的初衷是为了学习和分享,所以从 ...
Android 自定义圆形图片
代码注释很多,简单说下思路,然后直接贴代码 1.截取选定图片中间区域(宽等于高的正方形) 2.按照控件大小进行缩放 3.画圆,设置paint.setXfermode(new PorterDuffXfe ...
php获取头像,WordPress中用于获取及自定义头像图片的PHP脚本详解
get_avatar()(获取头像)get_avatar() 函数用来获取置顶邮箱或者用户的头像代码,在评论列表中非常常用. 这个函数提供一个 get_avatar 过滤器,用来过滤头像的 Html ...
使用jq.lazyload.js，解决设置loading图片的问题
最近在使用lazyload的时候,遇上一个问题.当对img做宽100%时,就是placeholder的loading图片也会100%宽,这样一般来说loading图片就会变得很大.实在是不能应用到项目 ...
自定义loading加载
我们可以利用动态图gif和js自定义loading加载第一步:  <img id="loading" src='img/ ...
鸿蒙os事例代码,鸿蒙HarmonyOS App开发造轮子之自定义圆形图片组件的实例代码
一.背景在采用Java配合xml布局编写鸿蒙app页面的时候,发现sdk自带的Image组件并不能将图片设置成圆形,反复了翻阅了官方API手册(主要查阅了Compont和Image相关的API),起 ...
解决织梦（DedeCMS）系统自定义字段图片调用问题
解决织梦(DedeCMS)系统自定义字段图片调用问题 2011-05-08 16:03:52| 分类: 技术相关 | 标签:自定义字段 imgurl 调用 dtp |举报 |字号订 ...
Visual Studio 2019背景美化（背景透明化+自定义背景图片）
目录前言步骤扩展安装主题及背景设置自定义背景图片字体符号美化不足之处前言版本 visual studio 2019 系统 windows 成品效果步骤扩展安装在上方找到扩展– ...

MBProgressHUD自定义Loading图片

MBProgressHUD自定义Loading图片相关推荐

最新文章

热门文章