ImageView及其子类

最新推荐文章于 2018-06-12 17:41:40 发布
最新推荐文章于 2018-06-12 17:41:40 发布
阅读量282 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u010608551/article/details/79287185
版权

ImageView及其子类

（1）ImageView继承自View组件，任何Drawable对象都可以用ImageView来显示，ImageView派生出来了ImageButton、ZoomButton等组件。

（2）ImageView支持的xml属性

　　android:adjustViewBounds     ------->设置ImageView是否调整自己的边界来保持所显示图片的长宽比

　　android:cropToPadding          -------->如果该属性设为true，该组件将会被裁剪到保留该ImageView的padding

　　android:maxHeight　　　　　  -------->设置ImageView的最大高度

　　android:maxWidth　　　　　　 -------->设置ImageView的最大宽度

　　android:scaleType　　　　　　 -------->设置所显示的图片是如何缩放或移动以适应ImageView的大小

　　android:src             　　　　　　 -------->设置ImageView所显示的Drawable对象的ID

---------------------》android:scaleType属性的设定值有：

　　　　　　　　　　matriX：使用matriX方式进行缩放

　　　　　　　　　　fitXY：对图片横向、纵向独立缩放，使得该图片完全适应该ImageView，图片的纵横比可能会改变

　　　　　　　　　　fitStart：保持纵横比缩放图片，直到图片能完全显示在ImageView中（图片较长的边长与ImageView相应的边长想等），缩放后将图片放在ImageView的左上角

　　　　　　　　　　fitCenter：保持纵横比缩放图片，直到图片能完全显示在ImageView中（图片较长的边长与ImageView相应的边长想等），缩放后将图片放在ImageView的中央

　　　　　　　　　　fitEnd：保持纵横比缩放图片，直到图片能完全显示在ImageView中（图片较长的边长与ImageView相应的边长想等），缩放后将图片放在ImageView的右下角

　　　　　　　　　　center：将图片放在ImageView的中间，不进行任何的缩放

　　　　　　　　　　centerCrop：保持纵横比来缩放图片，使得图片能完全覆盖ImageView，只要图片最短的边能显示出来即可

　　　　　　　　　　centerInside：保持纵横比来缩放图片，使得图片能完全显示在ImageView中

------实例一：图片浏览器

（1）main.xml文件

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >
    <LinearLayout 
        android:id="@+id/test"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        android:gravity="center">
        
        <!-- 增大透明度 -->
        <Button
            android:id="@+id/high"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="增大透明度"/>
         <!-- 降低透明度 -->
        <Button
            android:id="@+id/low"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="降低透明度"/>
         <!--下一张 -->
        <Button
            android:id="@+id/next"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:text="下一张"/>
    </LinearLayout>
    
    <!-- 定义显示整体图片的ImageView -->
    <!-- android:scaleType="fitCenter" 
          图片保持纵横比缩放，直到图片能完全显示imageview中，最后将图片放在imageview的中间 -->
    <ImageView
        android:id="@+id/image1"
        android:layout_width="fill_parent"
        android:layout_height="240dp"
        android:src="@drawable/dw1"            
        android:scaleType="fitCenter" 
        />
    
    <!-- 定义显示局部图片的ImageView -->
    <ImageView
        android:id="@+id/image2"
        android:layout_width="120dp"
        android:layout_height="120dp"
        android:background="#00f"
        android:layout_marginTop="10dp"
        />

</LinearLayout>

（2）MainActivity.java文件

package com.yby.imageview;

import android.app.Activity;
import android.graphics.Bitmap;
import android.graphics.drawable.BitmapDrawable;
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;
/**
 * ImageView及其子类
 * @author yby
 *
 */
public class MainActivity extends Activity{

    /**
     * 实例：图片浏览器
     * （1）可以通过增大透明度和降低透明度来查看图片的透明度
     * （2）通过点击大图片上面的一个点，将点击触发点周围的图片截取出来显示在一个小区域中，可以查看图片的局部细节
     */
    //定义一个图片数组
    private int[] images = new int[]{
            R.drawable.dw1,
            R.drawable.dw2,
            R.drawable.dw3,
            R.drawable.dw4,
            R.drawable.dw5,
            R.drawable.dw6
        };
    //定义默认显示的图片
    int currentImg = 2;
    //定义图片的初始透明度
    private int alpha = 255;
    private Button high,low,next;
    private ImageView image1,image2;
    
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        // TODO Auto-generated method stub
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
        high = (Button) findViewById(R.id.high);
        low = (Button) findViewById(R.id.low);
        next = (Button) findViewById(R.id.next);
        image1 = (ImageView) findViewById(R.id.image1);
        image2 = (ImageView) findViewById(R.id.image2);
        //为点击next添加监听事件
        next.setOnClickListener(new OnClickListener() {
            
            @Override
            public void onClick(View v) {
                // TODO Auto-generated method stub
                //控制imageview显示下一张图片
                image1.setImageResource(images[++currentImg%images.length]);
            }
        });
        
