android 怎么裁剪drawable

Posted 2023-04-26

图片裁剪
package com.xiaoma.piccut.demo;

import java.io.File;
import android.app.Activity;
import android.app.AlertDialog;
import android.content.DialogInterface;
import android.content.Intent;
import android.graphics.Bitmap;
import android.graphics.drawable.BitmapDrawable;
import android.graphics.drawable.Drawable;
import android.net.Uri;
import android.os.Bundle;
import android.os.Environment;
import android.provider.MediaStore;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;
import android.widget.ImageButton;
import android.widget.ImageView;
/**
* @Title: PicCutDemoActivity.java
* @Package com.xiaoma.piccut.demo
* @Description: 图片裁剪功能测试
* @author XiaoMa
*/
public class PicCutDemoActivity extends Activity implements OnClickListener

private ImageButton ib = null;
private ImageView iv = null;
private Button btn = null;
private String tp = null;

/** Called when the activity is first created. */
@Override
public void onCreate(Bundle savedInstanceState)
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
//初始化
init();


/**
* 初始化方法实现
*/
private void init()
ib = (ImageButton) findViewById(R.id.imageButton1);
iv = (ImageView) findViewById(R.id.imageView1);
btn = (Button) findViewById(R.id.button1);
ib.setOnClickListener(this);
iv.setOnClickListener(this);
btn.setOnClickListener(this);


/**
* 控件点击事件实现
*
* 因为有朋友问不同控件的背景图裁剪怎么实现，
* 我就在这个地方用了三个控件，只为了自己记录学习
* 大家觉得没用的可以跳过啦
*/
@Override
public void onClick(View v)
switch (v.getId())
case R.id.imageButton1:
ShowPickDialog();
break;
case R.id.imageView1:
ShowPickDialog();
break;
case R.id.button1:
ShowPickDialog();
break;

default:
break;



/**
* 选择提示对话框
*/
private void ShowPickDialog()
new AlertDialog.Builder(this)
.setTitle("设置头像...")
.setNegativeButton("相册", new DialogInterface.OnClickListener()
public void onClick(DialogInterface dialog, int which)
dialog.dismiss();
/**
* 刚开始，我自己也不知道ACTION_PICK是干嘛的，后来直接看Intent源码，
* 可以发现里面很多东西，Intent是个很强大的东西，大家一定仔细阅读下
*/
Intent intent = new Intent(Intent.ACTION_PICK, null);

/**
* 下面这句话，与其它方式写是一样的效果，如果：
* intent.setData(MediaStore.Images.Media.EXTERNAL_CONTENT_URI);
* intent.setType(""image/*");设置数据类型
* 如果朋友们要限制上传到服务器的图片类型时可以直接写如："image/jpeg 、 image/png等的类型"
* 这个地方小马有个疑问，希望高手解答下：就是这个数据URI与类型为什么要分两种形式来写呀？有什么区别？
*/
intent.setDataAndType(
MediaStore.Images.Media.EXTERNAL_CONTENT_URI,
"image/*");
startActivityForResult(intent, 1);


)
.setPositiveButton("拍照", new DialogInterface.OnClickListener()
public void onClick(DialogInterface dialog, int whichButton)
dialog.dismiss();
/**
* 下面这句还是老样子，调用快速拍照功能，至于为什么叫快速拍照，大家可以参考如下官方
* 文档，you_sdk_path/docs/guide/topics/media/camera.html
* 我刚看的时候因为太长就认真看，其实是错的，这个里面有用的太多了，所以大家不要认为
* 官方文档太长了就不看了，其实是错的，这个地方小马也错了，必须改正
*/
Intent intent = new Intent(
MediaStore.ACTION_IMAGE_CAPTURE);
//下面这句指定调用相机拍照后的照片存储的路径
intent.putExtra(MediaStore.EXTRA_OUTPUT, Uri
.fromFile(new File(Environment
.getExternalStorageDirectory(),
"xiaoma.jpg")));
startActivityForResult(intent, 2);

).show();


@Override
protected void onActivityResult(int requestCode, int resultCode, Intent data)
switch (requestCode)
// 如果是直接从相册获取
case 1:
startPhotoZoom(data.getData());
break;
// 如果是调用相机拍照时
case 2:
File temp = new File(Environment.getExternalStorageDirectory()
+ "/xiaoma.jpg");
startPhotoZoom(Uri.fromFile(temp));
break;
// 取得裁剪后的图片
case 3:
/**
* 非空判断大家一定要验证，如果不验证的话，
* 在剪裁之后如果发现不满意，要重新裁剪，丢弃
* 当前功能时，会报NullException，小马只
* 在这个地方加下，大家可以根据不同情况在合适的
* 地方做判断处理类似情况
*
*/
if(data != null)
setPicToView(data);

break;
default:
break;


super.onActivityResult(requestCode, resultCode, data);


