文档章节

Android之UI学习篇七:ImageView实现适屏和裁剪图片的功能

yolinfeng
 yolinfeng
发布于 2015/02/16 00:14
字数 731
阅读 128
收藏 0

ImageView实现图片适应屏幕大小显示,和图片裁剪的功能.

实现的效果

主界面:



适应屏幕:



裁剪图片:



显示裁剪图片到ImagView:


源代码:

MainActivity.java

package com.imageview.activity;

import java.io.FileNotFoundException;
import android.app.Activity;
import android.content.Intent;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.net.Uri;
import android.os.Bundle;
import android.util.Log;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;
import android.widget.ImageView;
import android.widget.Toast;

public class MainActivity extends Activity implements OnClickListener {
	private Button imageSelectBtn;
	private Button imageCutBtn;
	private ImageView imageView;
	// 声明两个静态整型变量,用于意图的返回标志
	private static final int IMAGE_SELECT = 1; // 选择图片
	private static final int IMAGE_CUT = 2; // 裁剪图片

	@Override
	public void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.main);
		setupViews();
	}

	// 我的一贯作风呵呵
	public void setupViews() {
		imageSelectBtn = (Button) findViewById(R.id.imageSelectButton);
		imageSelectBtn.setOnClickListener(this);
		imageCutBtn = (Button) findViewById(R.id.imageCutButton);
		imageCutBtn.setOnClickListener(this);
		imageView = (ImageView) findViewById(R.id.imageView);
	}

	@Override
	protected void onActivityResult(int requestCode, int resultCode, Intent data) {
		super.onActivityResult(requestCode, resultCode, data);
		if (resultCode == RESULT_OK) {
			// 处理图片按照手机屏幕大小显示
			if (requestCode == IMAGE_SELECT) {
				// 获得图片的路径
				Uri uri = data.getData(); 
				// 获得屏幕宽度
				int dw = getWindowManager().getDefaultDisplay().getWidth(); 
				// 获得屏幕宽度
				int dh = getWindowManager().getDefaultDisplay().getHeight() / 2; 
				try {
					// 实现对图片裁剪的类,是一个匿名内部类
					BitmapFactory.Options factory = new BitmapFactory.Options();
					// 如果设置为true,允许查询图片不是按照像素分配内存
					factory.inJustDecodeBounds = true;
					Bitmap bmp = BitmapFactory.decodeStream(
							getContentResolver().openInputStream(uri), null,
							factory);
					// 对图片的高度和宽度对应手机屏幕进行匹配
					// 宽度之比
					int wRatio = (int) Math.ceil(factory.outWidth / (float) dw); 
					// 高度之比
					int hRatio = (int) Math.ceil(factory.outHeight / (float) dh); 
					// 如果wRatio大于1,表示图片的宽度大于屏幕宽度,类似hRatio
					if (wRatio > 1 || hRatio > 1) {
						// inSampleSize>1则返回比原图更小的图片
						if (hRatio > wRatio) {
							factory.inSampleSize = hRatio;
						} else {
							factory.inSampleSize = wRatio;
						}
					}
					// 该属性为false则允许调用者查询图片无需为像素分配内存
					factory.inJustDecodeBounds = false;
					// 再次使用BitmapFactory对象图像进行适屏操作
					bmp = BitmapFactory.decodeStream(getContentResolver()
							.openInputStream(uri), null, factory);
					imageView.setImageBitmap(bmp);
				} catch (FileNotFoundException e) {
					e.printStackTrace();
				}
			} else if (requestCode == IMAGE_CUT) { // 裁剪图片
				// 一定要和"return-data"返回的标签"data"一致
				Bitmap bmp = data.getParcelableExtra("data"); 
				imageView.setImageBitmap(bmp);
			}
		}
	}

	@Override
	public void onClick(View v) {
		switch (v.getId()) {
		case R.id.imageSelectButton:
			// 如何提取手机的图片,并且进行图片的选择
			Intent intent = new Intent(
					Intent.ACTION_PICK,
					android.provider.MediaStore.Images.Media.EXTERNAL_CONTENT_URI);
			startActivityForResult(intent, IMAGE_SELECT);
			break;
		case R.id.imageCutButton:
			Intent intent2 = getImageClipIntent();
			startActivityForResult(intent2, IMAGE_CUT);
			break;
		default:
			break;
		}
	}

	// 获取裁剪图片意图的方法
	private Intent getImageClipIntent() {
		Intent intent = new Intent(Intent.ACTION_GET_CONTENT, null);
		// 实现对图片的裁剪,必须要设置图片的属性和大小
		intent.setType("image/*"); // 设置属性,表示获取任意类型的图片
		intent.putExtra("crop", "true");// 设置可以滑动选选择区域的属性,注意这里是字符串"true"
		intent.putExtra("aspectX", 1);// 设置剪切框1:1比例的效果
		intent.putExtra("aspectY", 1);
		intent.putExtra("outputX", 80);
		intent.putExtra("outputY", 80);
		intent.putExtra("return-data", true);
		return intent;
	}
}


