Android仿微信语音聊天界面设计

有段时间没有看视频了,昨天晚上抽了点空时间,又看了下鸿洋大神的视频教程,又抽时间写了个学习记录。代码和老师讲的基本一样,网上也有很多相同的博客。我只是在AndroidStudio环境下写的。

—-主界面代码——

 public class MainActivity extends Activity {
 private ListView mListView;
 private ArrayAdapter<Recorder> mAdapter;
 private List<Recorder> mDatas = new ArrayList<Recorder>();
 private AudioRecorderButton mAudioRecorderButton;
 private View animView;

 @Override
 protected void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  setContentView(R.layout.activity_main);
  mListView = (ListView) findViewById(R.id.id_listview);
  mAudioRecorderButton = (AudioRecorderButton) findViewById(R.id.id_recorder_button);
  mAudioRecorderButton.setFinishRecorderCallBack(new AudioRecorderButton.AudioFinishRecorderCallBack() {

   public void onFinish(float seconds, String filePath) {
    Recorder recorder = new Recorder(seconds, filePath);
    mDatas.add(recorder);
    //更新数据
    mAdapter.notifyDataSetChanged();
    //设置位置
    mListView.setSelection(mDatas.size() - 1);
   }
  });

  mAdapter = new RecoderAdapter(this, mDatas);
  mListView.setAdapter(mAdapter);

  //listView的item点击事件
  mListView.setOnItemClickListener(new OnItemClickListener() {

   public void onItemClick(AdapterView<?> arg0, View view, int position, long id) {
    // 声音播放动画
    if (animView != null) {
     animView.setBackgroundResource(R.drawable.adj);
     animView = null;
    }
    animView = view.findViewById(R.id.id_recoder_anim);
    animView.setBackgroundResource(R.drawable.play_anim);
    AnimationDrawable animation = (AnimationDrawable) animView.getBackground();
    animation.start();
    // 播放录音
    MediaPlayerManager.playSound(mDatas.get(position).filePath, new MediaPlayer.OnCompletionListener() {

     public void onCompletion(MediaPlayer mp) {
      //播放完成后修改图片
      animView.setBackgroundResource(R.drawable.adj);
     }
    });
   }
  });
 }

 @Override
 protected void onPause() {
  super.onPause();
  MediaPlayerManager.pause();
 }

 @Override
 protected void onResume() {
  super.onResume();
  MediaPlayerManager.resume();
 }

 @Override
 protected void onDestroy() {
  super.onDestroy();
  MediaPlayerManager.release();
 }

—自定义Button——-

/**
 * @param
 * @author ldm
 * @description 自定义Button
 * @time 2016/6/25 9:26
 */
public class AudioRecorderButton extends Button {
 // 按钮正常状态(默认状态)
 private static final int STATE_NORMAL = 1;
 //正在录音状态
 private static final int STATE_RECORDING = 2;
 //录音取消状态
 private static final int STATE_CANCEL = 3;
 //记录当前状态
 private int mCurrentState = STATE_NORMAL;
 //是否开始录音标志
 private boolean isRecording = false;
 //判断在Button上滑动距离,以判断 是否取消
 private static final int DISTANCE_Y_CANCEL = 50;
 //对话框管理工具类
 private DialogManager mDialogManager;
 //录音管理工具类
 private AudioManager mAudioManager;
 //记录录音时间
 private float mTime;
 // 是否触发longClick
 private boolean mReady;
 //录音准备
 private static final int MSG_AUDIO_PREPARED = 0x110;
 //音量发生改变
 private static final int MSG_VOICE_CHANGED = 0x111;
 //取消提示对话框
 private static final int MSG_DIALOG_DIMISS = 0x112;

 /**
  * @description 获取音量大小的线程
  * @author ldm
  * @time 2016/6/25 9:30
  * @param
  */
 private Runnable mGetVoiceLevelRunnable = new Runnable() {

  public void run() {
   while (isRecording) {//判断正在录音
    try {
     Thread.sleep(100);
     mTime += 0.1f;//录音时间计算
     mHandler.sendEmptyMessage(MSG_VOICE_CHANGED);//每0.1秒发送消息
    } catch (InterruptedException e) {
     e.printStackTrace();
    }
   }
  }
 };

