文档章节

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, Picasso、Glide与头像

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

Sn__
04/23
0
0
Android如何自定义头像控件

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

crossmix
2015/04/18
0
0
Android学习笔记09:Paint及Canvas的简单应用

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

Carl_
2015/01/07
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

spring-boot | 日志

引言 好久不见,都还好吗? 大家都知道,我一般都是带来实用的东西,这次也一样,我们来试试项目开发中的日志处理。 理论知识 1、为什么要用日志?你是否因为项目出现问题,查找日志文件定位...

成都_小冯同学
5分钟前
0
0
dubbo下的补偿实现(一)

背景 由于前面几篇文章涉及的问题 分布式事务的思考 在我们微服务的场景下 各种本地事务都没有办法控制的很好。 A服务调用B服务 当B服务成功提交之后 A发生了异常 这种情况下要如何处理呢??...

Mr_Qi
14分钟前
0
0
HTML显示json字符串并且进行格式化

通过pre标签进行格式化展示,使用JSON.stringify()方法转换。 代码如下:   <html> <head> <title>HTML显示json字符串并且进行格式化</title> </head> <body> <p id="show_p">{ "name": "B......

writeademo
35分钟前
0
0
LNMP——php-fpm

php-fpm的pool •vim /usr/local/php/etc/php-fpm.conf //在[global]部分增加include并删除我们之前www池子 • include = etc/php-fpm.d/*.conf • mkdir /usr/local/php/etc/php-fpm.d/ • ......

chencheng-linux
38分钟前
0
0
TensorFlow layers slim 模块搭建cnn对mnist分类,比较bn效果

shape变化 (?, 784)(?, 28, 28, 1)(?, 14, 14, 8)(?, 7, 7, 8)(?, 1, 1, 8)(?, 8)(?, 10) 结果对比,基本上还是有点用的 0.91725457 0.9232 0.9548 0.95530.9177273 0.9234 0....

阿豪boy
41分钟前
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部