Android官网培训课：淡入淡出两个view
Android官网培训课：淡入淡出两个view
[摘要：浓进浓出动绘（亦称渐隐动绘）平常是隐往一个UI组件同时渐现另外一个UI组件。那个动绘比拟得当于当您挑选切换运用中的某个内容或是某个视图时。渐隐动绘很短小然则能供应从一个界]
淡入淡出动画（亦称渐隐动画）通常是隐去一个UI组件同时渐现另一个UI组件。这个动画比较适合于当你选择切换应用中的某个内容或是某个视图时。渐隐动画很短小但是能提供从一个界面到另一个节目的流畅过渡，避免生硬和仓促的过渡。
创建将要淡入淡出的两个View，下面示例创建一个进度条和一个可滚动text view：
&FrameLayout xmlns:android=&/apk/res/android&
android:layout_width=&match_parent&
android:layout_height=&match_parent&&
&ScrollView xmlns:android=&/apk/res/android&
android:id=&@+id/content&
android:layout_width=&match_parent&
android:layout_height=&match_parent&&
&TextView style=&?android:textAppearanceMedium&
android:lineSpacingMultiplier=&1.2&
android:layout_width=&match_parent&
android:layout_height=&wrap_content&
android:text=&@string/lorem_ipsum&
android:padding=&16dp& /&
&/ScrollView&
&ProgressBar android:id=&@+id/loading_spinner&
style=&?android:progressBarStyleLarge&
android:layout_width=&wrap_content&
android:layout_height=&wrap_content&
android:layout_gravity=&center& /&
&/FrameLayout&
设置动画步骤：
为你要淡入淡出的view设置相应的成员变量。在动画期间修改view时你需要用到对应的成员变量。把要淡入的view的visibility设为GONE，可以防止view占用布局空间，省略其布局计算的开销。把config_shortAnimTime系统参数缓存到一个成员变量。这个参数定义了动画的标准“short”持续时间。对于频繁发生的微小动画，这个持续时间非常合适。config_longAnimTime&和&config_mediumAnimTime&分别对应long持续时间和medinum持续时间。
下面的示例以上述布局文件为activity的内容布局：
public class CrossfadeActivity extends Activity {
private View mContentView;
private View mLoadingView;
private int mShortAnimationDuration;
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_crossfade);
mContentView = findViewById(R.id.content);
mLoadingView = findViewById(R.id.loading_spinner);
// 最初隐藏内容试图.
mContentView.setVisibility(View.GONE);
// 缓存系统默认的短动画时间
mShortAnimationDuration = getResources().getInteger(
android.R.integer.config_shortAnimTime);
淡入淡出View
View已经建立好了，按照如下步骤实现淡入淡出：
对于要淡入的view，设置alpha值为0，并设置其可见性visibility为VISIBLE。(记得吧，最初其visibility值为GONE)这样做使该view为可见，但是完全透明。对于要淡入的view，设置alpha值为0，同时对于要淡出的view，设置其alpha值从1渐变到0。执行&Animator.AnimatorListener中的onAnimationEnd(),
设置淡出view的visibility为GONE。即使其alpha值为0，也要设为GONE，避免其占用布局空间，节省其布局计算量。
下面是代码示例：
private View mContentView; private View mLoadingView; private int mShortAnimationDuration;
private void crossfade() {
// 设置mContentView的不透明度为0%，即完全透明，但是可见，
mContentView.setAlpha(0f);
mContentView.setVisibility(View.VISIBLE);
// 将mContentView的不透明度渐变为100%，并且清除其上的动画监听器
mContentView.animate()
.alpha(1f)
.setDuration(mShortAnimationDuration)
.setListener(null);
// 将mHideView的不透明度渐变到0%.动画结束后，将其visibility设为GONE，使其不参与布局计算
mHideView.animate()
.alpha(0f)
.setDuration(mShortAnimationDuration)
.setListener(new AnimatorListenerAdapter() {
public void onAnimationEnd(Animator animation) {
mHideView.setVisibility(View.GONE);
感谢关注 Ithao123Android频道，是专门为互联网人打造的学习交流平台，全面满足互联网人工作与学习需求，更多互联网资讯尽在 IThao123!
Laravel是一套简洁、优雅的PHP Web开发框架(PHP Web Framework)。它可以让你从面条一样杂乱的代码中解脱出来；它可以帮你构建一个完美的网络APP，而且每行代码都可以简洁、富于表达力。
产品设计是互联网产品经理的核心能力，一个好的产品经理一定在产品设计方面有扎实的功底，本专题将从互联网产品设计的几个方面谈谈产品设计
随着国内互联网的发展，产品经理岗位需求大幅增加，在国内，从事产品工作的大部分岗位为产品经理，其实现实中，很多从事产品工作的岗位是不能称为产品经理，主要原因是对产品经理的职责不明确，那产品经理的职责有哪些，本专题将详细介绍产品经理的主要职责
Swift是Apple在WWDC2014所发布的一门编程语言，用来撰写OS X和iOS应用程序[1]。在设计Swift时．就有意和Objective-C共存，Objective-C是Apple操作系统在导入Swift前使用的编程语言
Swift是供iOS和OS X应用编程的新编程语言，基于C和Objective-C，而却没有C的一些兼容约束。Swift采用了安全的编程模式和添加现代的功能来使得编程更加简单、灵活和有趣。界面则基于广受人民群众爱戴的Cocoa和Cocoa Touch框架，展示了软件开发的新方向。
IThao123周刊&&国之画&&&& &&
版权所有 京ICP备号-2
迷上了代码！iOS / iPhone / iPad 实现各种视图变换效果，比如淡入淡出，飞入飞出、滑进滑出 代码 View Animations 视图切换（View Transition）开源代码 -
View Animations
已有 71 人收藏
&&&&实现各种各样的视图变换效果，比如淡入淡出，飞入飞出、滑进滑出等等。
测试环境：
&&[Code4App]编译测试
相关代码：
（13713次查看，2370次下载）
（16337次查看，3882次下载）
（80856次查看，28274次下载）
（11995次查看，1789次下载）
（25919次查看，4176次下载）
（31790次查看，10801次下载）
（31641次查看，9796次下载）
代码评论：
登录后方可评论
登录后方可评论
我想调出那个点击cell从右往左平滑过去，然后点击examples返回的时候从左往右平滑回去的效果。。。抽不出代码来啊。。
楼主可以帮帮忙吗 QQ
登录后方可评论
能用是能用，想把其中一部分动画提取出来，结果，调过去调过来，头晕了
登录后方可评论
我怎么运行不了 啊 模拟器都不出来
登录后方可评论
强，因为默认生成的是库，所以运行不了示例，按照下面的选择好即可！
登录后方可评论
/neror/ftutils/zipball/master 这个可用
登录后方可评论
运行显示success，但是不会弹出模拟器，没有界面啊
登录后方可评论
运行不了呀。管理员麻烦查看下吧。谢谢！
登录后方可评论
-控件分类-
-功能分类-ViewPager炫酷切换动画
ViewPager是Google在android.support.v4包中添加的一个控件。这个控件可以有加载ImageView，也可以加载View，加载Fragment，这也是我们最常用的。但是我们怎么实现ViewPager滑动炫酷的动画呢？
首先附上图片吧，看看效果。
实现这个其实就是使用setPageTransformer切换动画，所以我们就需要自定义PageTransformer来实现动画效果，但是这个在 3.0（API 11）以下不兼容。但是我们现在也没有多少机型是这个以下了。好吧，那我们直接进入主题。
首先我们需要导入nineoldandroids.jar包，这是一个动画开源库。然后我们自定义一个淡入淡出的动画类吧！
package com.wj.bokedemo.
import android.support.v4.view.ViewP
import android.view.V
import com.nineoldandroids.view.ViewH
public class DepthPageTransformer implements ViewPager.PageTransformer
private static final float MIN_SCALE = 0.75f;
public void transformPage(View view, float position)
int pageWidth = view.getWidth();
if (position & -1)
{ // [-Infinity,-1)
// This page is way off-screen to the left.
// view.setAlpha(0);
ViewHelper.setAlpha(view, 0);
} else if (position &= 0)// a页滑动至b页 ； a页从 0.0 -1 ；b页从1 ~ 0.0
{ // [-1,0]
// Use the default slide transition when moving to the left page
// view.setAlpha(1);
ViewHelper.setAlpha(view, 1);
// view.setTranslationX(0);
ViewHelper.setTranslationX(view, 0);
// view.setScaleX(1);
ViewHelper.setScaleX(view, 1);
// view.setScaleY(1);
ViewHelper.setScaleY(view, 1);
} else if (position &= 1)
{ // (0,1]
// Fade the page out.
// view.setAlpha(1 - position);
ViewHelper.setAlpha(view, 1 - position);
// Counteract the default slide transition
// view.setTranslationX(pageWidth * -position);
ViewHelper.setTranslationX(view, pageWidth * -position);
// Scale the page down (between MIN_SCALE and 1)
float scaleFactor = MIN_SCALE + (1 - MIN_SCALE) * (1 - position);
// view.setScaleX(scaleFactor);
ViewHelper.setScaleX(view, scaleFactor);
// view.setScaleY(1);
ViewHelper.setScaleY(view, scaleFactor);
{ // (1,+Infinity]
// This page is way off-screen to the right.
// view.setAlpha(0);
ViewHelper.setAlpha(view, 0);
下面是一个我们怎么调用的代码
package com.wj.
import android.support.v4.view.PagerA
import android.support.v4.view.ViewP
import android.support.v7.app.AppCompatA
import android.os.B
import android.view.V
import android.view.ViewG
import android.view.W
import android.widget.ImageV
import com.wj.bokedemo.view.DepthPageT
* ViewPager的滑动的动画的效果
public class MainActivity extends AppCompatActivity {
private int imgs[]={R.mipmap.a,R.mipmap.b,R.mipmap.c,R.mipmap.d,R.mipmap.e,R.mipmap.f,R.mipmap.g,R.mipmap.h,R.mipmap.i,R.mipmap.j,R.mipmap.k};
private ViewPager mViewP
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
supportRequestWindowFeature(Window.FEATURE_NO_TITLE);
setContentView(R.layout.activity_main);
mViewPager= (ViewPager) findViewById(R.id.id_viewpager);
//设置ViewPager的间距
mViewPager.setPageMargin(20);
//设置缓存页面的数量，使我们最多可见三个页面
mViewPager.setOffscreenPageLimit(3);
mViewPager.setPageTransformer(true,new DepthPageTransformer());
//设置适配器
mViewPager.setAdapter(new PagerAdapter() {
public int getCount() {
return imgs.
public boolean isViewFromObject(View view, Object object) {
return view==
public Object instantiateItem(ViewGroup container, int position) {
ImageView imageView=new ImageView(MainActivity.this);
imageView.setImageResource(imgs[position]);
imageView.setScaleType(ImageView.ScaleType.CENTER_CROP);
container.addView(imageView);
return imageV
public void destroyItem(ViewGroup container, int position, Object object) {
container.removeView((View) object);
好的，今天我们就简单的介绍到这里，有兴趣的童鞋，可以写写试试，到达自己想要的动画效果。
(window.slotbydup=window.slotbydup || []).push({
id: '2467140',
container: s,
size: '1000,90',
display: 'inlay-fix'
(window.slotbydup=window.slotbydup || []).push({
id: '2467141',
container: s,
size: '1000,90',
display: 'inlay-fix'
(window.slotbydup=window.slotbydup || []).push({
id: '2467142',
container: s,
size: '1000,90',
display: 'inlay-fix'
(window.slotbydup=window.slotbydup || []).push({
id: '2467143',
container: s,
size: '1000,90',
display: 'inlay-fix'
(window.slotbydup=window.slotbydup || []).push({
id: '2467148',
container: s,
size: '1000,90',
display: 'inlay-fix'