 private Handler mHandler = new Handler() {

  @Override
  public void handleMessage(Message msg) {
   switch (msg.what) {
    case MSG_AUDIO_PREPARED:
     //显示对话框
     mDialogManager.showRecordingDialog();
     isRecording = true;
     // 开启一个线程计算录音时间
     new Thread(mGetVoiceLevelRunnable).start();
     break;
    case MSG_VOICE_CHANGED:
     //更新声音
     mDialogManager.updateVoiceLevel(mAudioManager.getVoiceLevel(7));
     break;
    case MSG_DIALOG_DIMISS:
     //取消对话框
     mDialogManager.dimissDialog();
     break;
   }
   super.handleMessage(msg);
  }
 };

 public AudioRecorderButton(Context context, AttributeSet attrs) {
  super(context, attrs);
  mDialogManager = new DialogManager(context);
  //录音文件存放地址
  String dir = Environment.getExternalStorageDirectory() + "/ldm_voice";
  mAudioManager = AudioManager.getInstance(dir);
  mAudioManager.setOnAudioStateListener(new AudioManager.AudioStateListener() {
   public void wellPrepared() {
    mHandler.sendEmptyMessage(MSG_AUDIO_PREPARED);
   }
  });

  // 由于这个类是button所以在构造方法中添加监听事件
  setOnLongClickListener(new OnLongClickListener() {

   public boolean onLongClick(View v) {
    mReady = true;
    mAudioManager.prepareAudio();
    return false;
   }
  });
 }

 public AudioRecorderButton(Context context) {
  this(context, null);
 }

 /**
  * @description 录音完成后的回调
  * @author ldm
  * @time 2016/6/25 11:18
  * @param
 */
 public interface AudioFinishRecorderCallBack {
  void onFinish(float seconds, String filePath);
 }

 private AudioFinishRecorderCallBack finishRecorderCallBack;

 public void setFinishRecorderCallBack(AudioFinishRecorderCallBack listener) {
  finishRecorderCallBack = listener;
 }

 /**
  * @param
  * @description 处理Button的OnTouchEvent事件
  * @author ldm
  * @time 2016/6/25 9:35
  */
 @Override
 public boolean onTouchEvent(MotionEvent event) {
  //获取TouchEvent状态
  int action = event.getAction();
  // 获得x轴坐标
  int x = (int) event.getX();
  // 获得y轴坐标
  int y = (int) event.getY();

  switch (action) {
   case MotionEvent.ACTION_DOWN://手指按下
    changeState(STATE_RECORDING);
    break;
   case MotionEvent.ACTION_MOVE://手指移动
    if (isRecording) {
     //根据x,y的坐标判断是否需要取消
     if (wantToCancle(x, y)) {
      changeState(STATE_CANCEL);
     } else {
      changeState(STATE_RECORDING);
     }
    }

    break;
   case MotionEvent.ACTION_UP://手指放开
    if (!mReady) {
     reset();
     return super.onTouchEvent(event);
    }
    if (!isRecording || mTime < 0.6f) {//如果时间少于0.6s,则提示录音过短
     mDialogManager.tooShort();
     mAudioManager.cancel();
     // 延迟显示对话框
     mHandler.sendEmptyMessageDelayed(MSG_DIALOG_DIMISS, 1000);
    } else if (mCurrentState == STATE_RECORDING) {
     //如果状态为正在录音,则结束录制
     mDialogManager.dimissDialog();
     mAudioManager.release();

     if (finishRecorderCallBack != null) {
      finishRecorderCallBack.onFinish(mTime, mAudioManager.getCurrentFilePath());
     }

    } else if (mCurrentState == STATE_CANCEL) { // 想要取消
     mDialogManager.dimissDialog();
     mAudioManager.cancel();
    }
    reset();
    break;

  }
  return super.onTouchEvent(event);
 }

 /**
  * 恢复状态及标志位
  */
 private void reset() {
  isRecording = false;
  mTime = 0;
  mReady = false;
  changeState(STATE_NORMAL);
 }

 private boolean wantToCancle(int x, int y) {
  // 超过按钮的宽度
  if (x < 0 || x > getWidth()) {
   return true;
  }
  // 超过按钮的高度
  if (y < -DISTANCE_Y_CANCEL || y > getHeight() + DISTANCE_Y_CANCEL) {
   return true;
  }

  return false;
 }

