【Android】图片切角，切指定的边。

博客分类：
Android
Java

android

公司的项目，UI和应用都是我自己做的。前几天设计了一个UI，出现了半边圆角的情况，如下图片所示。图片都来自服务器，肯定不能要求返回的图片按这个格式，必须在应用端对图片进行切角。

Google了好久，发现能找到的代码都是重复的，而且代码垃圾很多。于是按着那段代码的解决方式，自己写了一个实现指定切某一边的工具类。

直接可用的代码：

Java代码

package com.lurencun.androidsysteminfomation;
import android.graphics.Bitmap;
import android.graphics.Canvas;
import android.graphics.Color;
import android.graphics.Paint;
import android.graphics.PorterDuffXfermode;
import android.graphics.Rect;
import android.graphics.RectF;
import android.graphics.Bitmap.Config;
import android.graphics.PorterDuff.Mode;
/**
* @author : 桥下一粒砂
* @email : chenyoca@gmail.com
* @date : 2012-11-8
* @desc :
*/
public class BitmapFillet {
public static final int ALL = 347120;
public static final int TOP = 547120;
public static final int LEFT = 647120;
public static final int RIGHT = 747120;
public static final int BOTTOM = 847120;
/**
*
* 指定图片的切边，对图片进行圆角处理
* @param type 具体参见：{@link BitmapFillet.ALL} , {@link BitmapFillet.TOP} ,
* {@link BitmapFillet.LEFT} , {@link BitmapFillet.RIGHT} , {@link BitmapFillet.BOTTOM}
* @param bitmap 需要被切圆角的图片
* @param roundPx 要切的像素大小
* @return
*
*/
public static Bitmap fillet(int type,Bitmap bitmap,int roundPx) {
try {
// 其原理就是：先建立一个与图片大小相同的透明的Bitmap画板
// 然后在画板上画出一个想要的形状的区域。
// 最后把源图片帖上。
final int width = bitmap.getWidth();
final int height = bitmap.getHeight();
Bitmap paintingBoard = Bitmap.createBitmap(width,height, Config.ARGB_8888);
Canvas canvas = new Canvas(paintingBoard);
canvas.drawARGB(Color.TRANSPARENT, Color.TRANSPARENT, Color.TRANSPARENT, Color.TRANSPARENT);
final Paint paint = new Paint();
paint.setAntiAlias(true);
paint.setColor(Color.BLACK);
if( TOP == type ){
clipTop(canvas,paint,roundPx,width,height);
}else if( LEFT == type ){
clipLeft(canvas,paint,roundPx,width,height);
}else if( RIGHT == type ){
clipRight(canvas,paint,roundPx,width,height);
}else if( BOTTOM == type ){
clipBottom(canvas,paint,roundPx,width,height);
}else{
clipAll(canvas,paint,roundPx,width,height);
}
paint.setXfermode(new PorterDuffXfermode(Mode.SRC_IN));
//帖子图
final Rect src = new Rect(0, 0, width, height);
final Rect dst = src;
canvas.drawBitmap(bitmap, src, dst, paint);
return paintingBoard;
} catch (Exception exp) {
return bitmap;
}
}
private static void clipLeft(final Canvas canvas,final Paint paint,int offset,int width,int height){
final Rect block = new Rect(offset,0,width,height);
canvas.drawRect(block, paint);
final RectF rectF = new RectF(0, 0, offset * 2 , height);
canvas.drawRoundRect(rectF, offset, offset, paint);
}
private static void clipRight(final Canvas canvas,final Paint paint,int offset,int width,int height){
final Rect block = new Rect(0, 0, width-offset, height);
canvas.drawRect(block, paint);
final RectF rectF = new RectF(width - offset * 2, 0, width , height);
canvas.drawRoundRect(rectF, offset, offset, paint);
}
private static void clipTop(final Canvas canvas,final Paint paint,int offset,int width,int height){
final Rect block = new Rect(0, offset, width, height);
canvas.drawRect(block, paint);
final RectF rectF = new RectF(0, 0, width , offset * 2);
canvas.drawRoundRect(rectF, offset, offset, paint);
}
private static void clipBottom(final Canvas canvas,final Paint paint,int offset,int width,int height){
final Rect block = new Rect(0, 0, width, height - offset);
canvas.drawRect(block, paint);
final RectF rectF = new RectF(0, height - offset * 2 , width , height);
canvas.drawRoundRect(rectF, offset, offset, paint);
}
private static void clipAll(final Canvas canvas,final Paint paint,int offset,int width,int height){
final RectF rectF = new RectF(0, 0, width , height);
canvas.drawRoundRect(rectF, offset, offset, paint);
}
}

【Android】图片切角，切指定的边。相关推荐

css3切角文本框_[CSS揭秘]切角效果
将角切掉也是一种流行的设计风格传统解决方案可能是使用三角形或者其他形状的图片来盖住边角从而模拟切角效果有了CSS3,我们完全可以使用新技术来实现第一种方案: CSS渐变需求一: 一个矩形需要切 ...
linear-gradient 实现切角效果
一.前言 linear-gradient() :函数用于创建一个表示两种或多种颜色线性渐变的图片.即实现线性渐变! 二.基础用法默认渐变方向是从上到下渐变,这种情况不需要申明渐变方向! /* 1. ...
html四边形的的框怎么编写,html知识点之利用css四边形切角并且加上边框
html知识点之利用css四边形切角并且加上边框 html知识点之利用css四边形切角并且加上边框前言这几个月做了很多前端工作,其中一个需求还是蛮头疼,UI给的图上面的四边形是一个带斜边的,直接用 ...
css实现平角切角和弧形切角效果
在web设计中,有时候会碰到一些切角的样式需求,实现方法有很多种,用图片也好,结点叠加覆盖也好,都可以实现切角的样式,这里笔者直接用css来实现切角的样式. 切单一角: background: #58 ...
CSS 实现切角效果
最近项目中看到这样的一个切角效果,如下所示就是一个正常的矩形,然后被"切"了一块,而且是沿着右上角切的.那么,这种布局如何实现呢? 一.自适应方式这种布局一般有两种自适应方式, ...
基于CSS mask和clip-path实现切角的技巧
本文翻译自 Tricks to Cut Corners Using CSS Mask and Clip-Path Properties,略有删改原作者:Temani Afif 我们最近使用CSS m ...
css3切角文本框_CSS3如何实现4个切角
谢邀..既然如此,就说的详细点吧.. 首先回答问题2: 在这个例子里,要知道 background-size:50% 50%; 意思是你设置的背景长和宽各为元素的一半.也就是为如果你的背景是张图片,那 ...
CSS背景切角的实现研究
问题我们在写前端页面过程总,会碰到这种情况,UCD给的一个带切角的背景给我们当一个模块的背景,然后这个模块的宽高又都不是固定的,这种情况下,如果改变模块的大小,切角的角度就会发生变化,如下图所示(原 ...
3dmax中的切角chamfer能用出什么花来吗？
切角功能在2021之前基本上很难成功的切出一个圆角来,即使勉强切出来了,在做下一步操作的时候都是会出现破边或者点错位的情况,这里我们用2021来作实验切角发现能够完美实现了. 一.切点 1.切点为四边 ...

【Android】图片切角，切指定的边。

【Android】图片切角，切指定的边。

【Android】图片切角，切指定的边。相关推荐

最新文章

热门文章