您好!欢迎来到源码码网

Android图片视图控件ImageView和图片按钮控件ImageButton使用

  • 源码教程
  • 来源:源码码网
  • 编辑:admin
  • 时间:2021-01-12 20:09
  • 阅读:325

ImageView 是用于显示图片的组件,是Android开发中最为常用的控件之一。

ImageView 可以显示任意图像,加载各种来源的图片(如资源或图片库)。它还可以负责计算图片的尺寸,以便在任意的布局中使用,并且可以提供缩放或者着色等选项供开发者使用。

ImageButton 是 ImageView 的子类,相当于一个表明是图片而不是文字的 Button。其使用方法和 Button 完全相同。

下面通过一个实例来了解一下这两个组件的使用方法。在工程 WidgetDemo 的布局文件 main.xml 中添加一个名为 ImageButtonDemo 的 Button,用以启动 ImageButtonActivity。

在 main.xml 中添加代码如下:

  1. <Button

  2. android:id="@+id/button10"

  3. android:layout_width="wrap_content"

  4. android:layout_height="wrap_content"

  5. android:text="ImageButtonDemo" />

单击Button并启动RatingBarActivity的代码如下:


  1. Button imgbtn = (Button)this.findViewById(R.id.button10);

  2. mgbtn.setOnClickListener(new View.OnClickListener(){

  3. @Override

  4. public void onClick(View v){

  5. Intent intent;

  6. intent = new Intent(MainActivity.this, ImageButtonActivity.class);

  7. startActivity(intent);

  8. }

  9. });

同时在 AndroidManifest.xml文件中声明该 Activity:

<activity android:name=".ImageButtonActivity"></activity>

ImageButtonActivity 的运行效果如图 1 所示。

ImageButtonActivity的运行效果

图 1  ImageButtonActivity 的运行效果

ImageButtonActivity 的布局文件 imgbtn.xml 内容如下:


  1. <?xml version="1.0" encoding="utf-8"?>

  2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

  3. android:layout_width="match_parent"

  4. android:layout_height="match_parent"

  5. android:orientation="vertical">


  6. <ImageView

  7. android:id="@+id/imageView1"

  8. android:layout_width="250dp"

  9. android:layout_height="250dp"

  10. android:src="@drawable/girl"/>

  11. <ImageButton

  12. android:id="@+id/imageButton1"

  13. android:layout_width="wrap_content"

  14. android:layout_height="wrap_content"

  15. android:src="@drawable/ic_launcher"/>

  16. </LinearLayout>

该文件使用 LinearLayout布局,其中放入了一个 ImageView 组件和一个 ImageButton 组件。两个组件都通过 android:src 属性指定了显示的图片。

该实例用到了两个图片资源,一个为 girl,另一个为 ic_launcher,如图 2 所示。

由于 Android 会根据手机设备的配置高低选择不同的资源,因此为了应用程序的通用性,在三个 drawable 文件夹下都放置了 girl.gif 图像。ic_launcher.png 是系统自带的资源文件。

工程中的图片资源

图 2  工程中的图片资源

ImageButtonActivity.java 的代码如下:


  1. package introduction.android.widgetdemo;



  2. import android.app.Activity;

  3. import android.os.Bundle;

  4. import android.view.View;


  5. import android.view.ViewGroup.LayoutParams;

  6. import android.widget.ImageButton;

  7. import android.widget.ImageView;


  8. public class ImageButtonActivity extends Activity {

  9. private ImageButton imgbtn;

  10. private ImageView imgview;


  11. @Override

  12. protected void onCreate(Bundle savedInstanceState) {

  13. // TODO Auto-generated method stub

  14. super.onCreate(savedInstanceState);

  15. setContentView(R.layout.imgbtn);

  16. imgbtn = (ImageButton) this.findViewById(R.id.imageButton1);

  17. imgview = (ImageView) this.findViewById(R.id.imageView1);

  18. imgbtn.setOnClickListener(new View.OnClickListener() {

  19. @Override

  20. public void onClick(View v) {

  21. // TODO Auto-generated method stub

  22. LayoutParams params = imgview.getLayoutParams();

  23. params.height += 3;

  24. params.width += 3;

  25. imgview.setLayoutParams(params);

  26. }

  27. });

  28. }

  29. }

