切换动画

TransX 一个小巧玲珑的 vue 组件切换动画库

TNTWeb-全称腾讯新闻前端团队，组内小伙伴在Web前端、NodeJS开发、UI设计、移动APP等大前端领域都有所实践和积累。目前团队主要支持腾讯新闻各业务的前端开发，业务开发之余也积累沉淀了一些前端基础设施，赋能业务提效和产品创新。团队倡导开源共建，拥有各种技术大牛，团队Github地址：https://github.com/tnfe一、介绍先奉上组件库的名称：transxgithub地址：g
·2021-10-28 18:46

VUE组件切换方式

1、v-if&v-else和标识符flaghtml（）：js:exportdefault{name:'name',returndata:{flag:true},methods:{}}2、:is3、设置切换动画
·2021-09-26 14:53

uniapp项目优化方式及建议

小程序、APP分包处理pages过多4.图片懒加载5.禁止滥用本地存储6.可在外部定义变量7.分批加载数据优化页面渲染8.避免视图层和逻辑层频繁进行通讯9.CSS优化10.善用节流和防抖11.优化页面切换动画
·2021-08-25 10:14

Flutter悬浮按钮FloatingActionButton使用详解

目录1、普通用法2、修改悬浮按钮位置3、修改悬浮按钮大小4、去除悬浮按钮切换动画5、一般的自定义悬浮按钮样式6、彻底的自定义悬浮按钮样式1、普通用法floatingActionButton:FloatingActionButton
·2021-08-01 20:56

利用Android实现比较炫酷的自定义View

背景圆实现2.1、实现粒子运动2.2、实现渐变色圆2.3、展示背景圆的扇形区域2.4、实现指针变色2.5、实现背景圆颜色随扇形角度变化三、跳动数字动画实现3.1、属性动画+2个TextView实现数字上下切换动画四
·2021-07-27 18:45

高仿自如APP底部导航切换动画效果

前言最近抽时间模仿实现了自如APP的底部导航切换动画，其实我很忙的，也不知道在忙啥仿自如APP底部导航动画.gif正文自如APP底部Tab切换效果用的是SVGA动画，SVGA是一种跨平台的开源动画格式，
孔鹏飞·2021-07-09 16:15

android 页面切换动画

于是就开始调研了一下android页面切换动画的实现方式。通过网上的搜索发现，网上android的动画有很多的教程和文档了，但是对于页面间切换动画有哪些实现方式和效果，文章很少而且都比较零散。
简友菜鸡·2021-06-27 05:02

自定义布局封装

View添加阴影ShadowLayout布局阴影ShadowLayout~20190709------动画效果------NumberRain黑客帝国数字雨~20180601MTransition页面切换动画
金色狐狸·2021-06-26 00:13

Lottie与SvgaPlayer的一些简单使用，以及使用lottie做一个简单的tab切换时图标动画

在使用场景方面lottie主要是一些加载动画，引导页动画底部icon切换动画等一些轻量级动画，而svga主要是一些主播中的打赏动画，就
ghost9527·2021-06-20 01:47

vue 使用vue-navigation解决路由缓存-前进刷新后退不刷新，附加切换动画，位置存储方案

