Android实现拍照、选择图片并裁剪图片功能

一、 实现拍照、选择图片并裁剪图片效果

按照之前博客的风格,首先看下实现效果。

二、 uCrop项目应用

想起之前看到的Yalantis/uCrop效果比较绚,但是研究源码之后发现在定制界面方面还是有一点的限制,于是在它的基础上做了修改Android-Crop,把定制界面独立出来,让用户去自由设置。下图为使用Android-Crop实现的模仿微信选择图片并裁剪Demo。

三、 实现思路

比较简单的选择设备图片裁剪,并将裁剪后的图片保存到指定路径;

调用系统拍照,将拍照图片保存在SD卡,然后裁剪图片并将裁剪后的图片保存在指定路径。
流程图如下所示:

四、 选择框实现
这里通过PopupWindow来实现,当然也可以根据需求采用其他方式实现。实现效果如下图所示:

1. XML布局

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
 android:layout_width="fill_parent"
 android:layout_height="wrap_content"
 android:gravity="center_horizontal"
 android:orientation="vertical"> 

 <LinearLayout
 android:id="@+id/pop_layout"
 android:layout_width="match_parent"
 android:layout_height="wrap_content"
 android:layout_alignParentBottom="true"
 android:background="#444"
 android:gravity="center_horizontal"
 android:orientation="vertical"> 

 <Button
 android:id="@+id/picture_selector_take_photo_btn"
 android:layout_width="match_parent"
 android:layout_height="wrap_content"
 android:layout_marginLeft="10dip"
 android:layout_marginRight="10dip"
 android:layout_marginTop="10dp"
 android:background="#4d69ff"
 android:padding="10dp"
 android:text="拍照"
 android:textColor="#CEC9E7"
 android:textSize="18sp"
 android:textStyle="bold" /> 

 <Button
 android:id="@+id/picture_selector_pick_picture_btn"
 android:layout_width="match_parent"
 android:layout_height="wrap_content"
 android:layout_marginLeft="10dip"
 android:layout_marginRight="10dip"
 android:layout_marginTop="5dp"
 android:background="#4d69ff"
 android:padding="10dp"
 android:text="从相册选择"
 android:textColor="#CEC9E7"
 android:textSize="18sp"
 android:textStyle="bold" /> 

 <Button
 android:id="@+id/picture_selector_cancel_btn"
 android:layout_width="match_parent"
 android:layout_height="wrap_content"
 android:layout_marginBottom="15dip"
 android:layout_marginLeft="10dip"
 android:layout_marginRight="10dip"
 android:layout_marginTop="20dp"
 android:background="@android:color/white"
 android:padding="10dp"
 android:text="取消"
 android:textColor="#373447"
 android:textSize="18sp"
 android:textStyle="bold" />
 </LinearLayout> 

</RelativeLayout>

2. 代码编写

public SelectPicturePopupWindow(Context context) {
 super(context);
 LayoutInflater inflater = (LayoutInflater) context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
 mMenuView = inflater.inflate(R.layout.layout_picture_selector, null);
 takePhotoBtn = (Button) mMenuView.findViewById(R.id.picture_selector_take_photo_btn);
 pickPictureBtn = (Button) mMenuView.findViewById(R.id.picture_selector_pick_picture_btn);
 cancelBtn = (Button) mMenuView.findViewById(R.id.picture_selector_cancel_btn);
 // 设置按钮监听
 takePhotoBtn.setOnClickListener(this);
 pickPictureBtn.setOnClickListener(this);
 cancelBtn.setOnClickListener(this);
} 

创建SelectPicturePopupWindow的时候设置按钮的监听。这里编写一个选择监听接口:

/**
 * 选择监听接口
 */
public interface OnSelectedListener {
 void OnSelected(View v, int position);
}

回调的参数为点击的按钮View以及当前按钮的索引,那么只要在选择监听里面返回接口的回调就可以啦。

