文档章节

Android进阶学习-Canvas使用7行代码自定义圆形头像

August1996_
 August1996_
发布于 2016/05/22 10:19
字数 611
阅读 33
收藏 0

效果图:

首先是要提一下Paint这个类的一个特效处理类PorterDuffXfermode,它有点像数学集合中的交集并集概念.它的模式控制着两个图像间图层的交集区域显示方式.下面很好地展示了它的16种mode

怎么去理解这张图?先看第一行的第二个和第三个,其中dst是表示先画的那张图,而src是后来画的,不过这里都是表示模式的意思.如果你不理解这是什么鸟玩意,请看下去,当你看到下面的代码的时候你会回到这里再次理解的啦.然后除了第一行的1 2 3张图外.

 

下面我们开始编码啦:

1.布局文件

<LinearLayout 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:orientation="vertical"
    android:padding="10dp"
    tools:context="com.example.customview.BitmapProcessActivity" >

    <Button
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:onClick="process"
        android:text="处理图片" />

    <ImageView
        android:id="@+id/img"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:scaleType="centerCrop" />

</LinearLayout>

2.图片:

3.Activity代码

package com.example.customview;

import android.annotation.SuppressLint;
import android.app.Activity;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.graphics.Canvas;
import android.graphics.Paint;
import android.graphics.PorterDuff.Mode;
import android.graphics.PorterDuffXfermode;
import android.os.Bundle;
import android.view.View;
import android.widget.ImageView;

public class BitmapProcessActivity extends Activity {
	
	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_bitmap_process);
		
	}
	
	public void process(View v) {
		Bitmap mBitmap = BitmapFactory.decodeResource(getResources(), R.drawable.jpg);
		/**
		 * 那张美女图片,src
		 */
		
		Bitmap mOut = Bitmap.createBitmap(mBitmap.getWidth(), mBitmap.getHeight(), Bitmap.Config.ARGB_8888);
		/**
		 * 那个遮罩层,dst 等下我们的美女图片会画在这个遮罩层上面 如果遮罩层是圆的,我们画出来的就是遮罩层圆的那部分
		 * 如果遮罩层是圆角矩形的,我们画出来的就是圆角矩形的 就是说我们的src会在dst的所属区域内画画,超出dst区域范围内的裁剪掉
		 */
		
		Canvas canvas = new Canvas(mOut);
		/**
		 * 在遮罩层上面创建画布,现在遮罩层是什么都没有的
		 */
		
		Paint mPaint = new Paint(Paint.ANTI_ALIAS_FLAG);
		canvas.drawCircle(mBitmap.getWidth() / 2, mBitmap.getHeight() / 2, mBitmap.getWidth() / 2, mPaint);
		/**
		 * 把遮罩层的区域画出来
		 */
		
		mPaint.setXfermode(new PorterDuffXfermode(Mode.SRC_IN));
		canvas.drawBitmap(mBitmap, 0, 0, mPaint);
		/**
		 * 这里就是使用SRC_IN的方法把美女图片画到dst上,不属于dst的区域内的部分裁剪掉
		 */
		
		((ImageView) findViewById(R.id.img)).setImageBitmap(mOut);
		/**
		 * 这里就可以设置啦,是否需要倒回去看看那16种模式???
		 */

	}
}

最后大家可以自定义View去继承ImageView然后重写里面的图片设置方法,这样就可以先加工图片然后再去设置了

© 著作权归作者所有

共有 人打赏支持
August1996_
粉丝 2
博文 51
码字总数 29055
作品 0
湛江
程序员
Android-自定义View

Android 之自定义 View 的死亡三部曲之 Measure 我还不知道你的三围呢(你要占多少屏幕),我怎么能轻易让你出场呢? Android 自定义 View,ViewGroup(一)的一些原理与细节, 定义 Recycler...

掘金官方
01/03
0
0
在android中画圆形图片的几种办法

在开发中经常会有一些需求,比如显示头像,显示一些特殊的需求,将图片显示成圆角或者圆形或者其他的一些形状。但是往往我们手上的图片或者从服务器获取到的图片都是方形的。这时候就需要我们自...

码农明明
2014/09/19
0
5
Android如何自定义头像控件

![在此输入图片描述][1] 如上图效果:效果分析 根据上面的效果,我们目测需要自定义两个控件,一个就是我们的可自由缩放移动的ImageView,一个就是那个白色的边框;然后一起放置到一个Relat...

crossmix
2015/04/18
0
0
Android, Picasso、Glide与头像

在实际开发中,经常会需要显示用户头像,下面就具体分析下用Picasso,显示头像的实现过程。 既然是头像,那么就必然会涉及到修改头像;如果app的功能相对来说较多,板块较杂,这个时候Picas...

Sn__
04/23
0
0
Android学习笔记09:Paint及Canvas的简单应用

Android学习笔记09:Paint及Canvas的简单应用   在Android中需要通过graphics类来显示2D图形。   graphics中包括了Canvas(画布)、Paint(画笔)、Color(颜色)、Bitmap(图像)等常用...

Carl_
2015/01/07
0
0

没有更多内容

加载失败,请刷新页面

加载更多

Linux命令备忘录: jobs 显示Linux中的任务列表及任务状态命令

jobs命令用于显示Linux中的任务列表及任务状态,包括后台运行的任务。该命令可以显示任务号及其对应的进程号。其中,任务号是以普通用户的角度进行的,而进程号则是从系统管理员的角度来看的...

开元中国2015
46分钟前
1
0
springboot Whitelabel Error Page(Not Found)解决方案

当出现上图图的错误时注意 报错信息 There was an unexpected error (type=Not Found, status=404). Not Found代表未访问到资源 解决方案:比较访问路径和代码的路径有没有写错 正确的访问路...

斩神魂
46分钟前
2
0
记一次hbase master停止服务的原因以及恢复

在Hdfs空间不足的情况下,拒绝写入,hbase会down掉。如果hdfs空间没有清理的情况下,重新启动hbase,会报splitlog失败,原因是wal日志重写过程中会写hdfs,写不进去导致的。重启不成功。 解决...

PageYi
50分钟前
1
0
如何从平面设计转行到UI设计?

时代的变迁,科技的进步,工具的发展,薪资的差距,促使许多人转行的原因,但平面与界面两者之间有着哪些的差异呢?如果,想要转行又该具备哪些条件呢? 平面、界面设计之间的差异性 平面设计...

mo311
53分钟前
4
0
线程池整理

一般在生产环境中,我们都不会直接new一个Thread,然后再去start(),因为这么做会不断频繁的创建线程,销毁线程,过大的线程会耗尽CPU和内存资源,大量的垃圾回收,也会给GC带来压力,延长GC停顿时间...

算法之名
54分钟前
13
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部