Android Listview切换动画,扩展到任意view切换之间动画实现-阿里云开发者社区

开发者社区> wei-spring> 正文

Android Listview切换动画,扩展到任意view切换之间动画实现

简介: 添加布局如下:        切换动画实现:   package com.edaixi.tempbak; import android.
+关注继续查看

添加布局如下:

 

<?xml version="1.0" encoding="utf-8"?>
<!-- Copyright (C) 2010 The Android Open Source Project

     Licensed under the Apache License, Version 2.0 (the "License");
     you may not use this file except in compliance with the License.
     You may obtain a copy of the License at

          http://www.apache.org/licenses/LICENSE-2.0

     Unless required by applicable law or agreed to in writing, software
     distributed under the License is distributed on an "AS IS" BASIS,
     WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
     See the License for the specific language governing permissions and
     limitations under the License.
-->

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    <Button
        android:id="@+id/button"
        android:text="切换按钮"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />
    <ListView
        android:id="@+id/list_en"
        android:layout_width="match_parent"
        android:layout_weight="1.0"
        android:layout_height="0dip"/>
    <ListView
        android:id="@+id/list_fr"
        android:layout_width="match_parent"
        android:layout_weight="1.0"
        android:layout_height="0dip"
        android:visibility="gone"/>
</LinearLayout>

  

 

切换动画实现:

 

package com.edaixi.tempbak;

import android.animation.Animator;
import android.animation.AnimatorListenerAdapter;
import android.animation.ObjectAnimator;
import android.annotation.SuppressLint;
import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.view.animation.AccelerateInterpolator;
import android.view.animation.DecelerateInterpolator;
import android.view.animation.Interpolator;
import android.widget.AdapterView;
import android.widget.AdapterView.OnItemClickListener;
import android.widget.ArrayAdapter;
import android.widget.Button;
import android.widget.ListView;
import android.widget.SeekBar;
import android.widget.Toast;

@SuppressLint("NewApi")
public class SwitchListviewAnimation extends Activity {

	private static final int DURATION = 1500;
	private SeekBar mSeekBar;

	private static final String[] LIST_STRINGS_EN = new String[] { "e 袋洗 - 1",
			"e 袋洗 - 2", "e 袋洗 - 3", "e 袋洗 - 4", "e 袋洗 - 5", "e 袋洗 - 6" };
	private static final String[] LIST_STRINGS_FR = new String[] { "阿姨帮 - 1",
			"阿姨帮 - 2", "阿姨帮 - 3", "阿姨帮 - 4", "阿姨帮 - 5", "阿姨帮 - 6" };

	ListView mEnglishList;
	ListView mFrenchList;

	/** Called when the activity is first created. */
	@Override
	public void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_switch);
		mEnglishList = (ListView) findViewById(R.id.list_en);
		mFrenchList = (ListView) findViewById(R.id.list_fr);

		// Prepare the ListView
		final ArrayAdapter<String> adapterEn = new ArrayAdapter<String>(this,
				android.R.layout.simple_list_item_1, LIST_STRINGS_EN);
		// Prepare the ListView
		final ArrayAdapter<String> adapterFr = new ArrayAdapter<String>(this,
				android.R.layout.simple_list_item_1, LIST_STRINGS_FR);

		mEnglishList.setAdapter(adapterEn);
		mEnglishList.setOnItemClickListener(new OnItemClickListener() {

			@Override
			public void onItemClick(AdapterView<?> parent, View view,
					int position, long id) {
				Toast.makeText(getApplicationContext(),
						"---点击---" + LIST_STRINGS_EN[position], 0).show();
			}
		});
		mFrenchList.setAdapter(adapterFr);
		mFrenchList.setOnItemClickListener(new OnItemClickListener() {

			@Override
			public void onItemClick(AdapterView<?> parent, View view,
					int position, long id) {
				Toast.makeText(getApplicationContext(),
						"---点击---" + LIST_STRINGS_FR[position], 0).show();
			}
		});
		mFrenchList.setRotationY(-90f);

		Button starter = (Button) findViewById(R.id.button);
		starter.setOnClickListener(new View.OnClickListener() {
			public void onClick(View v) {
				flipit();
			}
		});
	}

	private Interpolator accelerator = new AccelerateInterpolator();
	private Interpolator decelerator = new DecelerateInterpolator();

	private void flipit() {
		final ListView visibleList;
		final ListView invisibleList;
		if (mEnglishList.getVisibility() == View.GONE) {
			visibleList = mFrenchList;
			invisibleList = mEnglishList;
		} else {
			invisibleList = mFrenchList;
			visibleList = mEnglishList;
		}
		ObjectAnimator visToInvis = ObjectAnimator.ofFloat(visibleList,
				"rotationY", 0f, 90f);
		visToInvis.setDuration(500);
		visToInvis.setInterpolator(accelerator);
		final ObjectAnimator invisToVis = ObjectAnimator.ofFloat(invisibleList,
				"rotationY", -90f, 0f);
		invisToVis.setDuration(500);
		invisToVis.setInterpolator(decelerator);
		visToInvis.addListener(new AnimatorListenerAdapter() {
			@Override
			public void onAnimationEnd(Animator anim) {
				visibleList.setVisibility(View.GONE);
				invisToVis.start();
				invisibleList.setVisibility(View.VISIBLE);
			}
		});
		visToInvis.start();
	}

}

  

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
Android ToggleButton:状态切换的Button
 Android ToggleButton:状态切换的Button Android ToggleButton和Android Button类似,但是ToggleButton提供了一种选择机制,可以表达Button处于何种状态,比如常见的WiFi打开或者关闭状态等等这种类似与非门的状态机。
658 0
Android手写状态切换布局
实现状态切换布局 image 效果图 image 原理 继承RelativeLayout,然后向其中添加各种状态的View,通过对各种View的显示隐藏的切换来实现各种状态的切换。
922 0
Android Listview切换动画,扩展到任意view切换之间动画实现
添加布局如下:        切换动画实现:   package com.edaixi.tempbak; import android.
726 0
Android 用属性动画自定义view的渐变背景
自定义view渐变背景,同时监听手势自动生成小圆球。   宿主Activity如下:   package com.edaixi.tempbak; import java.util.ArrayList; import android.
648 0
android横竖屏切换activity生命周期变化
<p style="margin-top:1em; margin-bottom:1em; padding-top:0px; padding-bottom:0px; list-style:none; font-family:Arial,宋体; font-size:14px; line-height:26px; background-color:rgb(245,250,254)"> 1、新建
1160 0
+关注
wei-spring
Android 开发,Java 开发,Python开发
366
文章
0
问答
文章排行榜
最热
最新
相关电子书
更多
《2021云上架构与运维峰会演讲合集》
立即下载
《零基础CSS入门教程》
立即下载
《零基础HTML入门教程》
立即下载