@Override
public void onClick(View v) {
 switch (v.getId()) {
 case R.id.picture_selector_take_photo_btn:
 if(null != mOnSelectedListener) {
 mOnSelectedListener.OnSelected(v, 0);
 }
 break;
 case R.id.picture_selector_pick_picture_btn:
 if(null != mOnSelectedListener) {
 mOnSelectedListener.OnSelected(v, 1);
 }
 break;
 case R.id.picture_selector_cancel_btn:
 if(null != mOnSelectedListener) {
 mOnSelectedListener.OnSelected(v, 2);
 }
 break;
 }
}

PopupWindow的初始化创建、监听设置好之后,只要提供显示与隐藏两个方法就可以了。

/**
 * 把一个View控件添加到PopupWindow上并且显示
 *
 * @param activity
 */
public void showPopupWindow(Activity activity) {
 popupWindow = new PopupWindow(mMenuView, // 添加到popupWindow
 ViewGroup.LayoutParams.MATCH_PARENT, ViewGroup.LayoutParams.WRAP_CONTENT);
 popupWindow.setBackgroundDrawable(new ColorDrawable(Color.TRANSPARENT));
 popupWindow.showAtLocation(activity.getWindow().getDecorView(), Gravity.CENTER | Gravity.BOTTOM, 0, 0);
 popupWindow.setAnimationStyle(android.R.style.Animation_InputMethod); // 设置窗口显示的动画效果
 popupWindow.setFocusable(false); // 点击其他地方隐藏键盘 popupWindow
 popupWindow.update();
}
/**
 * 移除PopupWindow
 */
public void dismissPopupWindow() {
 if (popupWindow != null && popupWindow.isShowing()) {
 popupWindow.dismiss();
 popupWindow = null;
 }
} 

OK,到这里选择框的实现就完成了。

五、使用选择框

通过我们上面对选择框的封装,使用起来就比较简单了,只需要初始化及设置选择的监听就可以啦。

1.初始化选择框

mSelectPicturePopupWindow = new SelectPicturePopupWindow(mContext);
mSelectPicturePopupWindow.setOnSelectedListener(this);

2.设置选择框监听

@Override
public void OnSelected(View v, int position) {
 switch (position) {
 case 0:
 // TODO: "拍照"按钮被点击了
 break;
 case 1:
 // TODO: "从相册选择"按钮被点击了
 break;
 case 2:
 // TODO: "取消"按钮被点击了
 break;
 }
}

然后在Fragment上进行封装,我们取名为PictureSelectFragment。

六、拍照并保存图片

调用系统的拍照,并把拍摄的图片保存到指定位置。

@Override
public void OnSelected(View v, int position) {
 switch (position) {
 case 0:
 // "拍照"按钮被点击了
 mSelectPicturePopupWindow.dismissPopupWindow();
 Intent takeIntent = new Intent(MediaStore.ACTION_IMAGE_CAPTURE);
 //下面这句指定调用相机拍照后的照片存储的路径
 takeIntent.putExtra(MediaStore.EXTRA_OUTPUT, Uri.fromFile(new File(mTempPhotoPath)));
 startActivityForResult(takeIntent, CAMERA_REQUEST_CODE);
 break;
 case 1:
 // TODO: "从相册选择"按钮被点击了
 break;
 case 2:
 // TODO: "取消"按钮被点击了
 break;
 }
}

这里的指定位置为sd卡本目录下
mTempPhotoPath = Environment.getExternalStorageDirectory() + File.separator + "photo.jpeg";

当拍摄照片完成时会回调到onActivityResult,我们在这里处理图片的裁剪就可以了。

@Override
public void onActivityResult(int requestCode, int resultCode, Intent data) {
 if (resultCode == mActivity.RESULT_OK) {
 switch (requestCode) {
 case CAMERA_REQUEST_CODE:
 // TODO: 调用相机拍照
 break;
 }
 }
 super.onActivityResult(requestCode, resultCode, data);
}

七、相册选择图片

调用系统的选择图片