 /**
  * @param
  * @description 根据状态改变Button显示
  * @author ldm
  * @time 2016/6/25 9:36
  */
 private void changeState(int state) {
  if (mCurrentState != state) {
   mCurrentState = state;
   switch (state) {
    case STATE_NORMAL:
     setBackgroundResource(R.drawable.btn_recorder_normal);
     setText(R.string.str_recorder_normal);
     break;

    case STATE_RECORDING:
     setBackgroundResource(R.drawable.btn_recorder_recording);
     setText(R.string.str_recorder_recording);
     if (isRecording) {
      mDialogManager.recording();
     }
     break;

    case STATE_CANCEL:
     setBackgroundResource(R.drawable.btn_recorder_recording);
     mDialogManager.wantToCancel();
     setText(R.string.str_recorder_want_cancel);
     break;
   }
  }
 }
}

—-对话框管理工具类——

/**
  * @description 对话框管理工具类
  * @author ldm
  * @time 2016/6/25 11:53
  * @param
 */
public class DialogManager {
 //弹出对话框
 private Dialog mDialog;
 //录音图标
 private ImageView mIcon;
 //音量显示 图标
 private ImageView mVoice;
 //对话框上提示文字
 private TextView mLable;
 //上下文对象
 private Context mContext;

 public DialogManager(Context context) {
  this.mContext = context;
 }

 /**
  * @param
  * @description 显示对话框
  * @author ldm
  * @time 2016/6/25 9:56
  */
 public void showRecordingDialog() {
  //根据指定sytle实例化Dialog
  mDialog = new Dialog(mContext, R.style.AudioDialog);
  LayoutInflater inflater = LayoutInflater.from(mContext);
  View view = inflater.inflate(R.layout.dialog_recorder, null);
  mDialog.setContentView(view);
  mIcon = (ImageView) view.findViewById(R.id.id_recorder_dialog_icon);
  mVoice = (ImageView) view.findViewById(R.id.id_recorder_dialog_voice);
  mLable = (TextView) view.findViewById(R.id.id_recorder_dialog_label);
  mDialog.show();
 }

 /**
  * @param
  * @description 正在录音状态的对话框
  * @author ldm
  * @time 2016/6/25 10:08
  */
 public void recording() {
  if (mDialog != null && mDialog.isShowing()) {
   mIcon.setVisibility(View.VISIBLE);
   mVoice.setVisibility(View.VISIBLE);
   mLable.setVisibility(View.VISIBLE);
   mIcon.setImageResource(R.drawable.recorder);
   mLable.setText("手指上滑,取消发送");
  }
 }

 /**
  * @param
  * @description 取消录音状态对话框
  * @author ldm
  * @time 2016/6/25 10:08
  */
 public void wantToCancel() {
  if (mDialog != null && mDialog.isShowing()) {
   mIcon.setVisibility(View.VISIBLE);
   mVoice.setVisibility(View.GONE);
   mLable.setVisibility(View.VISIBLE);
   mIcon.setImageResource(R.drawable.cancel);
   mLable.setText("松开手指,取消发送");
  }
 }

 /**
  * @param
  * @description时间过短提示的对话框
  * @author ldm
  * @time 2016/6/25 10:09
  */
 public void tooShort() {
  if (mDialog != null && mDialog.isShowing()) { //显示状态
   mIcon.setVisibility(View.VISIBLE);
   mVoice.setVisibility(View.GONE);
   mLable.setVisibility(View.VISIBLE);
   mIcon.setImageResource(R.drawable.voice_to_short);
   mLable.setText("录音时间过短");
  }
 }

 /**
  * @param
  * @description
  * @author ldm
  * @time 2016/6/25 取消(关闭)对话框
  */
 public void dimissDialog() {
  if (mDialog != null && mDialog.isShowing()) { //显示状态
   mDialog.dismiss();
   mDialog = null;
  }
 }

 // 显示更新音量级别的对话框
 public void updateVoiceLevel(int level) {
  if (mDialog != null && mDialog.isShowing()) { //显示状态
   mIcon.setVisibility(View.VISIBLE);
   mVoice.setVisibility(View.VISIBLE);
   mLable.setVisibility(View.VISIBLE);
   //设置图片的id,我们放在drawable中的声音图片是以v+数字格式的
   int resId = mContext.getResources().getIdentifier("v" + level, "drawable", mContext.getPackageName());
   mVoice.setImageResource(resId);
  }
 }

}

—-声音播放工具类——

/**
 * @param
 * @author ldm
 * @description 播放声音工具类
 * @time 2016/6/25 11:29
 */
public class MediaPlayerManager {
 //播放音频API类:MediaPlayer
 private static MediaPlayer mMediaPlayer;
 //是否暂停
 private static boolean isPause;

