ImageView一例

参考自《疯狂android讲义》2.4节

效果如下：

当点击图上某点时，将之附近放大至下图。

布局文件：

<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:paddingBottom="@dimen/activity_vertical_margin"android:paddingLeft="@dimen/activity_horizontal_margin"android:paddingRight="@dimen/activity_horizontal_margin"android:paddingTop="@dimen/activity_vertical_margin"tools:context=".MainActivity" ><LinearLayoutandroid:layout_width="match_parent"android:layout_height="wrap_content"android:orientation="horizontal" ><Buttonandroid:id="@+id/bt_plus_alpha"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="@string/plus_alpha"android:textSize="12sp" /><Buttonandroid:id="@+id/bt_minus_alpha"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="@string/minus_alpha"android:textSize="12sp" /><Buttonandroid:id="@+id/bt_next"android:layout_width="wrap_content"android:layout_height="wrap_content"android:text="@string/next_picture"android:textSize="12sp" /></LinearLayout><ImageViewandroid:id="@+id/iv_full_pic"android:layout_width="match_parent"android:layout_height="0sp"android:layout_weight="3"android:src="@drawable/shuangta"android:contentDescription="@string/big_image"/><ImageViewandroid:id="@+id/iv_zoom_pic"android:layout_width="match_parent"android:layout_height="0sp"android:layout_weight="1"android:src="@drawable/shuangta"android:contentDescription="@string/small_image"/></LinearLayout>

类文件：

package com.ljh.imageviewdemo;import com.example.imageviewdemo.R;import android.os.Bundle;
import android.view.MotionEvent;
import android.view.View;
import android.view.View.OnClickListener;
import android.view.View.OnTouchListener;
import android.widget.Button;
import android.widget.ImageView;
import android.app.Activity;
import android.graphics.Bitmap;
import android.graphics.drawable.BitmapDrawable;public class MainActivity extends Activity {private float alpha = 1.0f;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);final ImageView ivFullPic = (ImageView) findViewById(R.id.iv_full_pic);final ImageView ivZoomPic = (ImageView) findViewById(R.id.iv_zoom_pic);final Button btIncreaseAlpha = (Button) findViewById(R.id.bt_plus_alpha);final Button btDecreaseAlpha = (Button) findViewById(R.id.bt_minus_alpha);final Button btNextPic = (Button) findViewById(R.id.bt_next);final int[] images = new int[] { R.drawable.lijiang, R.drawable.qiao,R.drawable.shuangta, R.drawable.shui, R.drawable.xiangbi };btNextPic.setOnClickListener(new OnClickListener() {private int currentImage = 2;@Overridepublic void onClick(View v) {currentImage++;ivFullPic.setImageResource(images[currentImage % images.length]);}});btIncreaseAlpha.setOnClickListener(new OnClickListener() {@Overridepublic void onClick(View v) {if (alpha > 1) {//在API11以后，建议使用setAlpha(float)，而setAlpha(int) 已经 deprecated。前者取值范围0~1，后者取值范围0~255.ivFullPic.setAlpha(1.0f);} elseivFullPic.setAlpha(alpha += 0.01);}});btDecreaseAlpha.setOnClickListener(new OnClickListener() {@Overridepublic void onClick(View v) {if (alpha < 0) {ivFullPic.setAlpha(0.0f);} elseivFullPic.setAlpha(alpha -= 0.01);}});ivFullPic.setOnTouchListener(new OnTouchListener(){@Overridepublic boolean onTouch(View view, MotionEvent event){BitmapDrawable bitmapDrawable = (BitmapDrawable) ivFullPic.getDrawable();// 获取第一个图片显示框中的位图Bitmap bitmap = bitmapDrawable.getBitmap();// bitmap图片实际大小与第一个ImageView的缩放比例double scale = bitmap.getWidth() / 480.0;// 获取需要显示的图片的开始点int x = (int) (event.getX() * scale);int y = (int) (event.getY() * scale);if (x + 120 > bitmap.getWidth()){x = bitmap.getWidth() - 120;}if (y + 120 > bitmap.getHeight()){y = bitmap.getHeight() - 120;}// 显示图片的指定区域ivZoomPic.setImageBitmap(Bitmap.createBitmap(bitmap, x, y, 120, 120));ivZoomPic.setAlpha(alpha);return false;}});}}

几个知识点：

1、根据比例调整图像大小

android:layout_height="0sp"
android:layout_weight="3"

及

android:layout_height="0sp"
android:layout_weight="1"

2、注意典型的用匿名内部类作监听器的做法。

3、setAlpha(float)与setAlpha(int)的区别。

4、setImageResource(int)

ImageView一例相关推荐

android xml opacity,Android Drawable详解
前言 Drawable就是一个可画的对象,表示一种可以在Canvas上进行绘制的抽象的概念,其可能是一张(BitmapDrawable),也可能是一个图形(ShapeDrawable),还有可能是一个 ...
android 画布裁剪,一种基于Android系统对UI控件进行轮廓剪裁及美化的方法与流程...
本发明涉及Android应用的技术领域,特别涉及一种基于Android系统对UI控件进行轮廓剪裁及美化的方法. 背景技术: 目前,随着智能电视的普及,Android应用层出不穷,而那些表现形式单一.传 ...
Android用户界面程序设计示例
[例1]按钮和Toast弹出对话框 1 [例2] TextView文本框 (1) 3 [例3]TextView文本框 (2) 4 [例4]编辑框EditText 4 [例5]单 ...
【腾讯Bugly干货分享】Android内存优化总结实践
本文来自于腾讯Bugly公众号(weixinBugly),未经作者同意,请勿转载,原文地址:https://mp.weixin.qq.com/s/2MsEAR9pQfMr1Sfs7cPdWQ 导语智 ...
APP全局色彩饱和度修改
APP全局色彩饱和度修改对以下两篇鸿洋大神的博文进行了实践,并记录对应的问题. App 黑白化实现探索,有一行代码实现的方案吗? App 黑白化实现探索2, 发现了一种更方便的方案,我被锤了! 第一 ...
Android 内存优化总结实践
原文地址:https://mp.weixin.qq.com/s/2MsEAR9pQfMr1Sfs7cPdWQ 导语智能手机发展到今天已经有十几个年头,手机的软硬件都已经发生了翻天覆地的变化,特别是A ...
Android性能优化之内存优化 1
导语智能手机发展到今天已经有十几个年头,手机的软硬件都已经发生了翻天覆地的变化,特别是Android阵营,从一开始的一两百M到今天动辄4G,6G内存.然而大部分的开发者观看下自己的异常上报系统,还是 ...
Android内存优化总结实践
http://www.cnblogs.com/ldq2016/p/6635774.html 本文来自于腾讯Bugly公众号(weixinBugly),未经作者同意,请勿转载,原文地址:https:// ...
Android内存优化总结
[腾讯Bugly干货分享]Android内存优化总结&实践本文来自于腾讯Bugly公众号(weixinBugly),未经作者同意,请勿转载,原文地址:https://mp.weixin.qq ...

ImageView一例

ImageView一例相关推荐

最新文章

热门文章