布局文件main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:orientation="vertical" >

    <Button 
        android:layout_width="fill_parent"
    	android:layout_height="wrap_content"
    	android:text="选择图片"
    	android:id="@+id/imageSelectButton"/>
    <Button 
        android:layout_width="fill_parent"
    	android:layout_height="wrap_content"
    	android:text="选择图片进行裁剪"
    	android:id="@+id/imageCutButton"/>
    <!-- 用于显示裁剪后的图片 -->
    <ImageView 
        android:layout_width="wrap_content"
    	android:layout_height="wrap_content"
    	android:id="@+id/imageView"/>

</LinearLayout>



本文转载自:http://blog.csdn.net/wulianghuan/article/details/8586415

yolinfeng
粉丝 12
博文 196
码字总数 11946
作品 0
珠海
架构师
私信 提问
Android 仿微信, QQ 裁剪

Android 仿微信, QQ 裁剪 前言 在平时开发中,经常需要实现这样的功能,拍照 - 裁剪,相册 - 裁剪。当然,系统也有裁剪的功能,但是由于机型,系统兼容性等问题,在实际开发当中,我们通常会...

xujun9411
05/10
0
0
android根据屏幕宽度,按比例缩放图片

ImageView有scaleType属性可以缩放图片,让图片铺满屏幕宽度,但是会出现压缩或裁剪的情况。 ImageView的scaleType的属性分别是matrix(默认)、center、centerCrop、centerInside、fitCent...

penngo
2015/07/22
8.9K
0
Android CustomShapeImageView对图片进行各种样式裁剪:圆形、星形、心形、花瓣形等

 Android CustomShapeImageView对图片进行各种样式裁剪:圆形、星形、心形、花瓣形等 Android CustomShapeImageView是github上一个第三方开源的对图片进行各种样式裁剪的库,其要实现的功...

开开心心过
2015/11/30
0
0
[转]android开发新浪微博客户端 完整攻略 [新手必读]

在网上找了这么久也没找到原文的主人,在此特别鸣谢本文作者:为android初学者和新手带来如此详细和精彩的文章 另:不要看本文长,耐心看下来会有很大收获。 开始接触学习android已经有3个礼...

长平狐
2012/06/18
1K
0
android图像处理系列之七--图片涂鸦,水印-图片叠加

图片涂鸦和水印其实是一个功能,实现的方式是一样的,就是一张大图片和一张小点图片叠加即可。前面在android图像处理系列之六--给图片添加边框(下)-图片叠加中也讲到了图片叠加,里面实...

迷途d书童
2012/03/05
2.5K
0

没有更多内容

加载失败,请刷新页面

加载更多

创龙基于TI TMS320C6748(定点/浮点DSP C674x) + Xilinx Spartan-6 FPGA处理器规格书

由广州创龙自主研发的SOM-TL6748F核心板是一款定点/浮点DSP C674x + Xilinx Spartan-6 FPGA工业级双核核心板,66mm*38.6mm,功耗小、成本低、性价比高。采用沉金无铅工艺的8层板设计,专业的...

Tronlong创龙
27分钟前
6
0
DataV教你如何给可视化应用一键美颜

如果你平时经常接触数据统计、数据展示和决策分析,相信你对DataV一定有所了解。DataV作为一站式实时数据可视化应用搭建工具,拥有图形化、拖拽式、近乎零代码的使用体验,能帮助大家轻松搭建...

阿里云官方博客
29分钟前
6
0
Apache Flink 1.9.0版本新功能介绍

摘要:Apache Flink是一个面向分布式数据流处理和批量数据处理的开源计算平台,它能够基于同一个Flink运行时,提供支持流处理和批处理两种类型应用的功能。目前,Apache Flink 1.9.0版本已经...

大涛学长
30分钟前
7
0
网站变成灰色CSS代码

为方便站点哀悼,特提供css滤镜代码,以表哀悼。以下为全站CSS代码。 [css]html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); }[/css] 使 用方法:这段代码可以变网...

前端老手
35分钟前
4
0
bootstrap4

临时接手个bootstrap4的项目 ,作下笔记 一.栅格系统 相对于原来的bs3,bs4具有了范围更大的适应区间.在过去的bs3中的xs sm md lg 中,bs4又增加了一个xl这个区间,为超大屏幕做出了适应。  ...

东东笔记
36分钟前
4
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部