欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

Android学习笔记十:基本视图组件:ImageView和ImageButton

程序员文章站 2022-05-09 17:06:56
...
    接上文
    在Web开发中,HTML中对图片的操作就是提供一个<img>标签,我们通过该标签的src属性来制定图片资源的地址,从而在页面中显示一个图片。那么在Android中,ImageView就是用于图片显示的。
    首先,我们来看一下ImageView的文档:
Android学习笔记十:基本视图组件:ImageView和ImageButton
            
    
    博客分类: 积少成多 android 
java.lang.Object
   ↳ android.view.View
   ↳ android.widget.ImageView

    可以看出,ImageView的继承结构并不复杂,它是View类的直接子类。下面就来看看关于ImageView的介绍,首先在Eclipse中重新创建一个项目,编写如下代码:
    <ImageView
        android:id="@+id/img"
        android:layout_width="fill_parent"
        android:layout_height="wrap_content"
        android:contentDescription="ImageView Demo"
        android:src="@drawable/ic_launcher" />

    代码非常的简单,ID就不多说了,然后设置长和宽,contentDescription是对图片的一个简要说明,最重要的src属性,这和HTML中的属性名称是一致的,也就是指定图片资源的位置。我们知道,Android项目中的图片资源统一位于res/drawable-xx文件夹内,不同的分辨率用于不同的设备,而我们只需通过@drawable/来调用图片资源即可。放置在drawable文件夹内的图片,会在R.java中自动注册,所以我们才能访问到其中的图片资源。
    这个程序很简单,我们直接运行代码看一下效果:
Android学习笔记十:基本视图组件:ImageView和ImageButton
            
    
    博客分类: 积少成多 android 
    对于ImageView没有什么可以多说的内容,下面直接来看看ImageButton。
    ImageButton就是图片按钮,在HTML中,我们定义按钮可以通过<button>标签来定义,表单中的按钮还可以是<submit>和<reset>,但是原生的HTML对按钮没有任何装饰,显示效果不好,我们可以通过CSS来美化按钮,比如加上图片。而在Android中,有ImageButton组件,可以为我们直接达到此目的。
    首先,来看一下ImageButton的文档:
Android学习笔记十:基本视图组件:ImageView和ImageButton
            
    
    博客分类: 积少成多 android 
java.lang.Object
   ↳ android.view.View
   ↳ android.widget.ImageView
   ↳ android.widget.ImageButton

    应该注意到了,ImageButton是和Button没有任何关系的。Button类是TextView类的子类,而ImageButton类却是ImageView的子类。图片按钮,肯定需要图片,之前我们介绍过,Android的所有图片资源都在res/drawable-xx文件夹内,那么我们直接来看代码,把上面的ImageView的代码稍微修改一下:
    <ImageButton
        android:id="@+id/img"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:contentDescription="ImageButton Demo"
        android:src="@drawable/ic_launcher" />

    只是修改了一下标签名称,其余内容都不需要变化,那么再次运行程序,我们可以看到如下效果:
Android学习笔记十:基本视图组件:ImageView和ImageButton
            
    
    博客分类: 积少成多 android 
   很容易看出,就是在按钮上加了图片的效果,只是这里我们的图片比较小,按钮部分还留有显示,只要做出合适大小的按钮图片,那么ImageButton就全是图片显示了,只不过这个图片可以进行点击操作。关于ImageButton也没有需要多说的了,需要时会用就行了。
    本部分代码请参考附件
    接下文
  • Android学习笔记十:基本视图组件:ImageView和ImageButton
            
    
    博客分类: 积少成多 android 
  • 大小: 70.6 KB
  • Android学习笔记十:基本视图组件:ImageView和ImageButton
            
    
    博客分类: 积少成多 android 
  • 大小: 25.9 KB
  • Android学习笔记十:基本视图组件:ImageView和ImageButton
            
    
    博客分类: 积少成多 android 
  • 大小: 68.3 KB
  • Android学习笔记十:基本视图组件:ImageView和ImageButton
            
    
    博客分类: 积少成多 android 
  • 大小: 26.4 KB
相关标签: android