上一节:
下一节:

  Android ImageButton 控件

  • Android ImageButton 控件

    Android ImageButton 是一个AbsoluteLayout，可让您指定其子级的确切位置。 这显示了带有图像（而不是文本）的按钮，用户可以按下或单击该按钮。

  • ImageButton 属性

    以下是与ImageButton控件相关的重要属性。您可以查看Android官方文档以获取属性的完整列表以及可以在运行时更改这些属性的相关方法。
    继承自android.widget.ImageView类-
    属性 说明
    android:adjustViewBounds 如果您希望ImageView调整其边界以保留其可绘制对象的纵横比，请将其设置为true。
    android:baseline 这是该视图内基线的偏移量。
    android:baselineAlignBottom 如果为true，则图像视图将根据其底边与基线对齐。
    android:cropToPadding 如果为true，则图像将被裁剪以适合其填充。
    android:src 这将可绘制对象设置为此ImageView的内容
    继承自android.view.View类-
    属性 说明
    android:background 这是一个可绘制的背景。
    android:contentDescription 这定义了简短描述视图内容的文本。
    android:id 这提供了该视图的标识符名称。
    android:onClick 这是单击该视图时在该视图上下文中要调用的方法的名称。
    android:visibility 这控制了视图的初始可见性。

  • 示例

    本示例将带您完成一些简单的步骤，使用ImageButton创建自己的Android应用程序。
    1. 您将使用Android Studio创建一个Android应用程序，并将其命名为Demo，位于com.jc2182.demo包下，如Hello World示例一章中所述。
    2. 修改src/MainActivity.java文件以添加click事件。
    3. 修改res/layout/activity_main.xml文件的默认内容以包括Android UI控件。
    4. 运行该应用程序以启动Android模拟器并验证在该应用程序中所做更改的结果。
    以下是修改后的主要活动文件src/com.jc2182.demo/MainActivity.java的内容。该文件可以包括每个基本生命周期方法。 
    
package com.jc2182.demo;

import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.widget.ImageButton;
import android.widget.Toast;

public class MainActivity extends Activity {

    ImageButton imgButton;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        imgButton =(ImageButton)findViewById(R.id.imageButton);
        imgButton.setOnClickListener(new View.OnClickListener() {
            @Override
            public void onClick(View v) {
                Toast.makeText(getApplicationContext(),"您的下载已完成",Toast.LENGTH_LONG).show();
            }
        });
    }
}
    以下是res/layout/activity_main.xml文件的内容- 
    
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent"
    android:layout_height="match_parent" android:paddingLeft="20dp"
    tools:context=".MainActivity">

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignEnd="@+id/imageButton"
        android:layout_alignRight="@+id/imageButton"
        android:layout_alignParentTop="true"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="132dp"
        android:layout_marginEnd="104dp"
        android:layout_marginRight="104dp"
        android:text="蝴蝶教程"
        android:textSize="30dp" />

    <ImageButton
        android:id="@+id/imageButton"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_alignParentTop="true"
        android:layout_centerHorizontal="true"
        android:layout_marginTop="206dp"
        android:src="@drawable/logo" />

</RelativeLayout>
    让我们尝试运行刚刚修改的应用程序。我假设您在进行环境设置时已创建了AVD。要从Android Studio运行该应用，请打开您项目的活动文件之一，然后工具栏中单击“运行”图标。Android studio将应用程序安装在您的AVD上并启动它，如果设置和应用程序一切正常，它将显示在“模拟器”窗口下面-
    点击图片按钮后出现如下界面。
    建议在编程时尝试上述示例，在Layout XML文件中使用ImageButton的不同属性，以使ImageButton具有不同的外观。尝试使其可编辑，更改为字体颜色，字体系列，宽度，字体大小等，然后查看结果。您也可以尝试在一个活动中使用多个ImageButton控件的示例。
上一节:
下一节: