zoukankan      html  css  js  c++  java
  • UI组件之ImageView

    ImageView继承自View组件,它的主要功能室显示图片,还可以显示Drawable对象。

    ImageView直接子类是ImageButton,QuickContactBadge,间接子类是ZoomButton,因此ImageView 的所有XML属性,方法,基本上都可以用于ImageButton,ZoomButton

    ImageView的XML 属性如下:

    android:adjustViewBounds:是否调整自己的边界来保持所显示的图片长宽比。需要与maxWidth、MaxHeight一起使用,否则单独使用没有效果。

    android:cropToPadding:true,该组件将会被裁剪到保留该ImageView的padding

       android:MaxHeight,android:maxWidth:设置View的最大高度和宽度,单独使用无效,需要与setAdjustViewBounds一起使用。如果想设置图片固定大小,又想保持图片宽高比,需要如下设置:
    1) 设置setAdjustViewBounds为true;
    2) 设置maxWidth、MaxHeight;
    3) 设置设置layout_width和layout_height为wrap_content。

    android:tint:将图片渲染成指定的颜色

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

    android:scaleType:setScaleType(ImageView.ScaleType),ImageView.ScaleType是内部类,设置图片如何缩放或移动一适应ImageView的大小,常值如下:

    matrix(ImageView.ScaleType.MATRIC):使用matric矩阵来绘图进行缩放

    fitXY(ImageView.ScaleType.FIT_XY):对图片横向,纵向独立缩放,使得图片完全适应于该ImageView,图片横纵比可能会改变

    fitStart(ImageView.ScaleType.FIT_START):保持横纵比缩放图片,直到较长的边与ImageView的边长相等,完成后放在ImageView的左上角。

    fitEnd(ImageView.ScaleType.FIT_END):保持横纵比缩放图片,直到较长的边与ImageView的边长相等,完成后放在ImageView的右下角。

    fitCenter(ImageView.ScaleType.FIT_CENTER):保持横纵比缩放图片,直到较长的边与ImageView的边长相等,完成后放在ImageView的中央。

    center(ImageView.ScaleType.CENTER):图片放在ImageVIew中间,不进行任何缩放

    centerInside(ImageView.ScaleType.CENTER_INSIDE):保持横纵比缩放图片,使得ImageView能完全显示该图片

    centerCrop(ImageView.ScaleType.CENTER_CROP):保持横纵比,使得图片能完全覆盖ImageView。只要图片最短边能显示出来即可。

    ImageView设置图片资源的方法有很多,如下:Bitmap,Drawable,Resource

    setImageBitmap(Bitmap btm);使用Bitmap位图设置该ImageView显示的图片

    setImageDrawable(Drawable drawable);使用Drawable 对象设置该ImageView显示的图片,这里的Drawable 对象是Resource对象获得的实际资源,不是资源ID

    setImageResource(int reId);使用图片资源ID设置该ImageView显示的图片

    例,图片浏览器,设置图片透明度。


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

    <LinearLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:orientation="horizontal">"

    <Button
    android:id="@+id/button1"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="@string/button1" />

    <Button
    android:id="@+id/button2"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:text="@string/button2" />

    <Button
    android:id="@+id/button3"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:text="@string/next" />

    </LinearLayout>
    <!-- 定义一个ImageView显示图片 -->
    <ImageView
    android:id="@+id/imageView1"
    android:layout_width="match_parent"
    android:layout_height="280dp"
    android:scaleType="fitCenter"
    android:src="@drawable/shuangta" />

    <ImageView
    android:id="@+id/imageView2"
    android:layout_width="120dp"
    android:layout_height="120dp"
    android:src="@drawable/ic_launcher" />

    </LinearLayout>

    package com.hust.imageviewtest;

    import android.app.Activity;
    import android.graphics.Bitmap;
    import android.graphics.drawable.BitmapDrawable;
    import android.os.Bundle;
    import android.view.Menu;
    import android.view.MenuItem;
    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;


    public class MainActivity extends Activity {

    // 定义一个访问图片的数组
    int[] images = new int[]{
    R.drawable.lijiang,
    R.drawable.qiao,
    R.drawable.shuangta,
    R.drawable.shui,
    R.drawable.xiangbi,
    };
    // 定义默认显示的图片
    int currentImg = 2;
    // 定义图片的初始透明度
    private int alpha = 255;
    @Override
    protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
    final Button plus = (Button) findViewById(R.id.button1);
    final Button minus = (Button) findViewById(R.id.button2);
    final Button next = (Button) findViewById(R.id.button3);

    final ImageView image1 = (ImageView) findViewById(R.id.imageView1);
    final ImageView image2 = (ImageView) findViewById(R.id.imageView2);

    // 定义查看下一张图片的监听器
    next.setOnClickListener(new OnClickListener()
    {
    @Override
    public void onClick(View v)
    {
    // 控制ImageView显示下一张图片
    image1.setImageResource(images[++currentImg % images.length]);
    }
    });
    // 定义改变图片透明度的方法
    OnClickListener listener = new OnClickListener()
    {
    @Override
    public void onClick(View v)
    {
    if (v == plus)
    {
    alpha += 20;
    }
    if (v == minus)
    {
    alpha -= 20;
    }
    if (alpha >= 255)
    {
    alpha = 255;
    }
    if (alpha <= 0)
    {
    alpha = 0;
    }
    // 改变图片的透明度
    image1.setAlpha(alpha);
    }
    };
    // 为两个按钮添加监听器
    plus.setOnClickListener(listener);
    minus.setOnClickListener(listener);
    image1.setOnTouchListener(new OnTouchListener()
    {
    @Override
    public boolean onTouch(View view, MotionEvent event)
    {
    BitmapDrawable bitmapDrawable = (BitmapDrawable) image1
    .getDrawable();
    // 获取第一个图片显示框中的位图
    Bitmap bitmap = bitmapDrawable.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;
    }


    });
    }

    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
    // Inflate the menu; this adds items to the action bar if it is present.
    getMenuInflater().inflate(R.menu.main, menu);
    return true;
    }

    @Override
    public boolean onOptionsItemSelected(MenuItem item) {
    // Handle action bar item clicks here. The action bar will
    // automatically handle clicks on the Home/Up button, so long
    // as you specify a parent activity in AndroidManifest.xml.
    int id = item.getItemId();
    if (id == R.id.action_settings) {
    return true;
    }
    return super.onOptionsItemSelected(item);
    }
    }

  • 相关阅读:
    ant脚本打jar包 自动获取时间以及项目svn版本号
    15分钟学会git基本的操作命令
    java后端模拟表单提交
    优秀js插件收藏
    javascript操作
    javascript常用方法整理--数组篇
    javascript exec方法
    javascript 拷贝
    自执行函数简单应用
    jsonp跨域原理解析
  • 原文地址:https://www.cnblogs.com/ltw222/p/14881546.html
Copyright © 2011-2022 走看看