前景：工作需求，产品要求，老板督促，我个小菜鸡开始了寻找vue页面路由回退不刷新并且页面位置不变，前进刷新的路....(哼在历经keep-alive路由控制vuex存储等等一系列方法(麻烦，麻烦，本着懒一点的心态继续寻找更优的解决方案在各个大佬的帖子里去了同性交友网找到了vue-navigation！！超简单使用！792star很靠谱在此感谢作者~使用：cnpmi-Svue-navigation(
Marke同学·2021-06-11 03:07

页面切换动画

在做Ionic项目时，在HTML标签实现有动画效果的切换页面很简单，只要在a标签中加入nav-direction="back"或nav-direction="forward"就可以实现了。但是用$state.go()怎么实现动画效果呢？其实也很简单，只要在$state.go()后面加上$ionicViewSwitcher.nextDirection("back")或$ionicViewSwitch
my木子·2021-06-08 13:22

活用平滑切换功能，设计出惊讶的PPT过渡页

关于PPT里的平滑切换动画，微软官方给出了一个动画效果，如下：根据上图，我们可以做一份比较酷的标题目录。
PPT极客·2021-06-07 18:34

技能解析02——掌握这个功能，PPT动画再也不用怕！

PPT里有一个切换动画，不仅演示效果自然流畅，上手使用也是极其简单——这就是平滑（Morph，最初叫变体。）
竖锯先生·2021-06-04 19:12

Android用ViewAnimator写一个简单的控件轮播效果

控件轮播前言1.ViewAnimator2.动态添加View3.CountDownTimer4.切换动画5.优化参考材料前言因为项目的需求，需要实现一个文字滚动轮播的功能，图我暂时找不到，脑补一下就是文字会往上滚动
wodongx123·2021-05-20 20:48

Android Activity左边滑出，右边滑入的动画切换

Activity的切换动画实际上是Android的ViewAnimation(视图动画)中的TweenAnimation效果，TweenAnimation分为4种动画效果，分别是：alpha(透明变化)
小安_Android·2021-05-18 16:43

视图转场动画与动画封装

自定义视图切换动画需要先了解下面的效果对应的代码宏（系统里面直接可以调用的）kCATransitionFade交叉淡化过渡kCATransitionMoveIn新视图移到旧视图上面kCATransitionPush
T92·2021-05-17 19:49

iOS自定义TabBar

系统TabBarItem样式和设计图不一致系统TabBarItem没有切换动画效果如何最小限度的实现自定义的功能for(inti=0;i
Mr_LiTong·2021-05-14 04:30

iOS根视图切换动画

UIStoryboard*story=[UIStoryboardstoryboardWithName:@"Main"bundle:nil];UINavigationController*vc=[storyinstantiateInitialViewController];CATransition*animation=[CATransitionanimation];[animationsetDura
AllenSuzee·2021-05-11 03:36

iOS条形码动画

WeiXinBarCodeImitate是仿微信支付条形码的切换动画，包含条形码的生成、截图、旋转动画。
张璠·2021-05-08 20:17

maskView使用进阶(配合CAGradientLayer,CAShapeLayer使用)

上一篇文章介绍了maskView的原理和基本使用接下来介绍下maskView的进阶使用一.利用maskView使用多种图片做渐变切换动画1.素材basebackgroundmaskmask1//上述素材按照顺序分别是
hello_Ian·2021-05-03 09:38

Android 动画

框架提供的动画可以大致分为三种###ViewAnimationDrawableAnimationPropertyAnimation除了要介绍上面的三种基本动画的使用外，在4.4上系统提供了一种场景切换动画框架
smart_dev·2021-04-30 08:23

oc自定义present，dismiss动画

既然是自定义控制器切换动画，那么就必须创建一个类并且这个类要继承
zcc_ios·2021-04-24 11:57

Android Activity切换动画（进入和退出）

一、方式一方式一通过overridePendingTransition方法实现Activity切换动画overridePendingTransition方法是Activity中提供的Activity跳转动画方法
因为我的心·2021-04-24 08:37

Unity Spine动画常规使用

Spine动画改颜色m_skeletonAnimiation.skeleton.SetColor(newColor(1,1,1,0));Spine动画即时倒播//需要动画做正反2个同步循环动画，切换动画实现
betterplace·2021-03-09 01:03

安卓31：AndroidStudio—ImageSwitcher 图片切换器组件

可以在java文件中设置切换动画设置淡出动画setOutAnimation(AnimationUtils.loadAnimation(MainActivity.this,动画资源));设置进入动画setInAnimation
@thelakes·2021-02-09 22:01

Qt for Android程序沉浸式启动页面（去除标题栏、去除黑屏、保留后台切换动画）

最近研究Qml程序在安卓手机上运行，Qml的运行没啥问题，编译环境配置成功即可运行，安卓原生的一些东西就需要自己去琢磨了，比如程序启动后，默认会有一个短暂的黑屏以及默认标题栏，很影响用户体验，通过查阅相关资料后，记录下踩坑之路，先上最终效果：首先，解决启动黑屏和无标题栏显示，我们需要创建一个android的布局文件xml，在res/drawable目录下创建一个xml文件，并命名为style.xm
喵喵叫的猴·2021-01-04 22:24

vue3+typeScript 手风琴(每周一个小组件)

每周一个小组件前言实现功能：带切换动画效果的手风琴每周分享一个vue3+typeScript的小组件，我只想分享下自己的实现思路，楼主是个菜鸡前端，记录下实现过程，说不定对你有帮助。
谦卑沉程·2020-12-29 20:19

vue3+typeScript 手风琴(每周一个小组件)

每周一个小组件前言实现功能：带切换动画效果的手风琴每周分享一个vue3+typeScript的小组件，我只想分享下自己的实现思路，楼主是个菜鸡前端，记录下实现过程，说不定对你有帮助。
谦卑沉程·2020-12-29 20:19

SwiftUI 实现微博项目

screenshot.gif创建Xcodeproject(项目、工程)显示用户头像、昵称等内容动态显示微博数据信息显示更多微博数据信息显示微博列表一条微博显示多张图片点击微博进入微博详情页首页“推荐”“热门”点击切换动画首页两个微博列表水平滑动切换
geekAppke·2020-10-12 19:36

用FrameLayout加OnToucherListener制作View切换动画

左图为没有切换动画时的界面，右图为view切换的界面，切换过程中切换动画会随着手指的滑动而滑动，当手指离开屏幕，某一个view会有动画重新占满全屏。首先分析一下流程：手指触
ggggggggggggh·2020-09-16 22:21

背景自动切换动画和通过过渡实现图片平移（animation和transition的使用）

背景自动切换动画和通过过渡实现图片平移代码HTMLCSS代码HTMLstudy17CSS.mr-bakg{/*给背景div设置样式*/margin:025%;/*设置其外边距*/width:575px;
康立志·2020-09-16 21:15

按钮点击动画的三种实现

下面这段是改变图片实现点击效果，注意可以通过下载自动生成selector插件来很方便的生成切换动画效果。
HRobbie·2020-09-16 17:52

修改ViewPager调用setCurrentItem时，滑屏的速度 ,解决滑动之间切换动画难看

在使用ViewPager的过程中，有需要直接跳转到某一个页面的情况，这个时候就需要用到ViewPager的setCurrentItem方法了，它的意思是跳转到ViewPager的指定页面，但在使用这个方法的时候有个问题，跳转的时候有滑动效果，当需要从当前页面跳转到其它页面时，跳转页面跨度过大、或者ViewPager每个页面的视觉效果相差较大时，通过这种方式实现ViewPager跳转显得很不美观，怎
成王天下·2020-09-16 16:22

Fragment切换动画和回退栈的使用，和使用动画后导致回退时的崩溃问题；

并使用回退栈处理返回事件；单Activity多Fragment有回退栈，使用replace的方式切换Fragment，非常简单的就完成了；在初步体验一下时发现Fragment切换有点生硬，于是我给Fragment加了切换动画
Choi晨·2020-09-16 15:50

Activity跳转页面切换漂亮效果(转)

Activity的切换动画指的是从一个activity跳转到另外一个activity时的动画。
Blessing_H·2020-09-16 15:11

为viewPager设置切换动画效果

做个笔记，免得忘了主要方法：viewPager.setPageTransformer();官方地址：http://developer.android.com/training/animation/screen-slide.html
晨曦软海·2020-09-16 14:13

Android-带有切换动画的CheckBox

转自：https://github.com/andyxialm/SmoothCheckBox前言切换带动画的效果确实不错，可能以后项目会用得到，所以转发收藏。1，自定义SmoothCheckBox。publicclassSmoothCheckBoxextendsViewimplementsCheckable{privatestaticfinalStringKEY_INSTANCE_STATE="I
七号座先生·2020-09-16 04:21

Android Jetpack应用指南学习笔记6——Navigation(一)基本使用

这其中还包括了对应用程序的Appbar的管理，Fragment间的切换动画，Fragment间的参数
淡淡的香烟·2020-09-15 15:19

25个非常实用的jQuery/CSS3应用组件

在线演示/源码下载2、CSS3堆栈式图片切换动画插件这是一款非常炫的CSS3图片切换动画效果，动画效果非常丰富，折叠式、淡入淡
雨竹0011111·2020-09-15 06:09

vue 内置动画组件 transition介绍

vue官方介绍vue的内置组件，可以给任意元素包裹并且添加离开进入的动画效果，官方文档已经介绍的很详细了，这里就简单举个例子在routerView中用transition包裹，实现页面切换动画效果动画样式
前端源·2020-09-13 09:48

推荐几个有用的iOS界面开源视图、控件

iOS开源：视图UIView切换动画类库HMGLTransitionsHMGLTransitions是一个完成视图UIView之间切换的动画效果的开源类库代码。
loseway711·2020-09-13 04:46

基于vue-router的页面切换动画

基于vue-router，可以做出媲美原声app的一个动画切换效果上代码exportdefault{name:'App',data(){return{name:"left-fade",}},watch:{'$route':function(){if(this.$router.isBack){this.name="right-fade";this.$router.isBack=false;}else
枫叶小溪·2020-09-12 17:32

overridePendingTransition的简介

1Activity的切换动画指的是从一个activity跳转到另外一个activity时的动画。
狼图腾89·2020-09-12 12:22

NoScrollViewPager（不可滑动的 viewpager）

不可滑动去除了切换动画效果解决了百度地图的滑动冲突去除viewpager滑动到尽头时的阴影效果android:overScrollMode=“never”/***不可滑动的viewpager*/publicclassNoScrollViewPagerextendsViewPager
villen_t·2020-09-12 10:42

如何获取鼠标点击元素时该元素的信息

前天还是上周，老大说让我把一个切换动画改的简单一些。于是我把原来由平移和缩放组合而成的动画变成了只保留平移动画。谁会知道这一个小小的改动，竟会让效果出了点问题。
土豆男孩·2020-09-12 07:49

overridePendingTransition的简介

1Activity的切换动画指的是从一个activity跳转到另外一个activity时的动画。
weixin_34342992·2020-09-11 17:19

去掉activity默认动画效果的方法

很多手机都会自带一些Activity切换动画，项目中如果我们需要禁用掉系统Activity切换的动画，可以使用如下方法：一、重写Activity的Them中的windowAnimationStyle相关属性
weixin_34128411·2020-09-11 17:28

关于Activity切换动画（overridePendingTransition）的黑色背景问题

前阵子遇到一个Bug。一个activity的启动动画需要自定义为从屏幕底部升起。当时是这样写的:startActivity(newIntent(this,SettingActivity_.class));overridePendingTransition(R.anim.slide_in_from_bottom,0);之所以在overridePendingTransition的第二个参数写0，是以为
weixin_30776545·2020-09-11 17:25

Android设置activity统一切换动画

概述在android开发中有两种方式可以设置activity的切换动画publicvoidoverridePendingTransition(intenterAnim,intexitAnim)（Android2.0
Boo_Wang·2020-09-11 17:37

自定义ViewPager切换动画

转载请注明出处：http://blog.csdn.net/u013384823/article/details/39187709做Android开发有一年多了，以前一直用云笔记；现在觉得该学会分享了，并坚持下去！废话不多说，直接进入正题：上面是微信的主页切换效果图，随着手指的滑动，两个View的透明度会改变；下面笔者就抛砖引玉，介绍这种效果的实现。接下来我们看下如何实现这种效果：1.PageTra
daipanhua·2020-09-11 16:36
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他