@Override
public void OnSelected(View v, int position) {
 switch (position) {
 case 0:
 // "拍照"按钮被点击了
 mSelectPicturePopupWindow.dismissPopupWindow();
 Intent takeIntent = new Intent(MediaStore.ACTION_IMAGE_CAPTURE);
 // 下面这句指定调用相机拍照后的照片存储的路径
 takeIntent.putExtra(MediaStore.EXTRA_OUTPUT, Uri.fromFile(new File(mTempPhotoPath)));
 startActivityForResult(takeIntent, CAMERA_REQUEST_CODE);
 break;
 case 1:
 // "从相册选择"按钮被点击了
 mSelectPicturePopupWindow.dismissPopupWindow();
 Intent pickIntent = new Intent(Intent.ACTION_PICK, null);
 // 如果限制上传到服务器的图片类型时可以直接写如:"image/jpeg 、 image/png等的类型"
 pickIntent.setDataAndType(MediaStore.Images.Media.EXTERNAL_CONTENT_URI, "image/*");
 startActivityForResult(pickIntent, GALLERY_REQUEST_CODE);
 break;
 case 2:
 // TODO: "取消"按钮被点击了
 break;
 }
}

当拍选择图片完成时会回调到onActivityResult,在这里处理选择的返回结果。

@Override
public void onActivityResult(int requestCode, int resultCode, Intent data) {
 if (resultCode == mActivity.RESULT_OK) {
 switch (requestCode) {
 case CAMERA_REQUEST_CODE:
 // TODO: 调用相机拍照
 break;
 case GALLERY_REQUEST_CODE:
 // TODO: 直接从相册获取
 break;
 }
 }
 super.onActivityResult(requestCode, resultCode, data);
}

八、使用Crop裁剪图片

裁剪图片,这里设置宽高比为1:1,最大尺寸为512*512,当然可以根据自己的需求来设置。

/**
 * 裁剪图片方法实现
 *
 * @param uri
 */
public void startCropActivity(Uri uri) {
 UCrop.of(uri, mDestinationUri)
 .withAspectRatio(1, 1)
 .withMaxResultSize(512, 512)
 .withTargetActivity(CropActivity.class)
 .start(mActivity, this);
}

CropActiivty裁剪完成时会回调到onActivityResult,在这里处理选择的返回结果。

@Override
public void onActivityResult(int requestCode, int resultCode, Intent data) {
 if (resultCode == mActivity.RESULT_OK) {
 switch (requestCode) {
 case CAMERA_REQUEST_CODE: // 调用相机拍照
 File temp = new File(mTempPhotoPath);
 startCropActivity(Uri.fromFile(temp));
 break;
 case GALLERY_REQUEST_CODE: // 直接从相册获取
 startCropActivity(data.getData());
 break;
 case UCrop.REQUEST_CROP:
 // TODO: 裁剪图片结果
 break;
 case UCrop.RESULT_ERROR:
 // TODO: 裁剪图片错误
 break;
 }
 }
 super.onActivityResult(requestCode, resultCode, data);
}

CropActivity的界面如下所示:

当然也可以轻松设计成如下两图:

1. XML布局

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
 xmlns:fab="http://schemas.android.com/apk/res-auto"
 android:layout_width="match_parent"
 android:layout_height="match_parent"
 android:clipToPadding="true"
 android:fitsSystemWindows="true"> 

 <include layout="@layout/toolbar_layout" /> 

 <FrameLayout
 android:layout_width="match_parent"
 android:layout_height="match_parent"
 android:layout_below="@+id/toolbar"
 android:background="#000"> 

 <com.kevin.crop.view.UCropView
 android:id="@+id/weixin_act_ucrop"
 android:layout_width="match_parent"
 android:layout_height="match_parent"
 android:visibility="invisible" /> 

 </FrameLayout> 

 <android.support.design.widget.CoordinatorLayout
 android:layout_width="match_parent"
 android:layout_height="match_parent"> 

 <android.support.design.widget.FloatingActionButton
 android:id="@+id/crop_act_save_fab"
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 android:layout_gravity="bottom|right"
 android:layout_margin="@dimen/fab_margin"
 android:src="@mipmap/ic_done_white"
 fab:fabSize="normal" />
 </android.support.design.widget.CoordinatorLayout> 