 /**
  * @param
  * filePath:文件路径
  * onCompletionListener:播放完成监听
  * @description 播放声音
  * @author ldm
  * @time 2016/6/25 11:30
  */
 public static void playSound(String filePath, MediaPlayer.OnCompletionListener onCompletionListener) {
  if (mMediaPlayer == null) {
   mMediaPlayer = new MediaPlayer();
   //设置一个error监听器
   mMediaPlayer.setOnErrorListener(new MediaPlayer.OnErrorListener() {

    public boolean onError(MediaPlayer arg0, int arg1, int arg2) {
     mMediaPlayer.reset();
     return false;
    }
   });
  } else {
   mMediaPlayer.reset();
  }

  try {
   mMediaPlayer.setAudioStreamType(android.media.AudioManager.STREAM_MUSIC);
   mMediaPlayer.setOnCompletionListener(onCompletionListener);
   mMediaPlayer.setDataSource(filePath);
   mMediaPlayer.prepare();
   mMediaPlayer.start();
  } catch (Exception e) {

  }
 }

 /**
  * @param
  * @description 暂停播放
  * @author ldm
  * @time 2016/6/25 11:31
  */
 public static void pause() {
  if (mMediaPlayer != null && mMediaPlayer.isPlaying()) { //正在播放的时候
   mMediaPlayer.pause();
   isPause = true;
  }
 }

 /**
  * @param
  * @description 重新播放
  * @author ldm
  * @time 2016/6/25 11:31
  */
 public static void resume() {
  if (mMediaPlayer != null && isPause) {
   mMediaPlayer.start();
   isPause = false;
  }
 }

 /**
  * @param
  * @description 释放操作
  * @author ldm
  * @time 2016/6/25 11:32
  */
 public static void release() {
  if (mMediaPlayer != null) {
   mMediaPlayer.release();
   mMediaPlayer = null;
  }
 }

—–录音操作工具类—–

/**
 * @param
 * @author ldm
 * @description 录音管理工具类
 * @time 2016/6/25 9:39
 */
public class AudioManager {
 //AudioRecord: 主要是实现边录边播(AudioRecord+AudioTrack)以及对音频的实时处理。
 // 优点:可以语音实时处理,可以实现各种音频的封装
 private MediaRecorder mMediaRecorder;
 //录音文件
 private String mDir;
 //当前录音文件目录
 private String mCurrentFilePath;
 //单例模式
 private static AudioManager mInstance;
 //是否准备好
 private boolean isPrepare;

 //私有构造方法
 private AudioManager(String dir) {
  mDir = dir;
 }

 //对外公布获取实例的方法
 public static AudioManager getInstance(String dir) {
  if (mInstance == null) {
   synchronized (AudioManager.class) {
    if (mInstance == null) {
     mInstance = new AudioManager(dir);
    }
   }
  }
  return mInstance;
 }

 /**
  * @param
  * @author ldm
  * @description 录音准备工作完成回调接口
  * @time 2016/6/25 11:14
  */
 public interface AudioStateListener {
  void wellPrepared();
 }

 public AudioStateListener mAudioStateListener;

 /**
  * @param
  * @description 供外部类调用的设置回调方法
  * @author ldm
  * @time 2016/6/25 11:14
  */
 public void setOnAudioStateListener(AudioStateListener listener) {
  mAudioStateListener = listener;
 }

 /**
  * @param
  * @description 录音准备工作
  * @author ldm
  * @time 2016/6/25 11:15
  */
 public void prepareAudio() {
  try {
   isPrepare = false;
   File dir = new File(mDir);
   if (!dir.exists()) {
    dir.mkdirs();//文件不存在,则创建文件
   }
   String fileName = generateFileName();
   File file = new File(dir, fileName);
   mCurrentFilePath = file.getAbsolutePath();
   mMediaRecorder = new MediaRecorder();
   // 设置输出文件路径
   mMediaRecorder.setOutputFile(file.getAbsolutePath());
   // 设置MediaRecorder的音频源为麦克风
   mMediaRecorder.setAudioSource(MediaRecorder.AudioSource.MIC);
   // 设置音频格式为RAW_AMR
   mMediaRecorder.setOutputFormat(MediaRecorder.OutputFormat.RAW_AMR);
   // 设置音频编码为AMR_NB
   mMediaRecorder.setAudioEncoder(MediaRecorder.AudioEncoder.AMR_NB);
   // 准备录音
   mMediaRecorder.prepare();
   // 开始,必需在prepare()后调用
   mMediaRecorder.start();
   // 准备完成
   isPrepare = true;
   if (mAudioStateListener != null) {
    mAudioStateListener.wellPrepared();
   }
  } catch (Exception e) {
   e.printStackTrace();
  }
 }