/**
* 裁剪图片方法实现
* @param uri
*/
public void startPhotoZoom(Uri uri)
/*
* 至于下面这个Intent的ACTION是怎么知道的，大家可以看下自己路径下的如下网页
* yourself_sdk_path/docs/reference/android/content/Intent.html
* 直接在里面Ctrl+F搜：CROP ，之前小马没仔细看过，其实安卓系统早已经有自带图片裁剪功能,
* 是直接调本地库的，小马不懂C C++ 这个不做详细了解去了，有轮子就用轮子，不再研究轮子是怎么
* 制做的了...吼吼
*/
Intent intent = new Intent("com.android.camera.action.CROP");
intent.setDataAndType(uri, "image/*");
//下面这个crop=true是设置在开启的Intent中设置显示的VIEW可裁剪
intent.putExtra("crop", "true");
// aspectX aspectY 是宽高的比例
intent.putExtra("aspectX", 1);
intent.putExtra("aspectY", 1);
// outputX outputY 是裁剪图片宽高
intent.putExtra("outputX", 150);
intent.putExtra("outputY", 150);
intent.putExtra("return-data", true);
startActivityForResult(intent, 3);


/**
* 保存裁剪之后的图片数据
* @param picdata
*/
private void setPicToView(Intent picdata)
Bundle extras = picdata.getExtras();
if (extras != null)
Bitmap photo = extras.getParcelable("data");
Drawable drawable = new BitmapDrawable(photo);

/**
* 下面注释的方法是将裁剪之后的图片以Base64Coder的字符方式上
* 传到服务器，QQ头像上传采用的方法跟这个类似
*/

/*ByteArrayOutputStream stream = new ByteArrayOutputStream();
photo.compress(Bitmap.CompressFormat.JPEG, 60, stream);
byte[] b = stream.toByteArray();
// 将图片流以字符串形式存储下来

tp = new String(Base64Coder.encodeLines(b));
这个地方大家可以写下给服务器上传图片的实现，直接把tp直接上传就可以了，
服务器处理的方法是服务器那边的事了，吼吼

如果下载到的服务器的数据还是以Base64Coder的形式的话，可以用以下方式转换
为我们可以用的图片类型就OK啦...吼吼
Bitmap dBitmap = BitmapFactory.decodeFile(tp);
Drawable drawable = new BitmapDrawable(dBitmap);
*/
ib.setBackgroundDrawable(drawable);
iv.setBackgroundDrawable(drawable);



参考技术A 可使用ScaleType来指定drawable的缩放方式，来实现裁剪效果。
ImageView的Scaletype决定了图片在View上显示时的样子，如进行何种比例的缩放，及显示图片的整体还是部分，等等。
设置的方式包括：
1. 在layout xml中定义android:scaleType="CENTER"
2. 或在代码中调用imageView.setScaleType(ImageView.ScaleType.CENTER);
Scaletype的取值说明：
1. SetScaleType(ImageView.ScaleType.CENTER);
按图片的原来size居中显示，当图片长/宽超过View的长/宽，则截取图片的居中部分显示
2. SetScaleType(ImageView.ScaleType.CENTER_CROP);
按比例扩大图片的size居中显示，使得图片长(宽)等于或大于View的长(宽)
3. setScaleType(ImageView.ScaleType.CENTER_INSIDE);
将图片的内容完整居中显示，通过按比例缩小或原来的size使得图片长/宽等于或小于View的长/宽
4. setScaleType(ImageView.ScaleType.FIT_CENTER);
把图片按比例扩大/缩小到View的宽度，居中显示
5. FIT_START, FIT_END在图片缩放效果上与FIT_CENTER一样，只是显示的位置不同，FIT_START是置于顶部，FIT_CENTER居中，FIT_END置于底部。
在此就不给出示例了。
6. FIT_XY
不按比例缩放图片，目标是把图片塞满整个View。

图像没有裁剪

我正在将background图像设置为LinearLayout，如下所示：

1.back_xml：

<?xml version="1.0" encoding="UTF-8"?>
  <layer-list xmlns:android="http://schemas.android.com/apk/res/android">  
       <item android:drawable="@drawable/back" >
        </item>
    <item>
        <shape>
            <solid/>
            <stroke android:width="1dip" android:color="#225786" />
            <corners android:radius="10dip"/>
            <padding android:left="0dip" android:top="0dip" android:right="0dip" android:bottom="0dip" />
        </shape>
    </item> 

电传

    <bitmap xmlns:android="http://schemas.android.com/apk/res/android"
        android:src="@drawable/pie_chart_background"
        android:tileMode="repeat">
    </bitmap>

现在我将back.xml设置为background到LinearLayout它工作正常。

我需要有一个圆角的image和它的边框。但我只有圆角的边框而不是图像我的代码中的问题是什么我错过了什么？

这就是我的图像的样子：

答案

在你的问题花了几个小时后，我终于实现了，希望现在它会给你你想要的相同结果，请通过下面的代码告诉我它是否有效？

将适当的参数传递给下面的函数，以获得您想要的颜色边框的圆角。