</RelativeLayout>

可以发现非常简单,只有一个主要的CropView,这就是uCrop框架为我们提供的。

2. 代码编写

@Override
protected void initViews() {
 initToolBar(); 

 mGestureCropImageView = mUCropView.getCropImageView();
 mOverlayView = mUCropView.getOverlayView(); 

 // 设置允许缩放
 mGestureCropImageView.setScaleEnabled(true);
 // 设置禁止旋转
 mGestureCropImageView.setRotateEnabled(false);
 // 设置外部阴影颜色
 mOverlayView.setDimmedColor(Color.parseColor("#AA000000"));
 // 设置周围阴影是否为椭圆(如果false则为矩形)
 mOverlayView.setOvalDimmedLayer(false);
 // 设置显示裁剪边框
 mOverlayView.setShowCropFrame(true);
 // 设置不显示裁剪网格
 mOverlayView.setShowCropGrid(false); 

 final Intent intent = getIntent();
 setImageData(intent);
}
private void setImageData(Intent intent) {
 Uri inputUri = intent.getParcelableExtra(UCrop.EXTRA_INPUT_URI);
 mOutputUri = intent.getParcelableExtra(UCrop.EXTRA_OUTPUT_URI); 

 if (inputUri != null && mOutputUri != null) {
 try {
 mGestureCropImageView.setImageUri(inputUri);
 } catch (Exception e) {
 setResultException(e);
 finish();
 }
 } else {
 setResultException(new NullPointerException("Both input and output Uri must be specified"));
 finish();
 } 

 // 设置裁剪宽高比
 if (intent.getBooleanExtra(UCrop.EXTRA_ASPECT_RATIO_SET, false)) {
 float aspectRatioX = intent.getFloatExtra(UCrop.EXTRA_ASPECT_RATIO_X, 0);
 float aspectRatioY = intent.getFloatExtra(UCrop.EXTRA_ASPECT_RATIO_Y, 0); 

 if (aspectRatioX > 0 && aspectRatioY > 0) {
 mGestureCropImageView.setTargetAspectRatio(aspectRatioX / aspectRatioY);
 } else {
 mGestureCropImageView.setTargetAspectRatio(CropImageView.SOURCE_IMAGE_ASPECT_RATIO);
 }
 } 

 // 设置裁剪的最大宽高
 if (intent.getBooleanExtra(UCrop.EXTRA_MAX_SIZE_SET, false)) {
 int maxSizeX = intent.getIntExtra(UCrop.EXTRA_MAX_SIZE_X, 0);
 int maxSizeY = intent.getIntExtra(UCrop.EXTRA_MAX_SIZE_Y, 0); 

 if (maxSizeX > 0 && maxSizeY > 0) {
 mGestureCropImageView.setMaxResultImageSizeX(maxSizeX);
 mGestureCropImageView.setMaxResultImageSizeY(maxSizeY);
 } else {
 Log.w(TAG, "EXTRA_MAX_SIZE_X and EXTRA_MAX_SIZE_Y must be greater than 0");
 }
 }
}

以上为CropView的配置,更多配置请参考项目源码。

最重要的,裁剪保存图片:

private void cropAndSaveImage() {
 OutputStream outputStream = null;
 try {
 final Bitmap croppedBitmap = mGestureCropImageView.cropImage();
 if (croppedBitmap != null) {
 outputStream = getContentResolver().openOutputStream(mOutputUri);
 croppedBitmap.compress(Bitmap.CompressFormat.JPEG, 85, outputStream);
 croppedBitmap.recycle(); 

 setResultUri(mOutputUri, mGestureCropImageView.getTargetAspectRatio());
 finish();
 } else {
 setResultException(new NullPointerException("CropImageView.cropImage() returned null."));
 }
 } catch (Exception e) {
 setResultException(e);
 finish();
 } finally {
 BitmapLoadUtils.close(outputStream);
 }
}

