即时通讯App|发送图片消息的实现
即时通讯App——发送图片消息的实现
前置知识：
1、onActivityResult()的用法
假如有两个Activity A，B。如今需要从A的界面跳转到B的界面执行相应的操作。操作执行完毕之后，从B的界面跳转回A的界面，或许还会返回一些数据交给A处理，这样的数据交流可以利用回调函数onActivityResult()实现。
业务流程
1、读取相机/相册图片
2、发送图片消息
3、photoview预览
1、读取相机实现代码
/**
* 相机
* 如果头像上传，可以支持裁剪，自行增加
*
* @param mActivity
*/
public void toCamera(Activity mActivity) {
try {
Intent intent = new Intent(MediaStore.ACTION_IMAGE_CAPTURE);
String fileName = simpleDateFormat.format(new Date());
tempFile = new File(Environment.getExternalStorageDirectory(), fileName + ".jpg");
//兼容Android N
if (Build.VERSION.SDK_INT < Build.VERSION_CODES.N) {
imageUri = Uri.fromFile(tempFile);
} else {
//利用FileProvider
imageUri = FileProvider.getUriForFile(mActivity,
mActivity.getPackageName() + ".fileprovider", tempFile);
//添加权限
intent.addFlags(Intent.FLAG_GRANT_READ_URI_PERMISSION |
Intent.FLAG_GRANT_WRITE_URI_PERMISSION);
}
intent.putExtra(MediaStore.EXTRA_OUTPUT, imageUri);
mActivity.startActivityForResult(intent, CAMEAR_REQUEST_CODE);
} catch (Exception e) {
Toast.makeText(mActivity, "无法打开相机", Toast.LENGTH_SHORT).show();
e.printStackTrace();
}
}
2、跳转到相册实现代码
/**
* 跳转到相册
*
* @param mActivity
*/
public void toAlbum(Activity mActivity) {
Intent intent = new Intent(Intent.ACTION_PICK);
intent.setType("image/*");
mActivity.startActivityForResult(intent, ALBUM_REQUEST_CODE);
}
以上两个方法封装在FileHelper文件的帮助类中。
然后在聊天Activity中处理FileHelper回调的图片数据
@Override
protected void onActivityResult(int requestCode, int resultCode, Intent data) {
if (resultCode == Activity.RESULT_OK) {
if (requestCode == FileHelper.CAMEAR_REQUEST_CODE) {
uploadFile = FileHelper.getInstance().getTempFile();
} else if (requestCode == FileHelper.ALBUM_REQUEST_CODE) {
Uri uri = data.getData();
if (uri != null) {
//String path = uri.getPath();
//获取真实的地址
String path = FileHelper.getInstance().getRealPathFromURI(this, uri);
//LogUtils.e("path:" + path);
if (!TextUtils.isEmpty(path)) {
uploadFile = new File(path);
}
}
}
if (uploadFile != null) {
//发送图片消息
CloudManager.getInstance().sendImageMessage(yourUserId, uploadFile);
//更新列表
addImage(1, uploadFile);
uploadFile = null;
}
}
super.onActivityResult(requestCode, resultCode, data);
}
发送图片调用融云SDK，下面有一个callback，由于我们省略了发送图片的进度，是否成功等回调，直接写在service中就可以了。如果需要具体回调处理，则把回调放置到传参列表即可。
private RongIMClient.SendImageMessageCallback sendImageMessageCallback = new RongIMClient.SendImageMessageCallback() {
@Override
public void onAttached(Message message) {
LogUtils.i("onAttached");
}
@Override
public void onError(Message message, RongIMClient.ErrorCode errorCode) {
LogUtils.i("onError:" + errorCode);
}
@Override
public void onSuccess(Message message) {
LogUtils.i("onSuccess");
}
@Override
public void onProgress(Message message, int i) {
LogUtils.i("onProgress:" + i);
}
};
/**
* 发送图片消息
*
* @param targetId 对方ID
* @param file 文件
*/
public void sendImageMessage(String targetId, File file) {
ImageMessage imageMessage = ImageMessage.obtain(Uri.fromFile(file), Uri.fromFile(file), true);
RongIMClient.getInstance().sendImageMessage(
Conversation.ConversationType.PRIVATE,
targetId,
imageMessage,
null,
null,
sendImageMessageCallback);
}
adapter多数据绑定
mChatAdapter = new CommonAdapter<>(mList, new CommonAdapter.OnMoreBindDataListener<ChatModel>() {
@Override
public int getItemType(int position) {
return mList.get(position).getType();
}
@Override
public void onBindViewHolder(final ChatModel model, CommonViewHolder viewHolder, int type, int position) {
//布局文件中的控件，设置相应的数据，通过chatModel中的type来区分是左边还是右边的布局的控件
switch (model.getType()) {
case TYPE_LEFT_IMAGE:
viewHolder.setImageUrl(ChatActivity.this, R.id.iv_left_img, model.getImgUrl());
viewHolder.setImageUrl(ChatActivity.this, R.id.iv_left_photo, yourUserPhoto);
viewHolder.getView(R.id.iv_left_img).setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
ImagePreviewActivity.startActivity(
ChatActivity.this, true, model.getImgUrl());
}
});
break;
case TYPE_RIGHT_IMAGE://右边的是本地文件
if (TextUtils.isEmpty(model.getImgUrl())) {
if (model.getLocalFile() != null) {
//加载本地文件
viewHolder.setImageFile(ChatActivity.this, R.id.iv_right_img, model.getLocalFile());
viewHolder.getView(R.id.iv_right_img).setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
ImagePreviewActivity.startActivity(
ChatActivity.this, false, model.getLocalFile().getPath());
}
});
}
} else {
viewHolder.setImageUrl(ChatActivity.this, R.id.iv_right_img, model.getImgUrl());
viewHolder.setImageUrl(ChatActivity.this, R.id.iv_right_photo, meUserPhoto);
viewHolder.getView(R.id.iv_right_img).setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
ImagePreviewActivity.startActivity(
ChatActivity.this, true, model.getImgUrl());
}
});
}
break;
}
}
//布局文件，通过chatModel中的type来区分是左边还是右边的布局
@Override
public int getLayoutId(int type) {
} else if (type == TYPE_LEFT_IMAGE) {
return R.layout.layout_chat_left_img;
} else if (type == TYPE_RIGHT_IMAGE) {
return R.layout.layout_chat_right_img;
}
return 0;
}
});
mChatView.setAdapter(mChatAdapter);
/**
* 添加数据的基类
*
* @param model
*/
private void baseAddItem(ChatModel model) {
long currentTime = System.currentTimeMillis();
LogUtils.e("currentTime:" + currentTime);
if (CommonUtils.isEmpty(mList)) {
//本地逻辑：每次添加消息前，可以判断是否需要添加时间 这里比较的是本地时间，实际上应该比较服务器消息时间，我没做而已
ChatModel lastModel = mList.get(mList.size() - 1);
long lastTime = lastModel.getMessageTime();
LogUtils.e("lastTime:" + lastTime);
//间隔五分钟
if (Math.abs(lastTime - currentTime) > 5 * 60 * 1000) {
addTimeItem(currentTime);
}
}
model.setMessageTime(currentTime);
mList.add(model);
mChatAdapter.notifyDataSetChanged();
//滑动到底部
mChatView.scrollToPosition(mList.size() - 1);
}
/**
* 添加图片
*
* @param index
* @param url
*/
private void addImage(int index, String url) {
ChatModel model = new ChatModel();
if (index == 0) {
model.setType(TYPE_LEFT_IMAGE);
} else {
model.setType(TYPE_RIGHT_IMAGE);
}
model.setImgUrl(url);
baseAddItem(model);
}
/**
* 添加图片
*
* @param index
* @param file
*/
private void addImage(int index, File file) {
ChatModel model = new ChatModel();
if (index == 0) {
model.setType(TYPE_LEFT_IMAGE);
} else {
model.setType(TYPE_RIGHT_IMAGE);
}
model.setLocalFile(file);
baseAddItem(model);
}
只有每次进来才会调用查询服务器的消息queryMessage()，然后再解析历史记录进行渲染
/**
* 解析历史记录
*
* @param messages
*/
private void parsingListMessage(List<Message> messages) {
//倒序
Collections.reverse(messages);
//遍历
for (int i = 0; i < messages.size(); i++) {
Message m = messages.get(i);
String objectName = m.getObjectName();
if (objectName.equals(CloudManager.MSG_IMAGE_NAME)) {
ImageMessage imageMessage = (ImageMessage) m.getContent();
String url = imageMessage.getRemoteUri().toString();
if (!TextUtils.isEmpty(url)) {
LogUtils.i("url:" + url);
if (m.getSenderUserId().equals(yourUserId)) {
addImage(0, url);//另外一个人的
} else {
addImage(1, url);//自己的
}
}
}
}
}
}
Service 的逻辑：
//接收消息
CloudManager.getInstance().setOnReceiveMessageListener((message, i) -> {
parsingImMessage(message);
return false;
});
/**
* 解析消息体
*
* @param message
*/
private void parsingImMessage(Message message) {
LogUtils.i("message:" + message);
String objectName = message.getObjectName();
if (objectName.equals(CloudManager.MSG_IMAGE_NAME)) {
try {
ImageMessage imageMessage = (ImageMessage) message.getContent();
String url = imageMessage.getRemoteUri().toString();
if (!TextUtils.isEmpty(url)) {
LogUtils.i("url:" + url);
MessageEvent event = new MessageEvent(EventManager.FLAG_SEND_IMAGE);
event.setImgUrl(url);
event.setUserId(message.getSenderUserId());
EventManager.post(event);
pushSystem(message.getSenderUserId(), 1, 0, 0, getString(R.string.text_chat_record_img));
}
} catch (Exception e) {
LogUtils.e("e." + e.toString());
e.printStackTrace();
}
}
通过在Activity中onMessageEvent处理事件：
case EventManager.FLAG_SEND_IMAGE:
addImage(0, event.getImgUrl());//别人发过来的
break;
下面实现图片预览：
使用开源控件photoview
**
* FileName: ImagePreviewActivity
* Profile: 图片预览
*/
public class ImagePreviewActivity extends BaseUIActivity implements View.OnClickListener {
/**
* 跳转
* @param mContext
* @param isUrl
* @param url
*/
public static void startActivity(Context mContext, boolean isUrl, String url) {
Intent intent = new Intent(mContext, ImagePreviewActivity.class);
intent.putExtra(Constants.INTENT_IMAGE_TYPE, isUrl);
intent.putExtra(Constants.INTENT_IMAGE_URL, url);
mContext.startActivity(intent);
}
private PhotoView photo_view;
private ImageView iv_back;
private TextView tv_download;
//图片地址
private String url;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_image_preview);
initView();
}
private void initView() {
photo_view = (PhotoView) findViewById(R.id.photo_view);
iv_back = (ImageView) findViewById(R.id.iv_back);
tv_download = (TextView)findViewById(R.id.tv_download);
iv_back.setOnClickListener(this);
tv_download.setOnClickListener(this);
Intent intent = getIntent();
boolean isUrl = intent.getBooleanExtra(Constants.INTENT_IMAGE_TYPE,false);
url = intent.getStringExtra(Constants.INTENT_IMAGE_URL);
//图片地址才下载，File代表本次已经存在
tv_download.setVisibility(isUrl?View.VISIBLE:View.GONE);
if(isUrl){
GlideHelper.loadUrl(this,url,photo_view);
}else{
GlideHelper.loadFile(this,new File(url),photo_view);
}
}
@Override
public void onClick(View v) {
switch (v.getId()) {
case R.id.iv_back:
finish();
break;
case R.id.tv_download:
Toast.makeText(this, getString(R.string.text_iv_pre_downloading), Toast.LENGTH_SHORT).show();
GlideHelper.loadUrlToBitmap(this, url, new GlideHelper.OnGlideBitmapResultListener() {
@Override
public void onResourceReady(Bitmap resource) {
if(resource != null){
FileHelper.getInstance().saveBitmapToAlbum(ImagePreviewActivity.this,resource);
}else{
Toast.makeText(ImagePreviewActivity.this, getString(R.string.text_iv_pre_save_fail), Toast.LENGTH_SHORT).show();
}
}
});
break;
}
}
}