Android新手开发之旅-UI控件之ImageView

liu

ImageView




图像视图，继承自View类，它的主要功能是用于显示图片


一、使用方法：

1、加载本地图片有两种方式，可在xml中直接放入图片也可以在java代码中添加，先在res/drawable下放入一张图片
     
      

在xml中添加：

[XML] 纯文本查看 复制代码

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

    <!--android:src="@drawable/logo"设置要显示的图片 -->
    <ImageView
        android:id="@+id/imageView"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/logo" />
</LinearLayout>

或在java代码中添加：

[Java] 纯文本查看 复制代码

package com.company.helloworld.firstapplication;

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.widget.ImageView;

public class MainActivity extends AppCompatActivity {
    private ImageView mImageView;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        mImageView = (ImageView) findViewById(R.id.imageView);
        //用来显示放在drawable下的图片
        mImageView.setImageResource(R.drawable.logo);
    }
}

运行结果为：




2、加载网络图片

这里在build.gradle中添加一个依赖（这个之后会介绍）用于加载图片：compile 'com.squareup.picasso:picasso:2.3.2'



java代码：

[Java] 纯文本查看 复制代码

package com.company.helloworld.firstapplication;

import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.widget.ImageView;

import com.squareup.picasso.Picasso;

public class MainActivity extends AppCompatActivity {
    private ImageView mImageView;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        mImageView = (ImageView) findViewById(R.id.imageView);
        //添加的依赖，第一个参数为上下文对象，第二个参数是图片地址，第三个参数是要放入图片的imageview
        Picasso.with(this).load("http://www.sufeinet.com/template/veikei_dz_life_20130810_plus/images/logo.png?20160602").into(mImageView);
    }
}

注意：需要联网操作的都要在清单文件中添加允许访问网络的权限

      

运行结果：

      

二、常用的属性：

1、android:src

     设置要显示的图片

2、adjustViewBounds

android:adjustViewBounds，设置缩放时是否保持原图长宽比，一般与android:maxHeight(设置ImageView的最大高度)和
android:maxWidth(设置ImageView的最大宽度)使用

3、scaleType

android:scaleType,设置缩放类型,有如下属性值：
matrix                   使用matrix方式进行缩放
fitXY                     横向、纵向独立缩放
fitStart                   保持纵横比缩放图片，并且将图片放在ImageView的左上角
fitCenter                保持纵横比缩放图片，缩放完成后将图片放在ImageView的中央
fitEnd                    保持纵横比缩放图片，缩放完成后将图片放在ImageView的右下角
center                    把图片放在ImageView的中央，但是不进行任何缩放
centerCrop             保持纵横比缩放图片，以使图片能完全覆盖ImageView
centerInside           保持纵横比缩放图片，以使得ImageView能完全显示该图片

站长苏飞

强烈支持楼主ing……

Amy

加个目录链接会更完美