PictureSelectFragment处理裁剪成功的返回值

/**
 * 处理剪切成功的返回值
 *
 * @param result
 */
private void handleCropResult(Intent result) {
 deleteTempPhotoFile();
 final Uri resultUri = UCrop.getOutput(result);
 if (null != resultUri && null != mOnPictureSelectedListener) {
 Bitmap bitmap = null;
 try {
 bitmap = MediaStore.Images.Media.getBitmap(mActivity.getContentResolver(), resultUri);
 } catch (FileNotFoundException e) {
 e.printStackTrace();
 } catch (IOException e) {
 e.printStackTrace();
 }
 mOnPictureSelectedListener.onPictureSelected(resultUri, bitmap);
 } else {
 Toast.makeText(mContext, "无法剪切选择图片", Toast.LENGTH_SHORT).show();
 }
}

处理裁剪失败的返回值

/**
 * 处理剪切失败的返回值
 *
 * @param result
 */
private void handleCropError(Intent result) {
 deleteTempPhotoFile();
 final Throwable cropError = UCrop.getError(result);
 if (cropError != null) {
 Log.e(TAG, "handleCropError: ", cropError);
 Toast.makeText(mContext, cropError.getMessage(), Toast.LENGTH_LONG).show();
 } else {
 Toast.makeText(mContext, "无法剪切选择图片", Toast.LENGTH_SHORT).show();
 }
}

这里设置了选择的回调接口,便于封装抽取。

/**
 * 图片选择的回调接口
 */
public interface OnPictureSelectedListener {
 /**
 * 图片选择的监听回调
 *
 * @param fileUri
 * @param bitmap
 */
 void onPictureSelected(Uri fileUri, Bitmap bitmap);
}

经过五、六、七步骤,我们的PictureSelectFragment就搞定了,在使用的时候只要继承它,几行代码就搞定了。

九、PictureSelectFragment使用

// 设置图片点击监听
mPictureIv.setOnClickListener(new View.OnClickListener() {
 @Override
 public void onClick(View v) {
 selectPicture();
 }
});
// 设置裁剪图片结果监听
setOnPictureSelectedListener(new OnPictureSelectedListener() {
 @Override
 public void onPictureSelected(Uri fileUri, Bitmap bitmap) {
 mPictureIv.setImageBitmap(bitmap); 

 String filePath = fileUri.getEncodedPath();
 String imagePath = Uri.decode(filePath);
 Toast.makeText(mContext, "图片已经保存到:" + imagePath, Toast.LENGTH_LONG).show();
 }
});

OK,经过我们上面的封装及基类抽取,在使用的时候还是非常简单的。

十、下载

源码及示例
用到的Android-Crop库

更多内容大家可以参考专题《Android图片处理》进行学习。

以上就是本文的全部内容,希望对大家学习Android软件编程有所帮助。

时间: 2016-05-16

Android实现本地图片选择及预览缩放效果

在做项目时经常会遇到选择本地图片的需求,以前都是懒得写直接调用系统方法来选择图片,但是这样并不能实现多选效果,最近又遇到了,所以还是写一个demo好了,以后也方便使用.还是首先来看看效果: 显示的图片使用RecyclerView实现的,利用Glide来加载:下面弹出的图片文件夹效果是采用PopupWindow实现,这里比采用PopupWindow更方便,弹出显示的左边图片是这个文件夹里的第一张图片:选中的图片可以进行预览,使用网上一个大神写的来实现的:至于图片的获取是用ContentProvid

浅谈谈Android 图片选择器

ImageSelector 简介 Android自定义相册,实现了拍照.图片选择(单选/多选).ImageLoader无绑定 任由开发者选择 https://github.com/YancyYe/ImageSelector Demo Download Apk 更新内容 UI重改 所有功能可配置 解决OOM情况 图片手动选择 支持汉语和英语 截图展示 使用说明 步骤一: 通过Gradle抓取 dependencies { compile 'com.yancy.imageselector:image

