android控件——ImageView

EditView控件

一、功能简介：

ImageView是用于在界面上展示图片的一个控件，通过它可以让我们的程序界面变得更加 丰富多彩。

---

二、创建ImageView控件：

以下是在layout.xml布局文件中的创建ImageView控件的一段代码：

<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" #此时R.id内部类将出现image_view名的id，供程序员操作该ImageView控件
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:src="@drawable/ic_launcher" />

LinearLayout>     

1. 属性说明：

1.1 android:id=”@+id/image_view” 指定id

1.2 android:layout_width=”match_parent” 指定宽度

1.3 android:layout_height=”wrap_content” 指定高度

1.4 android:src==”@drawable/ic_launcher” 指定显示的图片的资源

---

1. src属性说明：

    这里使用 android:src属性给 ImageView指定了一张图片，在layout布局中，可以看到该值为@drawable/ic_launcher，意为使用系统自带的名为ic_launcher.png的图标。

    ic_launcher图标在目录res下以drawable开头的文件夹中各有一个，此时如果将src的值替换为其他drawable目录下的图片的名称，该ImageView控件便显示该图片。

    ImageView控件的宽和高都是未知的，所以将 ImageView的宽和高都设定为 wrap_content，这样保证了不管图片 的尺寸是多少都可以完整地展示出来。

---

三、 ImageView控件的操作

1. 动态修改显示图片操作：

    1. 准备资源：准备一张图片，jelly_bean.png，将它复制到 res/drawable-hdpi目录下，此时R.drawable内部类将多出名为jelly_bean的资源id供程序员操作。
    2. 通过在layout布局文件中设置好的ImageView控件的id获取ImageView控件，通过setImageResource方法，传入图片资源的id，便可以动态修改显示的图片。

1.1 动态修改显示图片代码实现：

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); //调用传入类中的onClick()函数   
    } 
    @Override 
    public void onClick(View v) { 
        switch (v.getId()) { 
            case R.id.button: 
                imageView.setImageResource(R.drawable.jelly_bean); 
                break; 
            default: 
                break; 
        } 
    } 
} 

---

问题：

无   

原因：

无

效果：

初始化的效果

动态修改后的效果