        //定义改变图片透明度的方法
        OnClickListener listener = new OnClickListener() {
            
            @Override
            public void onClick(View v) {
                // TODO Auto-generated method stub
                if(v == high){
                    alpha +=20;
                }
                if(v == low){
                    alpha -=20;
                }
                if(alpha >= 255){
                    alpha = 255;
                }
                if(alpha <= 0){
                    alpha = 0;
                }
                //改变图片的透明度
                image1.setAlpha(alpha);
            }
        };
        //为两个按钮添加监听器
        high.setOnClickListener(listener);
        low.setOnClickListener(listener);
        
        //从第一张图片的触碰点开始截取，并将截取后的图片显示在第二个imageview中
        image1.setOnTouchListener(new OnTouchListener() {
            
            @Override
            public boolean onTouch(View v, MotionEvent event) {
                // TODO Auto-generated method stub
                BitmapDrawable bd = (BitmapDrawable) image1.getDrawable();
                //获取第一个图片显示框的位图
                Bitmap bitmap = bd.getBitmap();
                //bitmap图片的实际大小与第一个imageview的缩放比例
                double scale = bitmap.getWidth() / 320.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;
                }
                //显示图片的指定区域
                image2.setImageBitmap(Bitmap.createBitmap(bitmap,x,y,120,120));
                image2.setAlpha(alpha);
                return false;
            }
        });
    }
}

（3）效果图

　　

 

ImageButton按钮和QuickContactBadge关联联系人

（1）ImageView派生出了两个子类：ImageButton图片按钮，QuickContactBadge关联联系人

（2）Button和ImageButton的区别：Button生成的按钮上显示的是文字，而ImageButton上显示的是图片，所以为ImageButton指定text属性没有作用，不会显示出来文字

（3）ImageButton派生出来了一个ZoomButton，ZoomButton可以代表放大、缩小两个按钮，android默认提供了btn_minus/btn_plus两个Drawable资源，只要为ZoomButton的src属性分别指定btn_minus/btn_plus，即可实现放大和缩小按钮。（实际上android还提供了ZoomControls组件，该组件相当于同时组合了放大和缩小的按钮，并允许分别为两个按钮绑定不同的监听器事件）

（4）QuickContactBadge可以通过android：src来指定显示的图片，该图片可以关联到手机中的联系人，当用户点击该图片时，系统会打开相应的联系人信息页面，如果没有该联系人，则会先提示是否要创建一个该联系人

 

---------实例二：ImageButton按钮和QuickContactBadge关联联系人

　（1）zoombutton.xml文件

   

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" >
   
    <!-- 普通图片按钮 -->
    <ImageButton
        android:layout_width="120dp"
        android:layout_height="120dp"
        android:scaleType="fitCenter"
        android:src="@drawable/switcher"
        />
    <!-- 按下时显示不同的图片 -->
    <ImageButton
        android:layout_width="120dp"
        android:layout_height="120dp"
        android:scaleType="fitCenter"
        android:src="@drawable/btn_selector"
        />
    
    <LinearLayout 
        android:orientation="horizontal"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_margin="10sp"
        android:layout_gravity="center_horizontal">
        
        <!-- 定义两个ZoomButton，分别为btn_plus和btn_minus -->
        <ZoomButton 
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/btn_plus"/>
        
        <ZoomButton 
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginLeft="20dp"
            android:src="@drawable/btn_minus"/>
        
    </LinearLayout>

    <!-- 定义一个ZoomControls组件 -->
    <ZoomControls 
        android:id="@+id/zoomcontrols"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center_horizontal"/>
    
    <LinearLayout 
        android:orientation="horizontal"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        >
        <!-- QuickContactBadge可以关联联系人 -->
        <QuickContactBadge 
            android:id="@+id/badge"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/ic_launcher"
            />
        <TextView 
            android:id="@+id/tv"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:text="我的偶像"
            android:layout_gravity="center_vertical"
            android:textSize="16sp"
            />
        
    </LinearLayout>
    
</LinearLayout>

　（2）ZoomButtonActivity.java文件

package com.yby.imageview;

import android.app.Activity;
import android.os.Bundle;
import android.widget.QuickContactBadge;
/**
 * 
 * @author yinbenyang
 *
 */
public class ZoomButtonActivity extends Activity{

    private QuickContactBadge qcb;
    
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        // TODO Auto-generated method stub
        super.onCreate(savedInstanceState);
        setContentView(R.layout.zoombutton);
        //获取QuickContactBadge组件
        qcb = (QuickContactBadge) findViewById(R.id.badge);
        //将QuickContactBadge组件与特定的电话号码对应的联系人建立关联
        qcb.assignContactFromPhone("15901507777", false);
        //将QuickContactBadge组件与指定email地址的联系人建立关联
//        qcb.assignContactFromEmail("", false);
        //将QuickContactBadge组件与特定Uri地址的联系人建立关联
//        qcb.assignContactUri(Uri.parse("XXXXXXXX"));
    }
}

   （3）btn_selector.xml文件【图片按下与松开时分别显示不同的图片】　

