iOS之UI--指示器HUD的创建和设置

简介:

指示器的创建和设置 渐变动画

描述:

使用label就能制作指示器,原理:就是让label以动画的形式慢慢显示和消失
最好是半透明的
指示器有时候也被称为:HUD,遮盖,蒙版

思路步骤:

1、先在storyboard的View最前面添加UILabel,或者是自定义代码添加Label
 (下面我用的是自定义UILable)
2、然后在label的透明度(alpha,值:0~1)进行动画渐变设置
 (另外:hidden是不支持动画的,值:YES/NO,从值来看是没有变化的区间,就两个值)

也可以进源码查看alpha属性和hidden属性,你会发现注释讲明了alpha能用于动画,而hidden不行。

  • 方式1:头尾式
[UIView beginAnimations:nil context:nil];
[UIView setAnimationDuration:2.0];

/* 需要执行动画的代码 */

[UIView commitAnimations];
  • 方式2:block式
[UIView animateWithDuration:2.0 delay:1.0 options:kNilOptions animations:^{
 /* 需要执行动画的代码 */ /* 注意这里的options不能用nil,要用kNilOptions */ 
} completion:nil]

// 1s后,再执行动画(动画持续2s)

实现:

首先我们来实现这个小实例:

最后使用第二种Block的方法:

上面的实例进行了优化和改进,将控件的所有方法都封装进自定义控件内部了,另外还添加了背景图片,以显示HUD的透明效果以及前景色字体不透明的效果,还能显示狗哦:

实现代码下载 链接: http://pan.baidu.com/s/1nt2EI2d 密码: havn

后来,我又对指示器进行了进一步的改进,其实就是加了一点小创意:


相关文章
|
9月前
|
算法 前端开发 C++
【Qt UI相关】Qt设置窗体或控件的背景色透明
【Qt UI相关】Qt设置窗体或控件的背景色透明
1011 0
|
5月前
|
图形学 iOS开发 Android开发
从Unity开发到移动平台制胜攻略:全面解析iOS与Android应用发布流程,助你轻松掌握跨平台发布技巧,打造爆款手游不是梦——性能优化、广告集成与内购设置全包含
【8月更文挑战第31天】本书详细介绍了如何在Unity中设置项目以适应移动设备,涵盖性能优化、集成广告及内购功能等关键步骤。通过具体示例和代码片段,指导读者完成iOS和Android应用的打包与发布,确保应用顺利上线并获得成功。无论是性能调整还是平台特定的操作,本书均提供了全面的解决方案。
199 0
|
6月前
|
测试技术 Swift iOS开发
探索iOS自动化测试:使用Swift编写UI测试
【8月更文挑战第31天】在软件开发的海洋中,自动化测试是保证船只不偏离航线的灯塔。本文将带领读者启航,深入探索iOS应用的自动化UI测试。我们将通过Swift语言,点亮代码的灯塔,照亮测试的道路。文章不仅会展示如何搭建测试环境,还会提供实用的代码示例,让理论知识在实践中生根发芽。无论你是新手还是有经验的开发者,这篇文章都将是你技能提升之旅的宝贵指南。
|
8月前
|
前端开发 iOS开发
input框设置placeholder属性在iOS中显示不完整
input框设置placeholder属性在iOS中显示不完整
101 1
|
7月前
|
JavaScript API
【Element-UI】vue使用 this.$confirm区分取消与关闭,vue给this.$confirm设置多个按钮
【Element-UI】vue使用 this.$confirm区分取消与关闭,vue给this.$confirm设置多个按钮
998 0
|
7月前
【亲测有效】Element UI 自定义 Notification 通知样式不生效,设置this.$notify样式不生效问题
【亲测有效】Element UI 自定义 Notification 通知样式不生效,设置this.$notify样式不生效问题
294 0
|
9月前
|
安全 开发者 iOS开发
iOS16系统手机设置开启开发者模式才能安装ipa包
iOS16系统手机设置开启开发者模式才能安装ipa包
299 1
|
9月前
按钮的image图片是非圆角,直接对UIButton设置圆角,iOS13系统没有圆角效果的问题及解决方案
按钮的image图片是非圆角,直接对UIButton设置圆角,iOS13系统没有圆角效果的问题及解决方案
66 0
|
前端开发
前端项目实战玖拾肆react-admin+material ui-踩坑-List的用法之disableAuthentication设置验证
前端项目实战玖拾肆react-admin+material ui-踩坑-List的用法之disableAuthentication设置验证
81 0

热门文章

最新文章

  • 1
    【02】仿站技术之python技术,看完学会再也不用去购买收费工具了-本次找了小影-感觉页面很好看-本次是爬取vue需要用到Puppeteer库用node.js扒一个app下载落地页-包括安卓android下载(简单)-ios苹果plist下载(稍微麻烦一丢丢)-优雅草卓伊凡
  • 2
    【01】仿站技术之python技术,看完学会再也不用去购买收费工具了-用python扒一个app下载落地页-包括安卓android下载(简单)-ios苹果plist下载(稍微麻烦一丢丢)-客户的麻将软件需要下载落地页并且要做搜索引擎推广-本文用python语言快速开发爬取落地页下载-优雅草卓伊凡
  • 3
    用自然语言控制电脑,字节跳动开源 UI-TARS 的桌面版应用!内附详细的安装和配置教程
  • 4
    UI-TARS:字节跳动开源专注于多平台 GUI 自动化交互的视觉语言模型
  • 5
    【11】flutter进行了聊天页面的开发-增加了即时通讯聊天的整体页面和组件-切换-朋友-陌生人-vip开通详细页面-即时通讯sdk准备-直播sdk准备-即时通讯有无UI集成的区别介绍-开发完整的社交APP-前端客户端开发+数据联调|以优雅草商业项目为例做开发-flutter开发-全流程-商业应用级实战开发-优雅草Alex
  • 6
    移动端UI名词 - AxureMost
  • 7
    【02】Java+若依+vue.js技术栈实现钱包积分管理系统项目-商业级电玩城积分系统商业项目实战-ui设计图figmaUI设计准备-figma汉化插件-mysql数据库设计-优雅草卓伊凡商业项目实战
  • 8
    unity判断鼠标在不在UI上
  • 9
    iOS8 中无需开源库的内置功能一览
  • 10
    iOS7应用开发7:自定义视图、手势操作