• ImageView.ScaleType


    Android 2.2 r1 API中文文档——
    ImageView.ScaleType
    小易
    http://blog.sina.com.cn/xjtuyi
    2010-11-3
    结构
    继承关系
    public static final enum ImageView.ScaleType extends Enum<E extends Enum<E>>
    java.lang.Object
    ↳ java.lang.Enum<E extends java.lang.Enum<E>>
    ↳ android.widget.ImageView.ScaleType
    类概述:
    缩放图片的边界用于视图边界的选取设定。
    枚举值
    ImageView.ScaleType
    CENTER
    图片位于视图中间,但不执行缩放比例
    ImageView.ScaleType
    CENTER_CROP
    按比例统一缩放图片(保持图片的尺寸比例)便于图片的两维(宽度和高度)等于或大于相应的视图维度
    ImageView.ScaleType
    CENTER_INSIDE
    按比例统一缩放图片(保持图片的尺寸比例)便于图片的两维(宽度和高度)等于或小于相应的视图维度
    ImageView.ScaleType
    FIT_CENTER
    缩放图片使用CENTER
    ImageView.ScaleType
    FIT_END
    缩放图片使用END
    ImageView.ScaleType
    FIT_START
    缩放图片使用START
    ImageView.ScaleType
    FIT_XY
    缩放图片使用FILL.
    ImageView.ScaleType
    MATRIX
    当绘制时使用图片矩阵缩放
    公共方法
    static ImageView.ScaleType valueOf(String name)
    final static ScaleType[] values()
    枚举值
    public static final ImageView.ScaleType CENTER
    图片位于视图中间,但不执行缩放比例。在XML中,使用语法:android:scaleType="center"
    public static final ImageView.ScaleType CENTER_CROP
    按比例统一缩放图片(保持图片的尺寸比例)便于图片的两维(宽度和高度)等于或大于相应的视图维度。然后图片居中于视图。在XML中,使用语法:android:scaleType="centerCrop"
    public static final ImageView.ScaleType CENTER_INSIDE
    按比例统一缩放图片(保持图片的尺寸比例)便于图片的两维(宽度和高度)等于或小于相应的视图维度。然后图片居中于视图。在XML中,使用语法:android:scaleType="centerInside"
    public static final ImageView.ScaleType FIT_CENTER
    缩放图片使用CENTER。在XML中,使用语法:android:scaleType="fitCenter"
    public static final ImageView.ScaleType FIT_END
    缩放图片使用END。在XML中,使用语法:android:scaleType="fitEnd"
    public static final ImageView.ScaleType FIT_START
    缩放图片使用START。在XML中,使用语法:android:scaleType="fitStart"
    public static final ImageView.ScaleType FIT_XY
    缩放图片使用FILL. 。在XML中,使用语法:android:scaleType="fitXY"
    public static final ImageView.ScaleType MATRIX
    当绘制时使用图片矩阵缩放。图片矩阵可以使用setImageMatrix(Matrix)进行设定。在XML中,使用语法:android:scaleType="matrix"
    公共方法
    public static ImageView.ScaleType valueOf (String name)
    参数
    String name(名字)
    返回值
    ImageView.ScaleType
    public static final ScaleType[] values ()
    参数
    NULL
    返回值
    ScaleType[]
    示例代码:
    为了全面演示ImageView.ScaleType的八种类型即CENTER,CENTER_CROP,CENTER_INSIDE,FIT_CENTER,FIT_START,FIT_END,FIT_XY,MATRIX,我在这里通过一个GridView进行显示,可通过点击每一种类型的ImageButton进行详细查看、比较。
    背景图片为一个像素宽度(443px)×高度(500px),大于默认的Android模拟器320×480,这样可以清晰的看出ImageView是否做了比例缩放,及所处位置的差异。
    (1) AndroidManifest.xml 添加各种ScaleType的Activity
    <activity android:name=".ImageViewScaleTypeDemo1" />
    <activity android:name=".ImageViewScaleTypeDemo2" />
    <activity android:name=".ImageViewScaleTypeDemo3" />
    <activity android:name=".ImageViewScaleTypeDemo4" />
    <activity android:name=".ImageViewScaleTypeDemo5" />
    <activity android:name=".ImageViewScaleTypeDemo6" />
    <activity android:name=".ImageViewScaleTypeDemo7" />
    <activity android:name=".ImageViewScaleTypeDemo8" />
    (2) res/layout/main.xml GridView主视图布局
    <GridView
    android:id="@+id/gridView"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    android:numColumns="auto_fit"
    android:verticalSpacing="10dp"
    android:horizontalSpacing="10dp"
    android:columnWidth="90dp"
    android:stretchMode="columnWidth"
    android:gravity="center"
    />
    (3) res/layout/image.xml ScaleType视图布局
    <?xml version="1.0" encoding="utf-8"?>
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    >
    <ImageView
    android:id="@+id/imageView1"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    />
    </LinearLayout>
    (4) ImageAdapter.java 继承BaseAdapter,并载入GridView的图片资源
    public class ImageAdapter extends BaseAdapter
    {
    // 定义Context
    private Context mContext;
    // 定义整型数组 即图片资源
    private Integer[] mImageIds =
    {
    R.drawable.center,
    R.drawable.centercrop,
    R.drawable.centerinside,
    R.drawable.fitcenter,
    R.drawable.fitstart,
    R.drawable.fitend,
    R.drawable.fitxy,
    R.drawable.matrix,
    };
    public ImageAdapter(Context c)
    {
    mContext = c;
    }
    // 获取图片的个数
    public int getCount()
    {
    return mImageIds.length;
    }
    // 获取图片在库中的位置
    public Object getItem(int position)
    {
    return position;
    }
    // 获取图片ID
    public long getItemId(int position)
    {
    return position;
    }
    public View getView(int position, View convertView, ViewGroup parent)
    {
    ImageView imageView;
    if (convertView == null)
    {
    // 给ImageView设置资源
    imageView = new ImageView(mContext);
    // 设置布局 图片显示
    imageView.setLayoutParams(new GridView.LayoutParams(85, 85));
    // 设置显示比例类型
    imageView.setScaleType(ImageView.ScaleType.FIT_CENTER);
    }
    else
    {
    imageView = (ImageView) convertView;
    }
    imageView.setImageResource(mImageIds[position]);
    return imageView;
    }
    }
    (5) MainActivity.java GridView主视图类
    public class MainActivity extends Activity {
    private GridView gridView;
    /** Called when the activity is first created. */
    @Override
    public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.main);
    gridView=(GridView)findViewById(R.id.gridView);
    gridView.setAdapter(new ImageAdapter(this));
    gridView.setBackgroundResource(R.drawable.image);
    gridView.setOnItemClickListener(new AdapterView.OnItemClickListener() {
    @Override
    public void onItemClick(AdapterView<?> arg0, View arg1, int arg2,
    long arg3) {
    // TODO Auto-generated method stub
    Intent intent=new Intent();
    switch(arg2){
    //GridView第一个ID,对应CENTER
    case 0:
    intent.setClass(MainActivity.this, ImageViewScaleTypeDemo1.class);
    startActivity(intent);
    MainActivity.this.finish();
    break;
    //GridView第二个ID,对应CENTER_CROP
    case 1:
    intent.setClass(MainActivity.this, ImageViewScaleTypeDemo2.class);
    startActivity(intent);
    MainActivity.this.finish();
    break;
    case 2:
    intent.setClass(MainActivity.this,
    ImageViewScaleTypeDemo3.class);
    startActivity(intent);
    MainActivity.this.finish();
    break;
    case 3:
    intent.setClass(MainActivity.this, ImageViewScaleTypeDemo4.class);
    startActivity(intent);
    MainActivity.this.finish();
    break;
    case 4:
    intent.setClass(MainActivity.this, ImageViewScaleTypeDemo5.class);
    startActivity(intent);
    MainActivity.this.finish();
    break;
    case 5:
    intent.setClass(MainActivity.this, ImageViewScaleTypeDemo6.class);
    startActivity(intent);
    MainActivity.this.finish();
    break;
    case 6:
    intent.setClass(MainActivity.this, ImageViewScaleTypeDemo7.class);
    startActivity(intent);
    MainActivity.this.finish();
    break;
    case 7:
    intent.setClass(MainActivity.this, ImageViewScaleTypeDemo8.class);
    startActivity(intent);
    MainActivity.this.finish();
    break;
    }
    }
    });
    }
    }
    (6) ImageViewScaleTypeDemo1.java 显示imageView1显示类型为CENTER,其它ImageViewScaleTypeDemo2-8分别为CENTER_CROP,CENTER_INSIDE,FIT_CENTER,FIT_START,FIT_END,FIT_XY,MATRIX,此处略去代码
    public class ImageViewScaleTypeDemo1 extends Activity {
    private ImageView imageView1;
    /** Called when the activity is first created. */
    @Override
    public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.image);
    //显示imageView1
    imageView1=(ImageView)findViewById(R.id.imageView1);
    //设置imageView1背景资源
    imageView1.setImageResource(R.drawable.image);
    //设置imageView1显示类型为CENTER
    imageView1.setScaleType(ImageView.ScaleType.CENTER);
    }
    @Override
    public boolean onKeyDown(int keyCode, KeyEvent event) {
    // TODO Auto-generated method stub
    //响应返回按键,退出到主界面
    if(keyCode==KeyEvent.KEYCODE_BACK){
    Intent intent=new Intent();
    intent.setClass(ImageViewScaleTypeDemo1.this, MainActivity.class);
    startActivity(intent);
    ImageViewScaleTypeDemo1.this.finish();
    }
    return super.onKeyDown(keyCode, event);
    }
    }
    (7) 效果截图:
    主界面:


    CENTER效果:
    CENTER_CROP效果:
    CENTER_INSIDE效果:
    FIT_CENTER效果:
    FIT_START效果:
    FIT_END效果:
    FIT_XY效果:
    MATRIX效果:
    (8) 结果分析:
    我选取的原始图片明显标志如下:左上角有蝴蝶、花朵,右下角为一个蝗虫,且图片像素大于 320×480,各种类型的差异通过查看图片的明显标志即可窥见一斑。比如FIT_START,填充于屏幕上方,并等比例缩放;相反,FIT_END置于屏幕下方,而FIT_CENTER则在中间。CENTER_CROP裁剪了图片的中间部分填充屏幕。其它类型可自行查看分析。

  • 相关阅读:
    MySQL中实现中文格式日期获取
    java 中 getResourceAsStream() 方法总结
    在IE中通过JScript获取到电脑的Mac地址
    锐浪报表WebSample中jsp服务构建
    Web 项目打包EXE
    js数据结构之-时间复杂度
    JS小问题之——jquery的triggerHandler
    HTML5学习之————FileReader接口
    JS小问题之——如何用原生js触发事件
    https 页面中引入 http 资源的报错
  • 原文地址:https://www.cnblogs.com/qingblog/p/2514715.html
Copyright © 2020-2023  润新知