Android:ImageView控件

ImageView 是用于在界面上展示图片的一个控件，通过它可以让我们的程序界面变得更加 丰富多彩。学习这个控件需要提前准备好一些图片，由于目前 drawable 文件夹下已经有一张 ic_launcher.png 图片了，那我们就先在界面上展示这张图吧，修改 activity_main.xml，如下所示：

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent"

android:orientation="vertical" >

……

<ImageView android:id="@+id/image_view" android:layout_width="wrap_content" android:layout_height="wrap_content" android:src="@drawable/ic_launcher"

/>

</LinearLayout>

可以看到，这里使用 android:src 属性给 ImageView 指定了一张图片，并且由于图片的宽 和高都是未知的，所以将 ImageView 的宽和高都设定为 wrap_content，这样保证了不管图片 的尺寸是多少都可以完整地展示出来。重新运行程序，效果如图 3.9 所示。

图   3.9

我们还可以在程序中通过代码动态地更改 ImageView 中的图片。这里我准备了另外一张

图片，jelly_bean.png，将它复制到 res/drawable-hdpi 目录下，然后修改 MainActivity 的代码， 如下所示：

public class MainActivity extends Activity implements OnClickListener {

private Button button; private EditText editText; private ImageView imageView;

@Override

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

button = (Button) findViewById(R.id.button);

editText = (EditText) findViewById(R.id.edit_text);

imageView  = (ImageView) findViewById(R.id.image_view);

button.setOnClickListener(this);

}

@Override

public void onClick(View v) {

switch (v.getId()) {

case R.id.button: imageView.setImageResource(R.drawable.jelly_bean); break;

default:

break;

}

}

}

在按钮的点击事件里，通过调用 ImageView 的 setImageResource()方法将显示的图片改 成 jelly_bean，现在重新运行程序，然后点击一下按钮，就可以看到 ImageView 中显示的图 片改变了，如图 3.10 所示。

图   3.10