public static Bitmap getRoundedCornerImage(Bitmap bitmap, int cornerDips, int borderDips, Context context) {
        Bitmap output = Bitmap.createBitmap(bitmap.getWidth(), bitmap.getHeight(),
                Bitmap.Config.ARGB_8888);
        Canvas canvas = new Canvas(output);

        final int borderSizePx = (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, (float) borderDips,
                context.getResources().getDisplayMetrics());
        final int cornerSizePx = (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, (float) cornerDips,
                context.getResources().getDisplayMetrics());
        final Paint paint = new Paint();
        final Rect rect = new Rect(0, 0, bitmap.getWidth(), bitmap.getHeight());
        final RectF rectF = new RectF(rect);


        paint.setAntiAlias(true);
        paint.setColor(0xFFFFFFFF);
        paint.setStyle(Paint.Style.FILL);
        canvas.drawARGB(0, 0, 0, 0);
        canvas.drawRoundRect(rectF, cornerSizePx, cornerSizePx, paint);


        paint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.SRC_IN));
        canvas.drawBitmap(bitmap, rect, rect, paint);


        paint.setColor((Color.RED)); // you can change color of your border here, to other color
        paint.setStyle(Paint.Style.STROKE);
        paint.setStrokeWidth((float) borderSizePx);
        canvas.drawRoundRect(rectF, cornerSizePx, cornerSizePx, paint);

        return output;
    }

main.xml中

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:gravity="center"
    tools:context=".MainActivity" >

    <ImageView
        android:id="@+id/image"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_centerHorizontal="true"

      />

</RelativeLayout>

在OnCreate

public class MainActivity extends Activity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
        ImageView rl=(ImageView)findViewById(R.id.image);


    Bitmap bitmap = BitmapFactory.decodeResource(getResources(), R.drawable.testing); // your desire drawable image.
    rl.setImageBitmap(getRoundedCornerImage(bitmap, 10, 10, this));

    }

原始图像

产量

以下链接帮助我实现我的目标：

Border over a bitmap with rounded corners in Android

Creating ImageView with round corners

How to make an ImageView to have rounded corners

How to set paint.setColor(int color)

另一答案

尝试你的back.xml像这样的东西，而不是给一个矩形背景图像。

<?xml version="1.0" encoding="UTF-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">  
   <item android:drawable="#ff00ff >
    </item>
 <item>
    <shape android:shape="rectangle" >
        <solid/>
        <stroke android:width="1dip" android:color="#225786" />
        <corners android:radius="10dip"/>
        <padding android:left="0dip" android:top="0dip" android:right="0dip" android:bottom="0dip" />
    </shape>
  </item> 

另一答案

Raj发布的另一种替代方法是在角落使用透明度的背景图像。

最佳解决方案，因为您的背景很简单，就是使用9补丁，这是大多数背景图像的Android原生解决方案：http://developer.android.com/guide/topics/graphics/2d-graphics.html#nine-patch，其风格类似于绘制某些网站背景的方式。

Android也有它自己的9-patch创建者与sdk：http://developer.android.com/tools/help/draw9patch.html捆绑在一起，所以编辑你自己的png文件很简单，然后将9-patch应用到布局。 9补丁的优势在于它们还可以为您调整UI的大小，这意味着您在不同的屏幕上使用应用程序时不会遇到太多问题

另一答案

将您的形状与带圆角的图像结合使用。

您可以使用AndroidQuery加载带圆角的图像。见http://code.google.com/p/android-query/wiki/ImageLoading#Rounded_Corner

String url ="http://www.vikispot.com/z/images/vikispot/android-w.png";
ImageOptions options = new ImageOptions(); 
options.round = 15;
aq.id(R.id.image).image(url, options);

另一答案

我想你应该这样做。

<layer-list xmlns:android="http://schemas.android.com/apk/res/android">  
<item>
    <shape>
        <solid android:color="@color/back" />
        <stroke android:width="1dip" android:color="#225786" />
        <corners android:radius="10dip"/>
        <padding android:left="0dip" android:top="0dip" android:right="0dip" android:bottom="0dip" />
    </shape>
</item> 

如果背景不是一种颜色，但它是一个位图，你应该遵循这个美丽的指南http://www.curious-creature.org/2012/12/11/android-recipe-1-image-with-rounded-corners/

另一答案

解决方案1

1. 为边框创建9补丁图像。图像的中间应该是透明的。
2. 使用RelativeLayout作为父级，并将图像LinearLayout放在底部。将边框9-patch设置为另一个线性布局的背景，并将其放置在图像LinearLayout的顶部。然后它将覆盖角落，您将获得预期的结果。

解决方案2

public static Bitmap getRoundedCornerBitmap(Bitmap bitmap) {
Bitmap output = Bitmap.createBitmap(bitmap.getWidth(),
    bitmap.getHeight(), Config.ARGB_8888);
Canvas canvas = new Canvas(output);

final int color = 0xff424242;
final Paint paint = new Paint();
final Rect rect = new Rect(0, 0, bitmap.getWidth(), bitmap.getHeight());
final RectF rectF = new RectF(rect);
final float roundPx = 12;

paint.setAntiAlias(true);
canvas.drawARGB(0, 0, 0, 0);
paint.setColor(color);
canvas.drawRoundRect(rectF, roundPx, roundPx, paint);

paint.setXfermode(new PorterDuffXfermode(Mode.SRC_IN));
canvas.drawBitmap(bitmap, rect, rect, paint);

return output;

}