 /**
  * @param
  * @description 随机生成录音文件名称
  * @author ldm
  * @time 2016/6/25 、
  */
 private String generateFileName() {
  //随机生成不同的UUID
  return UUID.randomUUID().toString() + ".amr";
 }

 /**
  * @param
  * @description 获取音量值
  * @author ldm
  * @time 2016/6/25 9:49
  */
 public int getVoiceLevel(int maxlevel) {
  if (isPrepare) {
   try {
    // getMaxAmplitude返回的数值最大是32767
    return maxlevel * mMediaRecorder.getMaxAmplitude() / 32768 + 1;//返回结果1-7之间
   } catch (Exception e) {
    e.printStackTrace();
   }
  }
  return 1;
 }

 /**
  * @param
  * @description 释放资源
  * @author ldm
  * @time 2016/6/25 9:50
  */
 public void release() {
  mMediaRecorder.stop();
  mMediaRecorder.reset();
  mMediaRecorder = null;
 }

 /**
  * @param
  * @description 录音取消
  * @author ldm
  * @time 2016/6/25 9:51
  */
 public void cancel() {
  release();
  if (mCurrentFilePath != null) {
   //取消录音后删除对应文件
   File file = new File(mCurrentFilePath);
   file.delete();
   mCurrentFilePath = null;
  }

 }

