Android UI 컨트롤 시리즈: ImageButton(아이콘이 있는 버튼)

안드로이드 시스템에서 제공하는 버튼 버튼 외에 아이콘이 포함된 버튼인 ImageButton도 제공합니다.

아이콘이 포함된 버튼을 만들려면 먼저 레이아웃 파일에 ImageButton을 정의하고, 그런 다음 표시된 setImageDrawable 아이콘을 통해 원하는 버튼을 설정합니다.

참고:



android:src="@drawable/icon1″
과 같이 레이아웃 파일에서 직접 버튼 아이콘을 설정할 수 있습니다. 프로그램에서 사용자 정의 아이콘을 설정할 수도 있습니다

imgbtn3.setImageDrawable(getResources().getDrawable(R.drawable.icon2));
시스템 자체 아이콘을 사용할 수도 있습니다

imgbtn4 .setImageDrawable(getResources().getDrawable(android.R.drawable.sym_call_incoming));
버튼 아이콘을 설정한 후 이벤트를 캡처하고 다음을 처리하려면 버튼에 대한 리스너 setOnClickListener를 설정해야 합니다. 🎜>
4개의 아이콘 버튼으로 구성된 레이아웃을 설명하는 예제이며, 4번째 버튼의 아이콘은 1번 버튼을 클릭하면 팝업창이 뜹니다. 확인을 클릭하면 버튼 2의 아이콘이 버튼 3의 아이콘으로 변경될 수 있습니다. 버튼 3을 클릭하면 버튼 3의 아이콘이 시스템 전화 통화 아이콘으로 변경됩니다. 버튼 4를 클릭하면 프롬프트 대화 상자가 표시됩니다

ImageButtonTest.java 소스 코드

package org.loulijun.imagebutton;

import android.app.Activity;
import android.app.AlertDialog;
import android.app.Dialog;
import android.content.DialogInterface;
import android.os.Bundle;
import android.view.View;
import android.widget.Button;
import android.widget.ImageButton;
import android.widget.TextView;

public class ImageButtonTest extends Activity {
    /** Called when the activity is first created. */
        TextView textview;
        ImageButton imgbtn1;
        ImageButton imgbtn2;
        ImageButton imgbtn3;
        ImageButton imgbtn4;
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);

        textview=(TextView)findViewById(R.id.textview);
        //分别取得4个ImageButton对象
        imgbtn1=(ImageButton)findViewById(R.id.imagebutton1);
        imgbtn2=(ImageButton)findViewById(R.id.imagebutton2);
        imgbtn3=(ImageButton)findViewById(R.id.imagebutton3);
        imgbtn4=(ImageButton)findViewById(R.id.imagebutton4);

        //分别为ImageButton设置图标
        //imgbtn1已经在main.xml布局中设置了图标，所以就不在这里设置了（设置图标即可在程序中设置，也可在布局文件中设置）
        imgbtn2.setImageDrawable(getResources().getDrawable(R.drawable.icon));//在程序中设置图标
        imgbtn3.setImageDrawable(getResources().getDrawable(R.drawable.icon2));
        imgbtn4.setImageDrawable(getResources().getDrawable(android.R.drawable.sym_call_incoming));//设置系统图标

        //下面为各个按钮设置事件监听
        imgbtn1.setOnClickListener(new Button.OnClickListener()
        {
                        @Override
                        public void onClick(View v) {
                                // TODO Auto-generated method stub
                                Dialog dialog=new AlertDialog.Builder(ImageButtonTest.this)
                                .setTitle("提示")
                                .setMessage("我是ImageButton1")
                                .setPositiveButton("确定",new DialogInterface.OnClickListener() {

                                        @Override
                                        public void onClick(DialogInterface dialog, int which) {
                                                // TODO Auto-generated method stub
                                                //相应的处理操作
                                        }
                                }).create();
                                dialog.show();
                        }

        });

        imgbtn2.setOnClickListener(new Button.OnClickListener()
        {
                        @Override
                        public void onClick(View v) {
                                // TODO Auto-generated method stub
                                Dialog dialog=new AlertDialog.Builder(ImageButtonTest.this)
                                .setTitle("提示")
                                .setMessage("我是ImageButton2，我要使用ImageButton3的图标")
                                .setPositiveButton("确定",new DialogInterface.OnClickListener() {

                                        @Override
                                        public void onClick(DialogInterface dialog, int which) {
                                                // TODO Auto-generated method stub
                                                imgbtn2.setImageDrawable(getResources().getDrawable(R.drawable.icon2));
                                        }
                                }).create();
                                dialog.show();
                        }

        });

        imgbtn3.setOnClickListener(new Button.OnClickListener()
        {
                        @Override
                        public void onClick(View v) {
                                // TODO Auto-generated method stub
                                Dialog dialog=new AlertDialog.Builder(ImageButtonTest.this)
                                .setTitle("提示")
                                .setMessage("我是ImageButton3，我想使用系统打电话的图标")
                                .setPositiveButton("确定",new DialogInterface.OnClickListener() {

                                        @Override
                                        public void onClick(DialogInterface dialog, int which) {
                                                // TODO Auto-generated method stub
                                                imgbtn3.setImageDrawable(getResources().getDrawable(android.R.drawable.sym_action_call));
                                        }
                                }).create();
                                dialog.show();
                        }

        });

        imgbtn4.setOnClickListener(new Button.OnClickListener()
        {
                        @Override
                        public void onClick(View v) {
                                // TODO Auto-generated method stub
                                Dialog dialog=new AlertDialog.Builder(ImageButtonTest.this)
                                .setTitle("提示")
                                .setMessage("我是使用的系统图标")
                                .setPositiveButton("确定",new DialogInterface.OnClickListener() {

                                        @Override
                                        public void onClick(DialogInterface dialog, int which) {
                                                // TODO Auto-generated method stub
                                                //相应的处理操作
                                        }
                                }).create();
                                dialog.show();
                        }

        });
    }
}

레이아웃 파일 main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    >
<TextView
        android:id="@+id/textview"
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:text="ImageButton测试案例"
    />
<ImageButton
        android:id="@+id/imagebutton1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/icon1"
/>
<ImageButton
        android:id="@+id/imagebutton2"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
/>
<ImageButton
        android:id="@+id/imagebutton3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
/>
<ImageButton
        android:id="@+id/imagebutton4"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
/>
</LinearLayout>

실행 효과는 다음과 같습니다.

첫 번째 버튼 클릭

버튼 1개 후 확인 클릭 후, 두 번째 버튼

클릭

확인을 클릭하면 버튼 2의 아이콘 프로그래밍이 버튼 3의 아이콘 프로그래밍과 동일하다는 것을 알 수 있습니다.

버튼 3을 클릭하세요

확인을 클릭하면 3번 버튼 아이콘이 시스템 호출 아이콘으로 변경된 것을 확인할 수 있습니다

4번 버튼 클릭

위는 Android UI 컨트롤 시리즈의 내용입니다: ImageButton(아이콘이 있는 버튼) 더 많은 관련 내용을 보려면 주의하세요. PHP 중국어 홈페이지(www.php.cn)로!