Android 开发笔记___图像按钮__imageButton

IMAGEBUTTON

其实派生自image view，而不是派生自button。，image view拥有的属性和方法，image button 统统拥有，只是imagebutton有个默认的按钮外观。

• image button  只能显示图形
• imagebutton 上面的图片可按比例拉伸
• 只能在背景显示一张图形，但分别在前景和背景显示两张图片，实现图片叠加的效果

• 在输入法无法输入的字符和特殊字体显示的字符串，就适合用imagebutton，   先切图再显示

• 要想在文字周围放图片可以用基于text view 的 button，
• 具体在xml中设置如下属性：
  • drawableTop：指定文本上方的图片
  • drawableBottom：指定文本下方的图片
  • drawableLeft：指定文本左边的图形　　
  • drawableRight：指定文本右边的图片
  • drawablepadding：指定图形文本间距
• 在代码中：
  • setCompoundDrawables：设置文本周围图形，上下左右
  • setCompoundDrawablePadding：间距

<?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">

    <Button
        android:id="@+id/btn_icon"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginTop="10dp"
        android:layout_gravity="center"
        android:drawableLeft="@mipmap/ic_launcher"
        android:drawablePadding="5dp"
        android:text="热烈欢迎"
        android:textColor="#000000"
        android:textSize="17sp" />

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:layout_marginTop="10dp"
        android:orientation="horizontal">

        <Button
            android:id="@+id/btn_left"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:text="图标在左"
            android:textColor="#000000"
            android:textSize="15sp" />

        <Button
            android:id="@+id/btn_top"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:text="图标在上"
            android:textColor="#000000"
            android:textSize="15sp" />

        <Button
            android:id="@+id/btn_right"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:text="图标在右"
            android:textColor="#000000"
            android:textSize="15sp" />

        <Button
            android:id="@+id/btn_bottom"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1"
            android:text="图标在下"
            android:textColor="#000000"
            android:textSize="15sp" />

    </LinearLayout>

</LinearLayout>

java

package com.example.alimjan.hello_world;

import android.content.Context;
import android.content.Intent;
import android.graphics.drawable.Drawable;
import android.os.Bundle;
import android.support.v7.app.AppCompatActivity;
import android.view.View;
import android.widget.Button;

/**
 * Created by alimjan on 7/1/2017.
 */


public class class__2_3_4 extends AppCompatActivity implements View.OnClickListener {
    private Button btn_icon;
    private Drawable drawable;

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.code_2_3_4);
        btn_icon = (Button) findViewById(R.id.btn_icon);
        drawable = getResources().getDrawable(R.mipmap.ic_launcher);
        // 必须设置图片大小，否则不显示图片
        drawable.setBounds(0, 0, drawable.getMinimumWidth(), drawable.getMinimumHeight());
        Button btn_left = (Button) findViewById(R.id.btn_left);
        Button btn_top = (Button) findViewById(R.id.btn_top);
        Button btn_right = (Button) findViewById(R.id.btn_right);
        Button btn_bottom = (Button) findViewById(R.id.btn_bottom);
        btn_left.setOnClickListener(this);
        btn_top.setOnClickListener(this);
        btn_right.setOnClickListener(this);
        btn_bottom.setOnClickListener(this);
    }

    @Override
    public void onClick(View v) {
        if (v.getId() == R.id.btn_left) {
            btn_icon.setCompoundDrawables(drawable, null, null, null);
        } else if (v.getId() == R.id.btn_top) {
            btn_icon.setCompoundDrawables(null, drawable, null, null);
        } else if (v.getId() == R.id.btn_right) {
            btn_icon.setCompoundDrawables(null, null, drawable, null);
        } else if (v.getId() == R.id.btn_bottom) {
            btn_icon.setCompoundDrawables(null, null, null, drawable);
        }
    }

    public static void startHome(Context mContext) {
        Intent intent = new Intent(mContext, class__2_3_4.class);
        mContext.startActivity(intent);
    }
}