Anim

Android 中的ActionBar 和 Tab选项卡效果和自定义主题案例 1、效果 2、MainActivity package com.example.aidldemo; import android.support.v4.app.FragmentTransaction; import android.support.v7.app.ActionBar; import android.support.v7.app.AppCompatActivity; import android.os.Bundle; import android.util.Log; import android.view.KeyEvent; public class Main4Activity extends AppCompatActivity { ActionBar actionBar; BaseFragment curFragment; @Override protected void onCreate(Bundle savedInstanceState) { super .onCreate(savedInstanceState); setContentView(R.layout.activity_main4); actionBar = getSupportActionBar(); actionBar

测试 <! DOCTYPE html > < html lang ="en" > < head > < meta charset ="UTF-8" > < title ></ title > < style > .anim-opacity2 { animation : 2s opacity2 0s infinite ; -webkit-animation : 2s opacity2 0s infinite ; -moz-animation : 2s opacity2 0s infinite ; } @keyframes opacity2 { 0%{opacity : 0 } 50% { opacity : .8 ; } 100% { opacity : 0 ; } } @-webkit-keyframes opacity2 { 0%{opacity : 0 } 50% { opacity : .8 ; } 100% { opacity : 0 ; } } @-moz-keyframes opacity2 { 0%{opacity : 0 } 50% { opacity : .8 ; } 100% { opacity : 0 ; } } </ style > </ head > < body > < h1 class ="anim-opacity2" > 测试 </ h1 > </

一. 类似水管内部水的流动 两套模型。一套在外，作为管道。另一套在内作为水的流动 在内管道贴图要求：颜色、透明相互交替。 流动具体实现，在json中添加tag属性， 在页面中通过g3d.dm ().getDataByTag(“yellow”);获取对应的模型，在添加、更改属性 { "c": "ht.Node", "i": 19884, "p": { "tag": "propelled", "rotationZ": -0.40143, "position": { "x": -0.00031, "y": -369 }, "elevation": 129.36739 }, 三维的流动通过shape3d.uv.offset改变内在管道的贴图而实现流动 function yellow(offset1) { var anim1 = ht.Default.startAnim({ duration: 2000, action: function() { offset1 += 0.015; var pipelines = g3d.dm().getDataByTag("yellow"); pipelines.s("shape3d.uv.offset", [offset1, 0]); }, finishFunc: function() { yellow(offset1); } }); } 二

前言 今天为大家带来一个很酷的作品，依然运用了强大的 HT for Web 的 3D 图形组件，动作流畅性能好，大家可以先来欣赏一下效果！ 点我进入！ 整体风格为科技金属风，制作精良，由于上传 gif 大小有限制，所以务必打开链接查看细节演示！ 代码实现 做完场景后，首先我们要对它进行一些基本的设置，如： // 设置 camera 的位置 gv.setEye([457, 9047, 434 ]) // 设置中心点位置 gv.setCenter([-4, -1, 0 ]) // 设置远端距离 gv.setFar(500000) 设置后可以让场景在反序列化后能够显示出我们想要的展示角度，设置远端位置能够避免造成场景显示不完全等问题。 为了使其看起来有一个进入的过程，我们给场景增加一个入场的动画来增色： ht.Default.startAnim({ duration: 3000 , // 动画周期毫秒数，默认采用`ht.Default.animDuration` action: function (v) { // action函数必须提供，实现动画过程中的属性变化。 gv.setEye([gv.getEye()[ 0] + (1117 - gv.getEye()[0]) * (v / 5), gv.getEye()[1] + (450 - gv.getEye()[1]) * (v / 5

我们在编辑器中看到的资源，在构建之后会进行一些转化，本章将揭开Creator对资源进行的处理。 资源处理的整体规则 首先我们将Creator的开发和运行划分为以下几个场景： 编辑器 当我们将资源放到编辑器中时，Creator会为每个资源生成唯一的uuid以及meta文件，并在项目的library目录下生成对应的json文件来描述这个资源的信息，而 uuid与资源的映射关系被放在library目录下的uuid-to-mtime.json文件中 。由于资源的引用关系是靠uuid来维系的，所以我们可以在Creator中随意地修改资源文件名、移动资源路径，而不用担心资源的关联丢失问题。 我们在编辑器中编辑的prefab、anim、场景等文件本质上是一个json文件，Cocos Creator 设计了一套json规则用于描述各种资源，prefab的json描述了prefab的结构以及每个节点的属性，但部分属性会放到meta文件中，一般是针对该资源在编辑器中的设置。 预览 预览的时候使用的是 library目录下的资源 ，不仅仅是项目assets目录下的所有资源（包括未被引用到的资源），引擎提供的一些默认资源也可以在library目录下找到。预览的模板位于引擎安装目录下的resources/static/preview-templates，程序的启动脚本为boot.js。 构建 项目构建之后

1: 掌握sp.Skeleton组件的使用; spine骨骼动画工具 1: 骨骼动画: 把动画打散, 通过工具，调骨骼的运动等来形成动画 2: spine是一个非常流行的2D骨骼动画制作工具 3: spine 动画美术人员导出3个文件: 　　(1) .png文件:动画的”骨骼”的图片集; 　　(2).atlas文件: 每个骨骼在图片集里面位置，大小; 　　(3).json文件: 骨骼动画的anim控制文件,以及骨骼位置等信息; 4: 骨骼动画导入: 直接把三个文件拷贝到项目的资源目录下即可; 5: 使用骨骼动画: 　　(1) 直接拖动到场景; 　　(2) 创建一个节点来添加sp.Skeleton组件; sp.Skeleton 1: sp.Skeleton: 控制面板属性: 　　Skeleton Data: 骨骼的控制文件.json文件; 　　Default Skin: 默认皮肤; 　　Animation: 正在播放的动画; 　　Loop: 是否循环播放; 　　Premuliplied Alpha 是否使用贴图预乘; 　　TimeScale: 播放动画的时间比例系数; 　　Debug Slots: 是否显示 Slots的调试信息; 　　Debug Bone: 是否显示Bone的调试信息; 2: sp.Skeleton重要的方法: Skeleton是以管道的模式来播放动画

参考： Laya动画基础 Egret帧动画工具类 版本：2.1.1.1 序列图动画 白鹭的序列图动画，使用TexureMerger合图，然后使用MovieClip类播放。 Laya的话，使用图集打包工具合图，然后使用Animation类播放。 一个泡泡爆炸的序列图 laya右上角选择工具，图集打包。 选择动画的父文件夹 ，后缀选择atlas，点击确定。 例如图片路径是laya\anim\pao0\pao0.png，图片文件夹路径则是laya\anim\pao0，则应该选择路径是 ：图片父文件夹路径laya\anim。 打包生成pao0.atlas和pao0.png 将动画文件atlas和png放入laya项目assets/anim文件夹下，并在代码中加载使用 public pao0:Laya.Animation; onEnable(){ //加载动画资源 this.pao0 = new Laya.Animation(); this.pao0.loadAtlas("anim/pao0.atlas",Laya.Handler.create(this, this.onAnimLoaded)); } private onAnimLoaded(){ //循环播放动画 Laya.stage.addChild(this.pao0); this.pao0.play(0,true,""); }

前言 ：添加了学习模块，所以做了一个每日一句的功能，主要是在 天行数据 申请了一个 每日一句 的api,之后用okgo，调取，并解析成对象。获取文字、图片、音频等。在线显示、播放。同时做了一个底部弹出日历选择。 效果图： /**网络请求封装**/ implementation 'com.lzy.net:okgo:3.0.4' /**日历选择器**/ implementation 'com.prolificinteractive:material-calendarview:1.4.3' Json 格式： { "code": 200, "msg": "success", "newslist": [ { "id": 3725, "content": "Passion is a key ingredient to the study and practice of law and of life.", "note": "激情是学习和实践法律不可或缺的要素，同时也是生命中不可或缺的要素。", "tts": "https://edu-wps.ks3-cn-beijing.ksyun.com/audio/17c662155203497977f9536ac2bac6e1.mp3", "imgurl": "https://edu-wps.ks3-cn-beijing.ksyun.com/image

可以通过两种方式， 一是通过定义 Activity 的主题 样式 在 styles.xml 中编辑如下代码： < style name = "AnimationActivity" parent = " @android :style/Animation.Activity" > < item name = "android:activityOpenEnterAnimation" > @anim/slide_in_left </ item > < item name = "android:activityOpenExitAnimation" > @anim/slide_out_left </ item > < item name = "android:activityCloseEnterAnimation" > @anim/slide_in_right </ item > < item name = "android:activityCloseExitAnimation" > @anim/slide_out_right </ item > </ style > 添加 themes.xml 文件： < style name = "ThemeActivity" > < item name = "android:windowAnimationStyle" > @style

使用RecyclerView和LayoutAnimation给列表添加进入动画 白诗秀儿 收藏于2018-05-14 转藏1次 举报 这里讲解下使用RecyclerView和LayoutAnimation给列表添加进入动画。分为三个步骤： 给列表项添加动画 使用列表项的动画定义LayoutAnimation RecyclerView应用LayoutAnimation的动画 使用LayoutAnimation定义动画的好处是，它是单独定义，可以应用于任何ViewGroup的子类。这里是以RecyclerView为示例。 示例效果 示例是一个向下掉的进入效果，如图： 定义列表项动画 在res/anim/路径下添加文件item_animation_fall_down.xml，它用来定义列表项的动画。添加内容如下： <set xmlns:android="http://schemas.android.com/apk/res/android" android:duration="@integer/anim_duration_medium"> <translate android:fromYDelta="-20%" android:toYDelta="0" android:interpolator="@android:anim/decelerate_interpolator" />