图片裁剪(基于RxPaparazzo)

前言:基于RxPaparazzo的图片裁剪,图片旋转、比例放大|缩小。

效果:

开发环境:AndroidStudio2.2.1+gradle-2.14.1

涉及知识:

1.Material Design(CardView+CoordinatorLayout+AppBarLayout+NestedScrollView+CollapsingToolbarLayout+Toolbar+FloatingActionButton)使用
 
2.butterknife注解式开发
 
3.基于RxJava+RxAndroid的RxPaparazzo使用

引入依赖:

 compile 'com.android.support:appcompat-v7:24.+'
//RxPaparazzo 拍照&相册
// compile "com.github.miguelbcr:RxPaparazzo:0.4.2-2.x"
compile ("com.github.miguelbcr:RxPaparazzo:0.5.2-2.x") {
exclude module: 'okhttp'
exclude module: 'okio'
}
compile 'io.reactivex.rxjava2:rxandroid:2.0.1'
compile 'com.android.support:cardview-v7:24.+'
// compile 'com.android.support:customtabs:24.+'
compile 'com.android.support:design:24.+'
compile 'com.jakewharton:butterknife:7.0.1'

部分代码:

public class MainActivity extends AppCompatActivity {

    @Bind(R.id.iv_appbar)
ImageView iv_appbar; @Bind(R.id.main_toolbar)
Toolbar toolbar; /* @Bind(R.id.btn_float)
FloatingActionButton btn_float;*/ @Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
ButterKnife.bind(this);
initToolBar();
} private void initToolBar() {
this.setSupportActionBar(toolbar);
toolbar.setTitle("我的");
} @OnClick({R.id.main_toolbar, R.id.btn_float})
public void onClick(View view) {
final UCrop.Options options = new UCrop.Options();
int color = ContextCompat.getColor(view.getContext(), R.color.colorPrimary);
options.setToolbarColor(color);
options.setStatusBarColor(ContextCompat.getColor(view.getContext(), R.color.colorPrimaryDark));
options.setActiveWidgetColor(color);
switch (view.getId()) {
case R.id.main_toolbar:
Toast.makeText(MainActivity.this, "Toolbar点击", Toast.LENGTH_SHORT).show();
break;
case R.id.btn_float: {
showDialog(view, options);
break;
}
}
} private void showDialog(View view, final UCrop.Options options) {
final Context context = view.getContext();
final AlertDialog.Builder builder = new AlertDialog.Builder(context);
builder.setTitle("设置背景图片:").setMessage("如何获取图片?")
.setPositiveButton("相册", new DialogInterface.OnClickListener() {
@Override
public void onClick(DialogInterface dialog, int which) {
dialog.dismiss();
// RxPaparazzo.takeImage(MainActivity.this)
RxPaparazzo.single(MainActivity.this)
.crop(options)
.usingGallery()
.subscribeOn(Schedulers.io())
.observeOn(AndroidSchedulers.mainThread())
.subscribe(new Consumer<Response<MainActivity, FileData>>() {
@Override
public void accept(Response<MainActivity, FileData>
response) throws Exception {
if (response.resultCode() == Activity.RESULT_OK) { File filePath = response.data().getFile();
Bitmap bitmap = BitmapFactory.
decodeFile(filePath.getPath());
iv_appbar.setImageBitmap(bitmap); } else if (response.resultCode() == Activity.RESULT_CANCELED) { Toast.makeText(MainActivity.this, "取消相册访问",
Toast.LENGTH_SHORT).show(); } else { Toast.makeText(MainActivity.this, "未知错误!",
Toast.LENGTH_SHORT).show();
}
}
});
}
})
.setNeutralButton("取消", new DialogInterface.OnClickListener() {
@Override
public void onClick(DialogInterface dialog, int which) {
dialog.dismiss();
}
})
.setNegativeButton("拍照", new DialogInterface.OnClickListener() {
@Override
public void onClick(DialogInterface dialog, int which) {
dialog.dismiss();
// RxPaparazzo.takeImage(MainActivity.this)
RxPaparazzo.single(MainActivity.this)
.crop(options)
.usingCamera()
.subscribeOn(Schedulers.io())
.observeOn(AndroidSchedulers.mainThread())
.subscribe(new Consumer<Response<MainActivity, FileData>>() {
@Override
public void accept(Response<MainActivity, FileData>
response) throws Exception { if (response.resultCode() == Activity.RESULT_OK) {
FileData filePath = response.data();
Bitmap bitmap = BitmapFactory.
decodeFile(filePath.getFile().getPath());
iv_appbar.setImageBitmap(bitmap);
} else if (response.resultCode() == Activity.RESULT_CANCELED) {
Toast.makeText(MainActivity.this, "取消拍照",
Toast.LENGTH_SHORT).show();
} else {
Toast.makeText(MainActivity.this, "未知错误!",
Toast.LENGTH_SHORT).show();
}
}
});
/**
* new Consumer<Response<MainActivity, String>>() {
@Override public void accept(@NonNull Response<MainActivity, String> response) throws Exception {
if (response.resultCode() == Activity.RESULT_OK) {
String filePath = response.data();
Bitmap bitmap = BitmapFactory.decodeFile(filePath);
iv_appbar.setImageBitmap(bitmap);
} else if (response.resultCode() == Activity.RESULT_CANCELED) {
Toast.makeText(MainActivity.this, "取消拍照", Toast.LENGTH_SHORT).show();
} else {
Toast.makeText(MainActivity.this, "未知错误!", Toast.LENGTH_SHORT).show();
}
}
}
*
*/
}
}); AlertDialog dialog = builder.create();
dialog.show(); dialog.getButton(DialogInterface.BUTTON_POSITIVE). setTextColor(ContextCompat.getColor(context, R.color.colorPrimary)
);
dialog.getButton(DialogInterface.BUTTON_NEGATIVE). setTextColor(ContextCompat.getColor(context, R.color.colorPrimary) );
dialog.getButton(DialogInterface.BUTTON_NEUTRAL). setTextColor(ContextCompat.getColor(context, R.color.colorAccent) );
} @Override
protected void onDestroy() {
super.onDestroy();
ButterKnife.unbind(this);//解除绑定
}
}

