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;
}
}
}
问题:
无
原因:
无
效果:
初始化的效果
![点击Button前](https://i-blog.csdnimg.cn/blog_migrate/9258e264d714328dc1c2e737643cf4c8.png)
动态修改后的效果
![按下button后的效果](https://i-blog.csdnimg.cn/blog_migrate/ee893ea8b0a29d1b8353d1f3fac55760.png)