仿window阿里旺旺登陆界面,打印机吐纸动画效果-b

2023-10-11 20:10
文章标签 阿里 界面 效果 window 动画 登陆 打印机 吐纸 旺旺

本文主要是介绍仿window阿里旺旺登陆界面,打印机吐纸动画效果-b，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

偶然的机会发现window的阿里旺旺的登陆效果蛮有意思的，于是就模仿着做了一下打印机吐纸的动画效果
看起来很神奇的东西，实现起来却不难，下面我给大家看下主要的源码。

- (void)createUI{    UIImageView *backimageView=[[UIImageView alloc]init];     backimageView.image =[UIImage imageNamed:@"1.png"];     backimageView.frame = CGRectMake(50, 100, LBSCREEN_WIDTH-100, 30);     [self.view addSubview:backimageView];     backView = [[UIView alloc]initWithFrame:CGRectMake(60, 115, LBSCREEN_WIDTH-120, 0)];     backView.layer.cornerRadius = 5;     backView.backgroundColor = [UIColor whiteColor];     backView.layer.borderWidth = 1;     backView.layer.borderColor = [UIColor blackColor].CGColor;     backView.clipsToBounds = YES;     [self.view addSubview:backView];     login_btn = [UIButton buttonWithType:UIButtonTypeCustom];     login_btn.frame = CGRectMake(10, 120, LBSCREEN_WIDTH-140, 35);     [login_btn setTitle:@"登陆" forState:UIControlStateNormal];     login_btn.backgroundColor = [UIColor lightGrayColor];     login_btn.layer.cornerRadius = 5;     login_btn.layer.borderWidth = 1;     login_btn.layer.borderColor = [UIColor lightGrayColor].CGColor;     [login_btn addTarget:self action:@selector(passwordClick:) forControlEvents:UIControlEventTouchUpInside];     login_btn.clipsToBounds = YES;     pass_btn = [UIButton buttonWithType:UIButtonTypeCustom];     pass_btn.frame = CGRectMake(10, 165, LBSCREEN_WIDTH-140, 35);     [pass_btn setTitle:@"注册" forState:UIControlStateNormal];     pass_btn.backgroundColor = [UIColor redColor];     [pass_btn addTarget:self action:@selector(passwordClick:) forControlEvents:UIControlEventTouchUpInside];     pass_btn.layer.cornerRadius = 5;     pass_btn.layer.borderWidth = 1;     pass_btn.layer.borderColor = [UIColor lightGrayColor].CGColor;     pass_btn.clipsToBounds = YES;     Name_textfield = [[UITextField alloc]initWithFrame:CGRectMake(10, 20, LBSCREEN_WIDTH-140, 40)];     Name_textfield.placeholder = @"帐号";     Name_textfield.borderStyle = UITextBorderStyleRoundedRect;     Pass_textfield = [[UITextField alloc]initWithFrame:CGRectMake(10, 70, LBSCREEN_WIDTH-140, 40)];     Pass_textfield.borderStyle = UITextBorderStyleRoundedRect;     Pass_textfield.placeholder = @"密码";    //2秒后开始一个持续一分钟的动画     [UIView animateWithDuration:1 delay:2 options:UIViewAnimationOptionBeginFromCurrentState animations:^{         backView.frame=CGRectMake(60, 115, LBSCREEN_WIDTH-120, 210);     } completion:^(BOOL finished) {          [backView addSubview:Name_textfield];         dispatch_after(dispatch_time(DISPATCH_TIME_NOW, (int64_t)(0.3 * NSEC_PER_SEC)), dispatch_get_main_queue(), ^{             [backView addSubview:Pass_textfield];             dispatch_after(dispatch_time(DISPATCH_TIME_NOW, (int64_t)(0.3 * NSEC_PER_SEC)), dispatch_get_main_queue(), ^{                 [backView addSubview:login_btn];                 dispatch_after(dispatch_time(DISPATCH_TIME_NOW, (int64_t)(0.3 * NSEC_PER_SEC)), dispatch_get_main_queue(), ^{                     [backView addSubview:pass_btn];                 });             });         });}];}- (void)passwordClick:(UIButton *)sender{NSLog(@"hhhhh...."); }

不难看懂吧？主要就用到了一个改变frame的动画，x轴和y轴以及宽不变，改变它的高
下面晒下效果图

(http://allluckly.cn)

源码下载的地址

下载地址:https://github.com/AllLuckly/LBPrinterPaper

这篇关于仿window阿里旺旺登陆界面,打印机吐纸动画效果-b的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！


http://www.chinasem.cn/article/190520。

相关文章

【前端学习】AntV G6-08 深入图形与图形分组、自定义节点、节点动画（下）

【前端学习】AntV G6-08 深入图形与图形分组、自定义节点、节点动画（下）

【课程链接】 AntV G6：深入图形与图形分组、自定义节点、节点动画（下）_哔哩哔哩_bilibili 本章十吾老师讲解了一个复杂的自定义节点中，应该怎样去计算和绘制图形，如何给一个图形制作不间断的动画，以及在鼠标事件之后产生动画。（有点难，需要好好理解） <!DOCTYPE html><html><head><meta charset="UTF-8"><title>06
阅读更多...
阿里开源语音识别SenseVoiceWindows环境部署

阿里开源语音识别SenseVoiceWindows环境部署

SenseVoice介绍 SenseVoice 专注于高精度多语言语音识别、情感辨识和音频事件检测多语言识别： 采用超过 40 万小时数据训练，支持超过 50 种语言，识别效果上优于 Whisper 模型。富文本识别：具备优秀的情感识别，能够在测试数据上达到和超过目前最佳情感识别模型的效果。支持声音事件检测能力，支持音乐、掌声、笑声、哭声、咳嗽、喷嚏等多种常见人机交互事件进行检测。高效推
阅读更多...
防近视护眼台灯什么牌子好？五款防近视效果好的护眼台灯推荐

防近视护眼台灯什么牌子好？五款防近视效果好的护眼台灯推荐

在家里，灯具是属于离不开的家具，每个大大小小的地方都需要的照亮，所以一盏好灯是必不可少的，每个发挥着作用。而护眼台灯就起了一个保护眼睛，预防近视的作用。可以保护我们在学习，阅读的时候提供一个合适的光线环境，保护我们的眼睛。防近视护眼台灯什么牌子好？那我们怎么选择一个优秀的护眼台灯也是很重要，才能起到最大的护眼效果。下面五款防近视效果好的护眼台灯推荐： 一：六个推荐防近视效果好的护眼台灯的
阅读更多...
Flutter 进阶：绘制加载动画

Flutter 进阶：绘制加载动画

绘制加载动画：由小圆组成的大圆 1. 定义 LoadingScreen 类2. 实现 _LoadingScreenState 类3. 定义 LoadingPainter 类4. 总结 实现加载动画 我们需要定义两个类：LoadingScreen 和 LoadingPainter。LoadingScreen 负责控制动画的状态，而 LoadingPainter 则负责绘制动画。
阅读更多...
用Unity2D制作一个人物，实现移动、跳起、人物静止和动起来时的动画：中（人物移动、跳起、静止动作）

用Unity2D制作一个人物，实现移动、跳起、人物静止和动起来时的动画：中（人物移动、跳起、静止动作）

上回我们学到创建一个地形和一个人物，今天我们实现一下人物实现移动和跳起，依次点击，我们准备创建一个C#文件 创建好我们点击进去，就会跳转到我们的Vision Studio，然后输入这些代码 using UnityEngine;public class Move : MonoBehaviour // 定义一个名为Move的类，继承自MonoBehaviour{private Rigidbo
阅读更多...
js window.addEventListener 是什么？

js window.addEventListener 是什么？

window.addEventListener 是 JavaScript 中的一个方法，用于向指定对象（在这个情况下是 window 对象，代表浏览器窗口）添加事件监听器，以便在该对象上发生特定事件时执行相应的函数（称为事件处理函数或事件监听器）。 这个方法接受三个参数： 事件类型（type）：一个字符串，表示要监听的事件类型。例如，"click" 表示鼠标点击事件，"load" 表示页面加
阅读更多...
一款支持同一个屏幕界面同时播放多个视频的视频播放软件

一款支持同一个屏幕界面同时播放多个视频的视频播放软件

GridPlayer 是一款基于 VLC 的免费开源跨平台多视频同步播放工具，支持在一块屏幕上同时播放多个视频。其主要功能包括： 多视频播放：用户可以在一个窗口中同时播放任意数量的视频，数量仅受硬件性能限制。支持多种格式和流媒体：GridPlayer 支持所有由 VLC 支持的视频格式以及流媒体 URL（如 m3u8 链接）。自定义网格布局：用户可以配置播放器的网格布局，以适应不同的观看需求。硬
阅读更多...
阿里云服务器ces

阿里云服务器ces

允许公网通过 HTTP、HTTPS 等服务访问实例 https://help.aliyun.com/document_detail/25475.html?spm=5176.2020520101.0.0.3ca96b0b3KGTPq#allowHttp
阅读更多...
LLM系列 | 38：解读阿里开源语音多模态模型Qwen2-Audio

LLM系列 | 38：解读阿里开源语音多模态模型Qwen2-Audio

引言 模型概述 模型架构 训练方法 性能评估 实战演示 总结 引言 金山挂月窥禅径，沙鸟听经恋法门。 小伙伴们好，我是微信公众号《小窗幽记机器学习》的小编：卖铁观音的小男孩，今天这篇小作文主要是介绍阿里巴巴的语音多模态大模型Qwen2-Audio。近日，阿里巴巴Qwen团队发布了最新的大规模音频-语言模型Qwen2-Audio及其技术报告。该模型在音频理解和多模态交互
阅读更多...
动画AnimationDrawable、转动

动画AnimationDrawable、转动

现实开发中：很多地方都用到 点击动画的特效； 本案例本人做了三个关于“动” 画 的效果； 先上图： 总体图： A: B: 1：点击图片按钮，效果是：图片闪动； 通过在xml中定义：标签：animation-list来实现点击动画的效果；  是否循环标签：oneshot ;   时间间隔标签：duration ; 要显示的图片标签：drawable ;
阅读更多...

Copyright China编程 23002807@qq.com

沪ICP备2023033072号-2