怎么实现好看的自定义进度条
这是当初产品提出的要求,(中间小人要能动),找了一天的资料没找到,后来灵感爆发,想到图层这个东西,话不多说直接,直接上代码
_bottmImageview = [[UIImageView alloc]initWithFrame:CGRectMake(Screen_Width *0.05, Screen_Height *0.06, Screen_Width *0.9, Screen_Height *0.03)];
_bottmImageview.image = [UIImage imageNamed:@"jindutiao@2x"];
[self.contentView addSubview:_bottmImageview];//最下面灰色的图片
_upImageview = [[UIImageView alloc]initWithFrame:CGRectMake(0, 0, _bottmImageview.frame.size.width * 0.5, Screen_Height *0.03)];
_upImageview.image = [UIImage imageNamed:@"jindutiao2@2x"];
[_bottmImageview addSubview:_upImageview];//上面层绿色的图片
_tishiLable = [self createALabelWithframe:CGRectMake(0, 0, _upImageview.frame.size.width , Screen_Height *0.03) andWithName:@"" andTextAlcent:NSTextAlignmentCenter andTextColor:UIColorFromRGB(0xffffff) andFont:[UIFont systemFontOfSize:13]];
[_upImageview addSubview:_tishiLable];//中间text,这里面Lable的创建是我自己写的一个方法若果有需要,下篇博客贴出
_tishiImageview = [[UIImageView alloc]initWithFrame:CGRectMake(_upImageview.frame.size.width - Screen_Width *0.04, Screen_Height *0.05, Screen_Width *0.1, Screen_Height *0.05)];
_tishiImageview.image = [UIImage imageNamed:@"xiaoren@2x"];
[self.contentView addSubview:_tishiImageview];//这就是上面的小人图片(这里是写死的)若果想让他动很简单,利用帧动画
_RedFlagImageview = [[UIImageView alloc]initWithFrame:CGRectMake(Screen_Width * 0.93, Screen_Height *0.04, Screen_Width *0.03, Screen_Height *0.05)];
_RedFlagImageview.image = [UIImage imageNamed:@"qizi@2x"];
[self.contentView addSubview:_RedFlagImageview];//最后面的红旗标准
其实主要是思路,只要思路对了很多东西都能解决
怎么实现好看的自定义进度条相关推荐
- html——自定义进度条、bootstrap框架及layu框架 进度条的使用及对比
先展示一下效果: 动态效果: 1. 第一个是自己写的一个进度条,纯js写的,样式不太好看,相关的函数进行了js的封装,且适配性不太好,不推荐,只是作为个人的尝试. 2. 第二个是bootstrap的进 ...
- android自定义进度条渐变色View,不使用任何图片资源
最近在公司,项目不是很忙了,偶尔看见一个兄台在CSDN求助,帮忙要一个自定义的渐变色进度条,我当时看了一下进度条,感觉挺漂亮的,就尝试的去自定义view实现了一个,废话不说,先上图吧! 这个自 ...
- android 自定义 进度条 旋转,Android_Android ProgressBar进度条使用详解,ProgressBar进度条,分为旋转进 - phpStudy...
Android ProgressBar进度条使用详解 ProgressBar进度条,分为旋转进度条和水平进度条,进度条的样式根据需要自定义,之前一直不明白进度条如何在实际项目中使用,网上演示进度条的案 ...
- android ProgressBar 自定义进度条颜色
android 自定义进度条颜色 先看图 基于产品经理各种自定义需求,经过查阅了解,下面是自己对android自定义进度条的学习过程! 这个没法了只能看源码了,还好下载了源码, sources\bas ...
- IOS开发基础之绘制饼图、柱状图、自定义进度条
IOS开发基础之绘制饼图.柱状图.自定义进度条 源码在我的主页里 1.绘制饼图 效果 源码 // LJView.m // 34-绘图饼图 // Created by 鲁军 on 2021/2/23. ...
- android自定义进度条_Android中的自定义进度栏
android自定义进度条 Custom progress bar in android application gives it a personal touch. In this tutorial ...
- elementui自定义进度条形状
elementui自定义进度条形状 前言 一.我们看下进度条的结构 二.怎么改path里数据 1.了解下svg 2.其他svg标签转换成path 3.最关键的一步 前言 进度条多以圆形.直线以及仪表盘 ...
- Android 各种自定义进度条Progressbar
Android 自定义进度条 Progressbar 控件集合 关于我,欢迎关注 博客:ccapton(http://blog.csdn.net/ccapton) 微信:Ccapton Github ...
- 关于安卓自定义进度条(二)
先上gif效果图: 上图中,蓝色的进度条为自定义进度条 注意!!!源码在文末 背景 要实现一个进度条,大部分情况下,都是需要进行自定义的.因为原生就算你自定义了背景图片,但是一旦进度条的高度,超过了一 ...
最新文章
- tuple(元组)备注
- PS2019摄影后期处理(二)
- NVLink技术及影响解析
- ApiController得到服务器端绝对路径
- ruby 执行函数_Ruby at()函数
- MySQL Clone插件
- 【设计鉴赏】精选字体设计鉴赏(三)
- 【小白】线性表的链式存储结构的实现(C语言版)
- linux中进程unit是什么意思,linux---systemd进程
- 安格鲁貂出现感冒如何解决?
- R星安装不完全无法载入social club(错误码:1)解决办法
- 小说阅读器,伪装360加速器
- 一件衣服95元,如果消费满300元,可以打八五折。输入购买衣服数,输出需要支付的金额。
- html中文本旋转90度,css如何使文字方向转90度
- 计算机应用技术博士,全国新增所大学计算机应用技术博士点
- P4546 [THUWC2017]在美妙的数学王国中畅游
- 刘磨叽恶狠狠地瞪了了张s
- 运动控制卡的函数库与Linux,运动控制卡应用开发教程之ROS(下)
- LockScreen时MENU键
- React Native 中的 Android 原生模块