<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android" >
    <!-- 指定按钮按下时的图片 -->
    <item android:drawable="@drawable/switcher" android:state_pressed="true"></item>
    <!-- 指定按钮松开时的图片 -->
    <item android:drawable="@drawable/wifi" android:state_pressed="false"></item>
</selector>

（4）效果图：

　　　　　　　　

骑着乌龟漫步
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
ImageView及其子类类图
08-19
作者：郭孝星 微博：http://weibo.com/allenwells 邮箱：allenwells@163.com 博客：http://blog.csdn.net/allenwells Github：https://github.com/AllenWells
DSAvataImageView:ImageView 的子类，创建一个圆形头像图像视图，用户名初始图像视图
06-26
DSAvataImageView ImageView 的子类，用于创建带有用户名初始图像视图的圆形头像图像视图。用法###XML（使用圆形头像图像视图） < com xss=removed xss=removed xss=removed xss=removed xss=removed> ###XML（使用...
UI组件之ImageView及其子类（一）ImageView显示图片
tuke_tuke的博客
01-13 3882
ImageView家族的继承关系如图： ImageView继承自View组件，它的主要功能室显示图片，还可以显示Drawable对象。 ImageView直接子类是ImageButton，QuickContactBadge，间接子类是ZoomButton，因此ImageView 的所有XML属性，方法，基本上都可以用于ImageButton，ZoomButton ImageV
Android使用RotateImageView 旋转ImageView
09-02
主要介绍了Android使用RotateImageView 旋转ImageView 的相关资料,需要的朋友可以参考下
安卓圆形ImageView
03-14
一个简单的自定义圆形imageview，自适应中心，简单好用，再也不用为制作圆形头像而苦恼了。
自定义圆形ImageView
03-08
Android自定义圆形图片，可设置最多两个的外边框。包括从网络获取图片显示。 解决图片锯齿问题。 解决图片变形问题。
AndroidUI控件之imageview及其子类
程序媛的博客
08-27 776
先上一张imageview及其子类的的类图 1.imageview imageview的主要功能是显示任意的drawable对象 下面是imageview支持的xml属性及相关方法 Xml属性 相关方法 说明 maxHeight setMaxHeight(int) 设置最大高度 maxW
Android：继承ImageView 实现 圆角图片，圆形图片处理。
androidforme的博客
09-11 1097
这些都是从其他地方合拼过来的， 虽然不是原创，但是可以用。  大家一起来用吧~  一：自定义 ImageView  实现圆角， 先看效果图！！              import android.content.Context; import android.graphics.Canvas; import android.graphics.Color; im
安卓开发中ImageView基本用法（总结）
热门推荐
lpCrazyBoy的博客
06-12 2万+
关于ImageView，常有一些混淆。第1个混淆点：（1）background通常指的都是背景，而src指的是内容。（2）当使用src填入图片时，是按照图片大小直接填充，并不会进行拉伸。第2个混淆点：scaleType缩放类型设置：fitXY:对图像的横向与纵向进行独立缩放,使得该图片完全适应ImageView,但是图片的横纵比可能会发生改变fitStart:保持纵横比缩放图片,知道较长的边与Im...
Android-继承ImageView得到圆图片头像方法-非常方便
Android、HTML、CSS、JS、JAVA、Kotlin、PHP等技术
08-04 2719
从网上找到了一个能将图片变成圆形的类，故写下来以备不时之需，下面来介绍使用方法： activity_main.xml <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" and
ImageView类及其子类以及ImageView.ScaleType
岁月静好
10-15 1847
类图：
自定义类继承ImageView 实现多点图片触碰的拖动和缩放
梦想无论怎样模糊，总潜伏在我们心底，使我们的心境永远得不到安宁.
03-22 908
http://hbxflihua.iteye.com/blog/1485032 最近的一个android 项目中，客户要求在查看拍照上传的图片时，可以对图片进行多点触控的拖拽、放大、缩小等操作。网上的范例都不怎么好，实现的效果差强人意。 下面说说我的方案： 步骤一：自定义一个View，该View继承自ImageView。在该View中实现多点触控的拖拽、缩放等功能。 步
继承ImageView在上面画圆
点点滴滴
03-29 200
public class CustomView extends ImageView{  public CustomView(Context context, AttributeSet attrs, int defStyle) {      super(context, attrs, defStyle);  }  public CustomView(Context context, Attr...
Android imageview
最新发布
09-13
它是View的子类，可以在布局中以标签的形式使用。 你可以在XML布局文件中添加ImageView控件，并通过设置相应的属性来指定要显示的图片资源。例如： ```xml <ImageView android:id="@+id/imageView" android:...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值