android控件——ImageView

忘是亡心i 2022-07-17 01:12 168阅读 0赞

# EditView控件 #

## 一、功能简介： ##

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

--------------------

## 二、创建ImageView控件： ##

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

### **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; 
    		} 
    	} 
    }

--------------------

## 问题： ##

无

## 原因： ##

无

## 效果： ##

### 初始化的效果 ###

![点击Button前][Button]

### 动态修改后的效果 ###

![按下button后的效果][button]

[Button]: /images/20220717/71b6126884ee4f9b910075d2e8d0f96b.png
[button]: /images/20220717/98820009e14c41a78a9dd92fed84dbfa.png