您的位置:首页 > 移动开发 > Android开发

Android官网培训课:淡入淡出两个view

2013-06-12 08:21 351 查看
淡入淡出动画(亦称渐隐动画)通常是隐去一个UI组件同时渐现另一个UI组件。这个动画比较适合于当你选择切换应用中的某个内容或是某个视图时。渐隐动画很短小但是能提供从一个界面到另一个节目的流畅过渡,避免生硬和仓促的过渡。


创建View

创建将要淡入淡出的两个View,下面示例创建一个进度条和一个可滚动text view:
<FrameLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent">

<ScrollView xmlns:android="http://schemas.android.com/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;

...

@Override
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() {
@Override
public void onAnimationEnd(Animator animation) {
mHideView.setVisibility(View.GONE);
}
});
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  android 动画