API Demos 2.3 学习笔记 (8)-- Views->ImageButton

淡淡的烟草味﹌ 2022-06-18 04:40 165阅读 0赞

更多精彩内容，请点击阅读：**[《API Demos 2.3 学习笔记》][API Demos 2.3]**

ImageButton示例介绍了定义ImageButton的基本方法。从示例布局文件来看，主要是在线性LinearLayout中定义三个ImageButton。不同的是，这三个按钮通过android:src属性分别引用三张来自android系统内置的图片作为按钮图标。  
下面我们以ImageButton为例，简单介绍如何引用android系统内置图标资源。  
1、在java代码中引用

在java代码中，我们通过“android.R.drawable.图标名称”格式来引用系统图标资源。具体参考如下：

private ImageButton mImageButton = null;
    
            //通过findViewById获得ImageButton          
            mImageButton = (ImageButton)findViewById(R.id.myImageButton01);
            
            //引用android内置图标，作为ImageButton的按钮图标 
            mImageButton.setImageResource(android.R.drawable.sym_action_call);

2、在xml布局文件中

在布局文件中，我们通常按照"@android:drawable/图标名称"格式来引用资源。  
具体参考如下：

注：我们可以在AndroidSDK目录下找到这些系统内置图标资源，具体位置在对应Android版本的资源目录下。以android2.3为例，这些图标在android-sdk-linux\_86/platforms/android-9/data/res/drawable-hdpi目录下。  
  
另外，除了引用android系统内置图标之外，我们也可以引用自定义图标。具体操作如下：  
1、为了表示按钮不同状态（例如：被聚焦，被点击等），我们可以为每种状态定义一张图片。首先，我们准备三张类似的图片，放在drawable目录下。

<table> 
 <tbody> 
 <tr> 
 <td style="border:none; padding:0cm"> <img src="http://hi.csdn.net/attachment/201109/25/0_13169714029tEd.gif" alt=""> </td> 
 <td style="border:none; padding:0cm"> <img src="http://hi.csdn.net/attachment/201109/25/0_13169714097yq8.gif" alt=""> </td> 
 <td style="border:none; padding:0cm"> <img src="http://hi.csdn.net/attachment/201109/25/0_131697141824ou.gif" alt=""> </td> 
 </tr> 
 <tr> 
 <td style="border:none; padding:0cm"> button_normal </td> 
 <td style="border:none; padding:0cm"> button_pressed </td> 
 <td style="border:none; padding:0cm"> button_focused </td> 
 </tr> 
 </tbody> 
</table>

2、在drawable目录下新建一个xml文件btn\_star.xml，通过"selector"来定义正常状态，聚焦状态下以及按下状态下分别显示什么图标。

<?xml version="1.0" encoding="utf-8"?>
 <selector xmlns:android="http://schemas.android.com/apk/res/android">
 <item android:state_pressed="true"
 android:drawable="@drawable/button_pressed" /> 
 <item android:state_focused="true"
 android:drawable="@drawable/button_focused" /> 
 <item android:drawable="@drawable/button_normal" /> 
 </selector>

3、以在xml布局文件中引用为例，在引用该自定义图标时，图标名称为定义在drawable下的xml文件名称（不包括xml后缀）。例如，上面我们定义了btn\_star.xml，引用时，可以这样引用："@android:drawable/btn\_star"。

下面我们进行实例代码解析：

res-layout-image\_button\_1.xml

<?xml version="1.0" encoding="utf-8"?>
 
 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
 android:layout_width="match_parent"
 android:layout_height="match_parent"
 android:orientation="vertical">
 
 
 <ImageButton
 	android:id="@+id/myImageButton01"
 	android:layout_width="100dip"
 	android:layout_height="50dip"
 	android:src="@android:drawable/sym_action_call" />
 
 
 	<ImageButton
 	android:id="@+id/myImageButton02" 	
 	android:layout_width="wrap_content"
 	android:layout_height="wrap_content"
 	android:src="@android:drawable/sym_action_chat" />	
 
 
 	<ImageButton
 	android:id="@+id/myImageButton03" 	 	
 	android:layout_width="wrap_content"
 	android:layout_height="wrap_content"
 	android:src="@android:drawable/sym_action_email" />	
 	
 
 	<ImageButton
 	android:id="@+id/myImageButton04" 	 	
 	android:layout_width="wrap_content"
 	android:layout_height="wrap_content"
 	android:src="@android:drawable/btn_star" />	 	
 </LinearLayout>

src-com.example.android.apis.view-ImageButton1.java

package com.example.android.apis.view;
    
    import android.app.Activity;
    import android.os.Bundle;
    import android.widget.ImageButton;
    
    
    import com.example.android.apis.R;
    
    
    public class ImageButton1 extends Activity {
        private ImageButton mImageButton = null;
    	
        @Override
        public void onCreate(Bundle savedInstanceState) {
            super.onCreate(savedInstanceState);
            setContentView(R.layout.image_button_1);
      
            //通过findViewById获得ImageButton          
            mImageButton = (ImageButton)findViewById(R.id.myImageButton01);
            
            //引用android内置图标，作为ImageButton的按钮图标 
            mImageButton.setImageResource(android.R.drawable.sym_action_call);
            
        }
    }

预览效果：

![0_1316971515Oo0b.gif][]

欢迎大家关注我的[微信][Link 1]公众号：

[微信][Link 1]公众号：sn0wdr1am

![Center][]

[API Demos 2.3]: http://blog.csdn.net/yang_hui1986527/article/details/6707156
[0_1316971515Oo0b.gif]: /images/20220618/25ea282aba614047ae1fb370e4deba22.png
[Link 1]: http://lib.csdn.net/base/wechat
[Center]: /images/20220618/41c4e6fc98b142e19e43db4c025c1886.png