源码下载...

图片裁剪(基于RxPaparazzo)的更多相关文章

  1. 基于jQuery功能非常强大的图片裁剪插件

    今天我们要来介绍一款基于jQuery功能非常强大的图片裁剪插件,这款jQuery图片裁剪插件可以选择裁剪框的尺寸比例,可以设置高宽尺寸,同时可以设置图片翻转角度,当然也支持图片的缩放,裁剪框也可以用鼠 ...

  2. Cropper – 简单的 jQuery 图片裁剪插件

    Cropper 是一个简单的 jQuery 图像裁剪插件.它支持选项,方法,事件,触摸(移动),缩放,旋转.输出的裁剪数据基于原始图像大小,这样你就可以用它们来直接裁剪图像. 如果你尝试裁剪跨域图像, ...

  3. struts2+jsp+jquery+Jcrop实现图片裁剪并上传

    <1> 使用html标签上传需要裁剪的大图. <2> 在页面呈现大图,使用Jcrop(Jquery)对大图进行裁剪,并且可以进行预览. <3> 选择好截取部分之后发 ...

  4. bootstrap-wysiwyg 结合 base64 解码 .net bbs 图片操作类 (二) 图片裁剪

    图片裁剪参见: http://deepliquid.com/projects/Jcrop/demos.php?demo=thumbnail        一个js插件 http://www.mikes ...

  5. 从web图片裁剪出发:了解H5中的canvas

    本篇内容不针对canvas文档对每个api进行逐个的详解! 本篇内容不针对canvas文档对每个api进行逐个的详解! 本篇内容不针对canvas文档对每个api进行逐个的详解! 重说三,好了,现在进 ...

  6. react-native多图选择、图片裁剪(支持ad/ios图片个数控制)

    扯淡: 目前关于rn比较知名并且封装好的图片选择控件很多,不过能同时支持多图片上传,个数控制兼容iOS/Ad的却寥寥无几,而今天介绍的这款框架可以实现:图片裁剪.最大图片个数限制.拍照.本地相册等功能 ...

  7. node.js平台下,cropper.js实现图片裁剪预览并转换为base64发送至服务端。

    一 .准备工作 1.首先需要先下载cropper,常规使用npm,进入项目路径后执行以下命令: npm install cropper 2. cropper基于jquery,在此不要忘记引入jq,同时 ...

  8. cropper.js实现图片裁剪预览并转换为base64发送至服务端。

    一 .准备工作 1.首先需要先下载cropper,常规使用npm,进入项目路径后执行以下命令: npm install cropper 2. cropper基于jquery,在此不要忘记引入jq,同时 ...

  9. JavaScript图片裁剪

    1.jquery 图片裁剪库选择 Jcrop:http://deepliquid.com/content/Jcrop.html imgareaselect:http://odyniec.net/pro ...

随机推荐

  1. abp 依赖注入声明

    public class SchedulerManager : ISingletonDependency { private ILogger logger; public SchedulerManag ...

  2. 2018沈阳网络赛 - Ka Chang KD树暴力

    题意:给你一棵树,n个点q次操作,操作1查询x子树深度为d的节点权值和,操作2查询子树x权值和 把每个点按(dfn,depth)的二维关系构造kd树,剩下的只需维护lazy标记即可 #include& ...

  3. 【数组】Two Sum

    题目: Given an array of integers, find two numbers such that they add up to a specific target number. ...

  4. res/raw与assets目录的区别

    1.相同点: 两者都会原封不动的保存在apk包中,不会被编译成二进制码. 2.不同点: raw目录下只能存放文件,不能存放下一级的文件夹,而assets可以存放下一级的文件夹. raw目录下的资源会映 ...

  5. grub2配置关键(三个核心变量prefix、root、cmdpath)和几点疑问

    前置知识:你必须知道grub的启动过程以及bios和uefi的相关基础知识,可以参考:<Unified Extensible Firmware Interface Wikipedia>.& ...

  6. 草稿-把vim变成IDE

    从昨天下午到现在一直在研究vim,初学者,从vim最基本的命令开始看起的.是通过vimtutor学习的. 看到最后一章的时候,发现原来vimtutor中的知识知识vim中的冰山一角,vim真正的强大之 ...

  7. linux目录(转载)

    目录 1.树状目录结构图 2./目录 3./etc/目录 4./usr/目录 5./var/目录 6./proc/目录 7./dev/目录 该文章主要来自于网络进行整理. 目录结构参考地址: http ...

  8. 如何应用ASP.NET MVC中的分部视图

    概述: 在ASP.NET Web Form的开发经验中,对于User Control使用比较频繁,可以减少重复的代码,利于页面模块化,这个概念也被引入了ASP.NET MVC.即“分部视图”. 1.创 ...

  9. C#可选参数、命名参数、参数数组

    学习了C#4.0的新特性:可选参数.命名参数.参数数组. 1.可选参数,是指给方法的特定参数指定默认值,在调用方法时可以省略掉这些参数. 但要注意: (1)可选参数不能为参数列表的第1个参数,必须位于 ...

  10. IE8实现媒体查询

    IE8实现媒体查询 实现IE8引用样式 <!--[if IE 8]> 仅IE8可识别 <style> @import "Index.css"; } < ...