分享实现Android图片选择的两种方式

Android选择图片的两种方式: 第一种:单张选取 通过隐式启动activity,跳转到相册选择一张返回结果 关键代码如下: 发送请求: private static final int PICTURE = 10086; //requestcode Intent intent = new Intent(); if (Build.VERSION.SDK_INT < 19) {//因为Android SDK在4.4版本后图片action变化了 所以在这里先判断一下 intent.setAction

Android选择图片或拍照图片上传到服务器

最近要搞一个项目,需要上传相册和拍照的图片,不负所望,终于完成了!  不过需要说明一下,其实网上很多教程拍照的图片,都是缩略图不是很清晰,所以需要在调用照相机的时候,事先生成一个地址,用于标识拍照的图片URI 具体上传代码: 1.选择图片和上传界面,包括上传完成和异常的回调监听 package com.spring.sky.image.upload; import java.util.HashMap; import java.util.Map; import android.app.Activi

Android拍照或从图库选择图片并裁剪

今天看<第一行代码>上面关于拍照和从相册选取图片那一部分,发现始终出不来效果,所以搜索其他资料学习一下相关知识,写一个简单的Demo. 一. 拍照选择图片 1.使用隐式Intent启动相机 //构建隐式Intent Intent intent = new Intent(MediaStore.ACTION_IMAGE_CAPTURE); //调用系统相机 startActivityForResult(intent, 1); 2.处理相机拍照返回的结果 //用户点击了取消 if(data == n

Android实现QQ图片说说照片选择效果

本文实例为大家分享了Android实现QQ图片说说照片选择的具体代码,供大家参考,具体内容如下 效果展示 布局文件 布局是很简单的,一个GridView,直接上布局: layout/activity_add_photo.xml <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/andr

android中写一个内部类来选择文件夹中指定的图片类型实例说明

