Android仿微信发送语音消息动态提示，支持上滑取消发送

Android仿微信发送语音消息动态提示，支持上滑取消发送

先来几张图说明一下，简单直接：







是不是看了图片就秒懂 了。

下面来分析代码实现，直接撸代码。

主页面 AudioSendActivity.java

package com.example.main;

import android.app.Activity;
import android.app.AlertDialog;
import android.graphics.Color;
import android.graphics.drawable.AnimationDrawable;
import android.os.Bundle;
import android.util.Log;
import android.view.Gravity;
import android.view.MotionEvent;
import android.view.View;
import android.view.View.OnTouchListener;
import android.widget.ImageView;
import android.widget.TextView;

import com.example.test.R;

public class AudioSendActivity extends Activity implements OnTouchListener{
private AlertDialog mAudioDialog;
private TextView mAudioNotify;
private ImageView mVoiceState;
private TextView mAudioSend;
private boolean mCancelSend;
private final String TAG = "AudioSendActivity";

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_audiosend);
mAudioSend = (TextView) findViewById(R.id.audio_send);
mAudioSend.setOnTouchListener(this);
}

@Override
public boolean onTouch(View v, MotionEvent event) {
if (v.getId() == R.id.audio_send) {
float startY = 0;
float endY = 0;
boolean send = false;
switch (event.getAction()) {
case MotionEvent.ACTION_DOWN:
startY = event.getY();
Log.d(TAG, "audioButtonDown() MotionEvent.ACTION_DOWN");
showAudioDialog();
break;
case MotionEvent.ACTION_UP:
endY = event.getY();
hideAudioDialog();
send = true;
break;
case MotionEvent.ACTION_MOVE:
float moveY = event.getY();
int instance = (int) Math.abs((moveY - startY));
Log.d(TAG, "--action move--instance:"+instance);
if (instance > 100) {
changeAudioDialogCancel(true);
} else {
changeAudioDialogCancel(false);
}
break;
default:
break;
}

return true;
}
return false;
}

public void showAudioDialog() {
if (mAudioDialog == null) {
mAudioDialog = new AlertDialog.Builder(this).create();
mAudioDialog.show();
mAudioDialog.getWindow().setContentView(R.layout.audio_dialog);
mAudioDialog.getWindow().setGravity(Gravity.CENTER);
mAudioNotify = (TextView) mAudioDialog
.findViewById(R.id.audio_nofity);
mVoiceState = (ImageView) mAudioDialog
.findViewById(R.id.voice_state);

} else if (!mAudioDialog.isShowing()) {
mAudioDialog.show();
}
mVoiceState.setImageResource(R.drawable.message_audio);
AnimationDrawable drawable = (AnimationDrawable) mVoiceState
.getDrawable();
drawable.start();
}

private void hideAudioDialog() {
if (mAudioDialog != null && mAudioDialog.isShowing()) {
mAudioDialog.dismiss();
}
}

private void changeAudioDialogCancel(boolean cancel) {
if (mCancelSend == cancel)
return;
if (mAudioDialog != null && mAudioDialog.isShowing()
&& mAudioNotify != null) {
if (cancel) {
mVoiceState.setImageResource(R.drawable.message_voice_quit);
mAudioNotify.setTextColor(Color.RED);
mAudioNotify.setText(R.string.fingers);
} else {
mAudioNotify.setTextColor(Color.WHITE);
mAudioNotify.setText(R.string.fingers_slide_to);
mVoiceState.setImageResource(R.drawable.message_audio);
AnimationDrawable drawable = (AnimationDrawable) mVoiceState
.getDrawable();
drawable.start();
}
}
mCancelSend = cancel;
}
}

主页面布局activity_audiosend.xml

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical"
android:layout_gravity="center">

<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:background="@color/green"
android:layout_alignParentBottom="true"
android:layout_centerHorizontal="true"
android:layout_marginBottom="200px"
android:padding="20px"

android:id="@+id/audio_send"
android:gravity="center"
android:text="按住 发送"/>

</RelativeLayout>

Dialog对话框布局audio_dialog.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:layout_width="wrap_content"
android:layout_height="match_parent"
android:orientation="vertical"
android:layout_gravity="center_horizontal"
android:background="@drawable/pop_bg">

<LinearLayout
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:orientation="horizontal"
android:layout_gravity="center_horizontal">

<ImageView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:layout_gravity="center"
android:id="@+id/voice_state"
android:src="@drawable/message_audio"/>

</LinearLayout>
<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="@string/fingers_slide_to"
android:textColor="@color/white"
android:id="@+id/audio_nofity"/>

</LinearLayout>

voiceState讲话动画message_audio.xml

<?xml version="1.0" encoding="utf-8"?>
<animation-list xmlns:android="http://schemas.android.com/apk/res/android"
android:oneshot="false" >

<item
android:drawable="@drawable/message_voice_1"
android:duration="200"/>
<item
android:drawable="@drawable/message_voice_2"
android:duration="200"/>
<item
android:drawable="@drawable/message_voice_3"
android:duration="200"/>
<item
android:drawable="@drawable/message_voice_4"
android:duration="200"/>
<item
android:drawable="@drawable/message_voice_5"
android:duration="200"/>
<item
android:drawable="@drawable/message_voice_6"
android:duration="200"/>
<item
android:drawable="@drawable/message_voice_7"
android:duration="200"/>

</animation-list>

代码就这么多，是不是很简单啊，哈哈，喜欢请点个赞，谢谢！