 /**
  * @param
  * @description 获取当前文件路径
  * @author ldm
  * @time 2016/6/25 9:51
  */
 public String getCurrentFilePath() {

  return mCurrentFilePath;
 }
}

代码中有注释,就不贴图了,和微信语音聊天界面一样的,所以叫仿微信嘛,呵呵。运行了也可以看到效果。所有代码可以从这里下载:http://xiazai.jb51.net/201611/yuanma/AndroidWXchat(jb51.net).rar

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持我们。

时间: 2016-11-22

Android仿微信语音消息的录制和播放功能

一.简述 效果: 实现功能: 长按Button时改变Button显示文字,弹出Dialog(动态更新音量),动态生成录音文件,开始录音: 监听手指动作,规定区域.录音状态下手指划出规定区域取消录音,删除生成的录音文件: 监听手指动作.当手指抬起时,判断是否开始录音,录音时长是否过短,符合条件则提示录音时长过短:正常结束时通过回调返回该次录音的文件路径和时长. 4.点击录音列表的item时,播放动画,播放对应的音频文件. 主要用到4个核心类: 自定义录音按钮(AudioRecordButton):

Android自定义UI实现微信语音

本文实例为大家分享了java获取不同路径的方法,供大家参考,具体内容如下 思路: 自定义Button 获取DialogManager.AudioManager setOnLongClickListener长按事件--做好AudioManager的录音准备工作 AudioManager.setOnAudioStateListener(this)实现录音准备完毕的接口回调方法,方法中去发送MSG_AUDIO_PREPARE消息代表录音准备工作完毕 在mHandler中接收消息,开始开启线程录音,并且

Android仿微信发送语音消息的功能及示例代码

微信的发送语音是有一个向上取消的,我们使用onTouchListener来监听手势,然后做出相应的操作就行了. 直接上代码: //语音操作对象 private MediaPlayer mPlayer = null; private MediaRecorder mRecorder = null; //语音文件保存路径 private String FileName = null; FileName = Environment.getExternalStorageDirectory().getAbs

android仿微信聊天界面 语音录制功能

本例为模仿微信聊天界面UI设计,文字发送以及语言录制UI. 1先看效果图: 第一:chat.xml设计 <?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="fill_parent" andro

Android仿微信语音聊天功能

本文实例讲述了Android仿微信语音聊天功能代码.分享给大家供大家参考.具体如下: 项目效果如下: 具体代码如下: AudioManager.java package com.xuliugen.weichat; import java.io.File; import java.io.IOException; import java.util.UUID; import android.media.MediaRecorder; public class AudioManager { private

Android 高仿微信语音聊天页面高斯模糊(毛玻璃效果)

目前的应用市场上,使用毛玻璃效果的APP随处可见,比如用过微信语音聊天的人可以发现,语音聊天页面就使用了高斯模糊效果. 先看下效果图: 仔细观察上图,我们可以发现,背景图以用户头像为模板,对其进行了高斯模糊,并把它作为整个页面的背景色. 关于Android如何快速实现高斯模糊(毛玻璃效果),网上一堆相关介绍,可参考下面文章一种快速毛玻璃虚化效果实现–Android. 下面直接给出模糊化工具类(已验证可行): import android.graphics.Bitmap; /** * 快速模糊化工

Android高仿微信聊天界面代码分享

微信聊天现在非常火,是因其界面漂亮吗,哈哈,也许吧.微信每条消息都带有一个气泡,非常迷人,看起来感觉实现起来非常难,其实并不难.下面小编给大家分享实现代码. 先给大家展示下实现效果图: OK,下面我们来看一下整个小项目的主体结构: 下面是Activity的代码: package com.way.demo; import java.text.SimpleDateFormat; import java.util.ArrayList; import java.util.Date; import jav

Android 高仿微信朋友圈拍照上传功能

模仿微信朋友圈发布动态,输入文字支持文字多少高度自增,有一个最小输入框高度,输入文字有限制,不过这些都很easy! 1. PhotoPicker的使用 这是一个支持选择多张图片,点击图片放大,图片之间左右滑动互相切换的库,同时支持图片删除的库,效果类似微信. (1) 添加PhotoPicker的架包 (2) 使用 选择图片:安卓6.0以后需要在代码中添加读写sd卡和相机的权限 当然清单文件中也需要添加的 PhotoPicker.builder() .setPhotoCount(maxPhoto)

Android 高仿微信朋友圈动态支持双击手势放大并滑动查看图片效果

最近参与了开发一款旅行APP,其中包含实时聊天和动态评论功能,终于耗时几个月几个伙伴完成了,今天就小结一下至于实时聊天功能如果用户不多的情况可以scoket实现,如果用户万级就可以采用开源的smack + opnefile实现,也可以用mina开源+XMMP,至于怎么搭建和实现,估计目前github上一搜一大把,至于即时通讯怕误人子弟,暂且不做介绍,现就把实现的一个微信朋友圈的小功能介绍一下. 先上效果图: 一拿到主流的UI需求,大致分析下,需要我ListView嵌套Gridview,而grid

Android 高仿微信支付数字键盘功能

现在很多app的支付.输入密码功能,都已经开始使用自定义数字键盘,不仅更加方便.其效果着实精致. 下面带着大家学习下,如何高仿微信的数字键盘,可以拿来直接用在自身的项目中. 先看下效果图: 1. 自定义布局 <?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"

Android高仿微信表情输入与键盘输入详解

最近公司在项目上要使用到表情与键盘的切换输入,自己实现了一个,还是存在些缺陷,比如说键盘与表情切换时出现跳闪问题,这个相当困扰我,不过所幸在Github(其中一个不错的开源项目,其代码整体结构很不错)并且在论坛上找些解决方案,再加上我也是研究了好多个开源项目的代码,最后才苦逼地整合出比较不错的实现效果,可以说跟微信基本一样(嘿嘿,只能说目前还没发现大Bug,若发现大家一起日后慢慢完善,这里我也只是给出了实现方案,拓展其他表情我并没有实现哈,不过代码中我实现了一个可拓展的fragment模板以便大

iOS高仿微信相册界面翻转过渡动画效果

点开微信相册的时候,想要在相册图片界面跳转查看点赞和评论时,微信会采用界面翻转的过渡动画来跳转到评论界面,好像是在图片界面的背面一样,点击完成又会翻转回到图片界面,这不同于一般的导航界面滑动动画,觉得很有意思,于是自己学着做了一下,其实也很简单,下面是实现的类似的效果图: 在图片界面点击右下角的查看评论会翻转到评论界面,评论界面点击左上角的返回按钮会反方向翻转回图片界面,真正的实现方法,与传统的导航栏过渡其实只有一行代码的区别,让我们来看看整体的实现. 首先我们实现图片界面,这个界面上有黑色的背

Android高仿微信5.2.1主界面及消息提醒

好久没更新博客了,最近在做公司的项目,这也算是我接触的第一个正式项目.通过项目的检验,发现自己积累了一年的知识还是远远不够,想要提高,好的方法是 :项目+书+视频+博客.最重要一点:勤动手.最近发现了慕课网的视频,居然都是高清无码免费的!而且满满的干货!我用业余时间跟着视频中大神的讲解学习了不少知识,下面就将这些小demo与大家分享,当然,我做了一些优化,代码与视频中有些出入,但功能可以完全实现. 这是一个模仿5.2.1版本的显示界面,如下图所示: 功能及实现思路简介 主要功能很简单: 1.上面