复制代码 代码如下: /**本类是用来选择文件夹中是.jpg类型的图片*/ private class JpgFileFilter implements FilenameFilter{ @Override public boolean accept(File dir, String filename) { // TODO Auto-generated method stub return filename.endsWith(".jpg"); } }

android完美实现 拍照 选择图片 剪裁等代码分享

前言,版本兼容问题主要是由于4.4以前和4.4以后的Uri的格式不同所造成的错误 1.拍照 和选择图片   ①选择图片 intent = new Intent(Intent.ACTION_GET_CONTENT); intent.setType("image/*"); startActivityForResult(intent, GALLERY_REQUEST_CODE); ②拍照 intent = new Intent(MediaStore.ACTION_IMAGE_CAPTURE)

Android仿微信照片选择器实现预览查看图片

好了下面进入正题,我们先看一下实现效果吧: 下面来介绍一下代码: 本思路就是: 1.先到手机中扫描jpeg和png的图片 2.获取导图片的路径和图片的父路径名也就是文件夹名 3.将图片路径和文件夹名分别添加导数据源中 4.数据源有了就是显示了,文件夹显示是利用的popwindow,而图片显示则是GridView 看一下具体代码: 首先开启一个线程去扫描图片 /** * 利用ContentProvider扫描手机中的图片,此方法在运行在子线程中 完成图片的扫描,最终获得jpg最多的那个文件夹 */

Android仿微信选择图片和拍照功能

本文实例为大家分享了 Android微信选择图片的具体代码,和微信拍照功能,供大家参考,具体内容如下 1.Android6.0系统,对于权限的使用都是需要申请,选择图片和拍照需要申请Manifest.permission.CAMERA, Manifest.permission.READ_EXTERNAL_STORAGE这两个权限. if (ContextCompat.checkSelfPermission(this, Manifest.permission.CAMERA) != PackageM

Android仿微信发表说说实现拍照、多图上传功能

本文实例为大家分享了Android仿微信发表说说.心情功能,供大家参考,具体内容如下 既能实现拍照,选图库,多图案上传的案例,目前好多App都有类似微信朋友圈的功能,能过发表说说等附带图片上传.下面的就是实现该功能的过程:大家还没有看过Android Retrofit 2.0框架上传图片解决方案这篇文章,在看今天的就很容易,接在本项目中用到了一个library:photopicker,封装了图片的选择功能,是否选相机,还有选中图片后可以查看图片的功能.  一. 首先:将photopicker到工

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

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

Android仿微信通讯录滑动快速定位功能

先给大家展示下效果图: 实现代码如下: 下面简单说下实现原理. public class IndexBar extends LinearLayout implements View.OnTouchListener { private static final String[] INDEXES = new String[]{"#", "A", "B", "C", "D", "E", &qu

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仿微信朋友圈全文收起功能示例(附源码)

在众多的社交类软件中,朋友圈是必不可少的,可以与好友.同学等分享自己的日常和有意思的事情,在开发社交类App时,朋友圈发表的内容你不可能让他全部显示,全部显示的话用户体验度会非常不好,这时就要用到全文.收缩的功能,朋友如果想要看你发的动态,只要点一下全文就可以查看所有的全部的内容了,如果不想看,也没有必要把这一篇文章全部都滑到底部,才能看下一条内容. 下边将源码贴出来供大家参考:(代码不是最简便的,但是功能是可以的) 首先写一个布局,这个布局是每个子项的布局 item_text_list.xml

android实现微信朋友圈发布动态功能

本文实例为大家分享了android仿微信朋友圈发布动态功能的具体代码,供大家参考,具体内容如下 效果图: 本文概述 用到的开源库:仿照微信的图片选择器,Luban压缩图片,glide 上面红圈部分,当用户选中图片时,当=9张时,那个加号图片就会消失! 本文主要仿照微信的发布动态功能,主要时针对微信发布动态时,选中图片后的变化状态! 整体布局 这可以看到,控制图片状态的地方就是一个recyclerview 思路 利用recyclerview的多行视图来实现! 微信上的效果是,先选中图片后才会进入这

Android实现微信的图片选择器

现在大部分的App都上传图片的功能,比如设置用户头像.聊天发送图片.发表动态.论坛帖子等.上传图片需要先从选择手机中选择要上传的图片,所以图片选择器在App中是很常见的组件,一般的手机都会自带一个图片选择器.不过很多App并不喜欢用手机自带的选择器,而是自己实现一个图片选择器.比如微信的图片选择器就做的很好.所以我也仿照微信的样式和交互效果,自己做了一个图片选择器:ImageSelector.ImageSelector支持图片的单选.限数量的多选和不限数量的多选.支持图片预览和图片文件夹的切换.

Android仿微信主界面的实现方法

本文实例为大家分享了Android模仿微信主界面展示的具体代码,供大家参考,具体内容如下 先看一下效果图 实现的原理: ViewPager+FragmentPagerAdapter 主界面可分为三部分: top标题栏就是一个TextView 中间的ViewPager作为显示的容器,填充Fragment bottom是一个RadioGroup 这里为了布局的优化,将top和bottom抽取出来 ,然后用include将其导入主布局,如下 <LinearLayout xmlns:android=&quo

Android 仿微信图像拍摄和选择界面功能(代码分享)

插件运行后的画面如下: 下面这张图对图像进行筛选,根据照片产生的源头分(QQ和微信和相机) 点击某文件夹后,可以查看该文件夹下包含的所有的图片 图片选择界面 选中后就跳到已经选择界面的窗口,并且可以对该吃图片上传进行简要的描述 首先我想说明的是这个插件默认是不进行图片筛选的,打开app后会有几十个文件夹,但是个人认为开发中常用的图片基本都来自于QQ中拍摄的照片,微信中拍摄的照片,以及相机直接拍摄的照片,因此我对这个插件进行过滤以及文件夹名称的更改,具体做法,主要是对AlbumHelper类bui