ImageButtonActivity 为 ImageButton 添加了单击监听器,对用户单击 imgbtn 的事件进行了处理。用户每次单击图片按钮,都把 ImageView 组件的宽和高增大 3。随着用户的不断单击,ImageView 中显示的图片越来越大,显示了 ImageView 组件对图片的缩放功能。

特别声明:
1、如无特殊说明,内容均为本站原创发布,转载请注明出处;
2、部分转载文章已注明出处,转载目的为学习和交流,如有侵犯,请联系客服删除;
3、编辑非《源码码网》的文章均由用户编辑发布,不代表本站立场,如涉及侵犯,请联系删除;
全部评论(0)
推荐阅读
  • css中rel的属性值都有哪些,分别代表什么意思
  • css中rel的属性值都有哪些,分别代表什么意思
  • 在HTML中,元素的rel属性用于定义当前文档与被链接文档之间的关系。这个属性在CSS的上下文中经常与样式表关联,但rel属性的用途远不止于此。以下是一些常见的rel属性值及其意义:1、stylesheet:表示被链接的文档是一个样式表。这通常用于链接CSS文件。
  • 源码教程
  • 来源:源码码网
  • 编辑:源码码网
  • 时间:2024-03-28 12:28
  • 阅读:202
  • css中的z-index是什么意思,如何使用?
  • css中的z-index是什么意思,如何使用?
  • z-index是CSS属性,用于控制元素在页面中的层叠顺序。z-index的值决定了元素在垂直层面上的显示顺序,具有较高z-index值的元素会覆盖具有较低z-index值的元素。默认情况下,元素的z-index值是auto,这意味着元素的层叠顺序由其在文档流中的位置决定。在没有使用定位属性的情况下,后面出现的元素会覆盖前面出现的元素。
  • 源码教程
  • 来源:源码码网
  • 编辑:源码码网
  • 时间:2024-03-28 11:34
  • 阅读:20
  • PHP开发五种数据打印方式举例说明
  • PHP开发五种数据打印方式举例说明
  • 在PHP中,有几种常用的打印方式,包括:1、echo:用于输出一个或多个字符串。它是PHP语句,不是函数,因此没有返回值。例如:echo ”Hello, World!”; // 输出 ”Hello, World!”2、print:用于输出一个字符串。它需要一个参数,并需要使用圆括号。print函数在输出后有返回值,如果执行失败则返回f
  • 源码教程
  • 来源:源码码网
  • 编辑:源码码网
  • 时间:2024-01-18 23:09
  • 阅读:319
  • php开发判断字符串是否相等的方法
  • php开发判断字符串是否相等的方法
  • 本文介绍php开发中常用的字符串比较的方法,以PHP7.4为例,可以使用双等号,strcmp()方法,strcasemp()方法、strncasecmp()方法以及ctrncmp()方法,等进行判断,下边以”==”和strcmp()方法为例进行举例:// 定义插入的数据$data = [    ”name” &
  • 源码教程
  • 来源:源码码网
  • 编辑:源码码网
  • 时间:2024-01-18 21:04
  • 阅读:238
  • thinkphp6 No input file specified解决办法
  • thinkphp6 No input file specified解决办法
  • thinkphp6出现Noinputfilespecified错误基本上都是因为访问路径出错引起的,解决办法也很简单,打开public目录下的的.htaccess文件,对伪静态规则进行编辑,将:把:RewriteRule ^(.*)$ index.php/$1 [QSA,PT,L]改为:RewriteRule ^(.*)$ index.php [L,E=PATH_I
  • 源码教程
  • 来源:源码码网
  • 编辑:源码码网
  • 时间:2024-01-17 20:24
  • 阅读:152
联系客服
源码代售 源码咨询 素材咨询 联系客服
029-84538663
手机版

扫一扫进手机版
返回顶部