Android官网培训课:淡入淡出两个view
2013-06-12 08:21
351 查看
淡入淡出动画(亦称渐隐动画)通常是隐去一个UI组件同时渐现另一个UI组件。这个动画比较适合于当你选择切换应用中的某个内容或是某个视图时。渐隐动画很短小但是能提供从一个界面到另一个节目的流畅过渡,避免生硬和仓促的过渡。
创建将要淡入淡出的两个View,下面示例创建一个进度条和一个可滚动text view:
设置动画步骤:
为你要淡入淡出的view设置相应的成员变量。在动画期间修改view时你需要用到对应的成员变量。
把要淡入的view的visibility设为GONE,可以防止view占用布局空间,省略其布局计算的开销。
把config_shortAnimTime系统参数缓存到一个成员变量。这个参数定义了动画的标准“short”持续时间。对于频繁发生的微小动画,这个持续时间非常合适。
下面的示例以上述布局文件为activity的内容布局:
View已经建立好了,按照如下步骤实现淡入淡出:
对于要淡入的view,设置alpha值为0,并设置其可见性visibility为VISIBLE。(记得吧,最初其visibility值为GONE)这样做使该view为可见,但是完全透明。
对于要淡入的view,设置alpha值为0,同时对于要淡出的view,设置其alpha值从1渐变到0。
执行
下面是代码示例:
创建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官网培训课:响应触摸事件
- Android 两个ViewPager的联动效果的实现
- android内部培训视频_第三节 常用控件(Button,TextView,EditText,AutocompleteTextView)
- Android官网培训课:显示卡片翻转动画
- Android 一个按钮两次单击触发两个不同事件并实现两个View在同一界面切换
- android 两个放置VideoView的Actitity来回切换BUG
- android 使用两个surfaceview 在摄像机画面上绘图
- android中 自定义两个View进行画图,如何让其各自刷新重绘
- 求助 android开发中 如果两个控件的id相同 会怎样?如何使用findviewbyid ()寻找到?
- Android官网培训:管理位图内存
- Android 分享两个你学习android 平台开发必须碰到的几个知识点的组件【天气预报、日期】View 组件 推荐
- Android中WebViewClient与WebChromClient两个类区别
- Android---两个视图间的淡入淡出
- android 图像淡入淡出资源问题(Button can't be cast to ImageView)
- 两个view间淡入淡出 Crossfading Two Views——翻译自developer.android.com Training
- 【android】两个view共用同一个animation对象的问题
- Android中当一行显示两个TextView时,第一个可“…”,而第二个必须显示全部
- Android 分享两个你学习android 平台开发必须碰到的几个知识点的组件【天气预报、日期】View 组件
- android官网demo之view渐变
- 简单翻译android WebView 官网