语音输入和文字输入动画切换

最新推荐文章于 2023-09-20 21:08:38 发布

原创最新推荐文章于 2023-09-20 21:08:38 发布 · 2.4k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#android #动画

Android开发专栏收录该内容

91 篇文章

订阅专栏

本文介绍了一种在Android应用中实现语音输入与文字输入界面切换的方法，通过使用ViewFlipper组件并配合动画效果，实现了从语音输入到文字输入的平滑过渡。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

随着语音的快速普及，很多应用都开始增加语音输入功能。下面是一个简单的语音和文字输入的动画切换：

布局文件：

<ViewFlipper
        android:id="@+id/viewFlipper1"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:layout_alignParentBottom="true" >

        <LinearLayout
            android:id="@+id/layout01"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content" >

            <Button
                android:id="@+id/bt"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:layout_weight="1"
                android:text="button" />
            <ImageView
                android:id="@+id/image01"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:src="@android:drawable/ic_btn_speak_now"/>"
            
        </LinearLayout>

        <LinearLayout
            android:id="@+id/layout02"
            android:layout_width="fill_parent"
            android:layout_height="wrap_content"
            android:visibility="gone" >

            <EditText
                android:id="@+id/tv"
                android:layout_width="fill_parent"
                android:layout_height="wrap_content"
                android:layout_weight="1" />
            <ImageView 
                android:id="@+id/image02"
                android:layout_width="wrap_content"
                android:layout_height="wrap_content"
                android:src="@android:drawable/ic_dialog_dialer"
                android:text="搜索"/>
        </LinearLayout>
    </ViewFlipper>

ViewFlipper网上有很多介绍

逻辑实现：

viewFlipper = (ViewFlipper) findViewById(R.id.viewFlipper1);
		
		image01 = (ImageView)findViewById(R.id.image01);
		image02 = (ImageView)findViewById(R.id.image02);
		
		
		leftInAnimation = AnimationUtils.loadAnimation(this, R.anim.left_in);
		leftOutAnimation = AnimationUtils.loadAnimation(this, R.anim.left_out);
		image01.setOnClickListener(new OnClickListener() {
			
			@Override
			public void onClick(View v) {
				viewFlipper.setInAnimation(leftInAnimation);
				viewFlipper.setOutAnimation(leftOutAnimation);
				viewFlipper.showNext();//向右滑动
			}
		});
		image02.setOnClickListener(new OnClickListener() {
			
			@Override
			public void onClick(View v) {
				viewFlipper.setInAnimation(leftInAnimation);
				viewFlipper.setOutAnimation(leftOutAnimation);
				viewFlipper.showNext();//向右滑动
			}
		});

这里只提供一点思路，其实还可以用OnGestureListener进行手势滑动操作。