需要图片集和源码请点赞关注收藏后评论区留言~~~
所谓抠图神器，就是从一副图片中扣出用户想要的某块区域
一、需求描述
美图的修图功能如此强大，离不开专业的图片加工技术，抠图便是其中重要的一项功能。在App界面底部点击抠图按钮，再选择下方的形状按钮就会出现等待抠图的目标区域，然后通过手指触摸挪动方框，也可两指并用缩放或者旋转方框，调整方框大小以及角度后，再点击右下角的三点按钮，选择弹出菜单中的存为贴纸，就可以在贴纸功能中查看已经扣好的图片。
示意图如下
二、功能分析
抠图工具通过对图像进行平移，缩放，旋转等操作把图像的某个区域扣下来，抠图工具要提供打工图片和保存图片两种操作，其中打开图片支持从手机相册选取待加工的原始图片，保存图片支持把抠出来的图像保存到存储卡
打开原始图片后 工具界面进入抠图模式 主界面上没有任何控制按钮，抠哪个区域完全靠手势操作 需要实现的手势处理有以下五种
1：挪动高亮区域的手势
2：调整高亮区域边界的手势
3：挪动图片的手势
4：缩放图片的手势
5：旋转图片的手势
三、效果展示
演示视频如下
美图秀秀
点击右上角的三角按钮 可以打开和保存图片
下面用我们熟知的足坛巨星C罗举例
可以对图像进行放缩 旋转等操作
四、代码
java类
package com.example.event; import com.example.event.util.BitmapUtil; import com.example.event.util.DateUtil; import com.example.event.widget.BitmapView; import com.example.event.widget.MeituView; import com.example.event.widget.MeituView.ImageChangetListener; import android.app.Activity; import android.content.Intent; import android.graphics.Bitmap; import android.graphics.Rect; import android.net.Uri; import android.os.Bundle; import androidx.appcompat.app.AppCompatActivity; import androidx.appcompat.widget.Toolbar; import android.os.Environment; import android.view.Menu; import android.view.MenuItem; import android.view.View; import android.view.WindowManager; import android.widget.TextView; import android.widget.Toast; public class MeituActivity extends Activity implements ImageChangetListener { private final static String TAG = "MeituActivity"; private int CHOOSE_CODE = 3; // 只在相册挑选图片的请求码 private MeituView mv_content; // 声明一个美图视图对象 private BitmapView bv_content; // 声明一个位图视图对象 private TextView tv_hint; // 声明一个文本视图对象 @Override protected void onCreate(Bundle savedInstanceState) { private void initView() { Toolbar tl_head = findViewById(R.id.tl_head); tl_head.setTitle("抠图工具"); setSupportActionBar(tl_head); // 替换系统自带的ActionBar // 设置工具栏左侧导航图标的点击监听器 tl_head.setNavigationOnClickListener(view -> finish()); mv_content = findViewById(R.id.mv_content); mv_content.setImageChangetListener(this); // 设置美图视图的图像变更监听器 bv_content = findViewById(R.id.bv_content); bv_content.setDrawingCacheEnabled(true); // 开启位图视图的绘图缓存 tv_hint = findViewById(R.id.tv_hint); } private void setSupportActionBar(Toolbar tl_head) { } // 刷新图像展示 private void refreshImage(boolean is_first) { Bitmap bitmap = bv_content.getDrawingCache(); // 从绘图缓存获取位图对象 mv_content.setOrigBitmap(bitmap); // 设置美图视图的原始位图 if (is_first) { // 首次打开 int left = bitmap.getWidth() / 4; int top = bitmap.getHeight() / 4; // 设置美图视图的位图边界 mv_content.setBitmapRect(new Rect(left, top, left * 2, top * 2)); } else { // 非首次打开 // 设置美图视图的位图边界 mv_content.setBitmapRect(mv_content.getBitmapRect()); } } // 在图片平移时触发 @Override public void onImageTraslate(int offsetX, int offsetY, boolean bReset) { bv_content.setOffset(offsetX, offsetY, bReset); // 设置位图视图的偏移距离 refreshImage(false); // 刷新图像展示 } // 在图片缩放时触发 @Override public void onImageScale(float ratio) { bv_content.setScaleRatio(ratio, false); // 设置位图视图的缩放比率 refreshImage(false); // 刷新图像展示 } // 在图片旋转时触发 @Override public void onImageRotate(int degree) { bv_content.setRotateDegree(degree, false); // 设置位图视图的旋转角度 refreshImage(false); // 刷新图像展示 } // 在图片点击时触发 @Override public void onImageClick() {} // 在图片长按时触发 @Override public void onImageLongClick() {} // 在创建选项菜单时调用 @Override public boolean onCreateOptionsMenu(Menu menu) { getMenuInflater().inflate(R.menu.menu_meitu, menu); return true; } // 在选中菜单项时调用 @Override public boolean onOptionsItemSelected(MenuItem item) { if (item.getItemId() == R.id.menu_file_open) { // 点击了“打开文件” // 创建一个内容获取动作的意图（准备跳到系统相册） Intent albumIntent = new Intent(Intent.ACTION_GET_CONTENT); albumIntent.putExtra(Intent.EXTRA_ALLOW_MULTIPLE, false); // 是否允许多选 albumIntent.setType("image/*"); // 类型为图像 startActivityForResult(albumIntent, CHOOSE_CODE); // 打开系统相册 } else if (item.getItemId() == R.id.menu_file_save) { // 点击了“保存文件” Bitmap bitmap = mv_content.getCropBitmap(); // 获取美图视图处理后的位图 // 生成图片文件的保存路径 String path = String.format("%s/%s.jpg", getExternalFilesDir(Environment.DIRECTORY_DOWNLOADS).toString(), DateUtil.getNowDateTime()); BitmapUtil.saveImage(path, bitmap); // 把位图保存为图片文件 BitmapUtil.notifyPhotoAlbum(this, path); // 通知相册来了张新图片 Toast.makeText(this, "已保存抠好的图片 "+path, Toast.LENGTH_SHORT).show(); } return super.onOptionsItemSelected(item); } @Override protected void onActivityResult(int requestCode, int resultCode, Intent intent) { super.onActivityResult(requestCode, resultCode, intent); if (resultCode == RESULT_OK && requestCode == CHOOSE_CODE) { // 从相册返回 if (intent.getData() != null) { // 从相册选择一张照片 Uri uri = intent.getData(); // 获得已选择照片的路径对象 // 根据指定图片的uri，获得自动缩小后的位图对象 Bitmap bitmap = BitmapUtil.getAutoZoomImage(this, uri); bv_content.setImageBitmap(bitmap); // 设置位图视图的位图对象 refreshImage(true); // 刷新图像展示 tv_hint.setVisibility(View.GONE); } } } }
XML文件
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" android:layout_width="match_parent" android:layout_height="match_parent" android:orientation="vertical"> <androidx.appcompat.widget.Toolbar android:id="@+id/tl_head" android:layout_width="match_parent" android:layout_height="50dp" android:background="@color/blue_light" app:navigationIcon="@drawable/icon_back" /> <RelativeLayout android:layout_width="match_parent" android:layout_height="0dp" android:layout_weight="1"> <com.example.event.widget.BitmapView android:id="@+id/bv_content" android:layout_width="match_parent" android:layout_height="match_parent" android:background="@color/white" android:scaleType="centerCrop" /> <com.example.event.widget.MeituView android:id="@+id/mv_content" android:layout_width="match_parent" android:layout_height="match_parent" /> <TextView android:id="@+id/tv_hint" android:layout_width="match_parent" android:layout_height="wrap_content" android:text="请点击右上角的三点图标，先打开图片文件，再开始抠图操作" android:textColor="@color/black" android:textSize="17sp" /> </RelativeLayout> </LinearLayout>
创作不易 觉得有帮助请点赞关注收藏~~~
