Android自定义ImageView_重写ImageView实现ImageTextButton

今天分享一下有关自定义控件的问题、以前也曾自定义一个CheckBox、来兼容三星和小米之间的差异、今天要自定义的是一个图片和文字的组合控件、难度不大、一看就明白、估计有的同学或者开发者看了说、这种方式多此一举、直接TextView就可以搞定、但个人不这么认为、多一种解决方式、就多一种举一反三的学习、从而定义更多的控件、希望对大家能够有所帮助、现在开始讲自定义带图片和文字的ImageTextButton的实现方法、效果图如下：

一、新建一个image_text_buttton.xml的布局文件、供自定义的控件使用

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:orientation="vertical" >

    <ImageView
        android:id="@ id/iv"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center_horizontal"
        android:layout_marginTop="12dp" />

    <TextView
        android:id="@ id/tv"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center_horizontal"
        android:layout_marginTop="8dp"
        android:textColor="#000000" />

</LinearLayout>

二、自定义一个类ImageTextButton继承LinearLayout

package net.loonggg.itbd.view;
import net.loonggg.itbd.R;
import android.content.Context;
import android.util.AttributeSet;
import android.view.LayoutInflater;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.TextView;

public class ImageTextButton extends LinearLayout {
    private ImageView iv;
    private TextView tv;

    public ImageTextButton(Context context) {
        super(context);
    }

    public ImageTextButton(Context context, AttributeSet attrs) {
        super(context, attrs);
        LayoutInflater.from(context).inflate(R.layout.image_text_buttton, this,
                true);
        iv = (ImageView) findViewById(R.id.iv);
        tv = (TextView) findViewById(R.id.tv);
    }

    public void setDefaultImageResource(int resId) {
        iv.setImageResource(resId);
    }

    public void setDefaultTextViewText(String text) {
        tv.setText(text);
    }

    /**
     * @param resId
     */
    public void setImageResource(int resId) {
        iv.setImageResource(resId);
    }

    /**
     * @param text
     */
    public void setTextViewText(String text) {
        tv.setText(text);
    }

    /**
     * @param color
     */
    public void setTextColor(int color) {
        tv.setTextColor(color);
    }
}

三、自定义控件的使用、在布局文件activity_main.xml中的使用

<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:paddingBottom="@dimen/activity_vertical_margin"
    android:paddingLeft="@dimen/activity_horizontal_margin"
    android:paddingRight="@dimen/activity_horizontal_margin"
    android:paddingTop="@dimen/activity_vertical_margin"
    tools:context=".MainActivity" >

    <net.loonggg.itbd.view.ImageTextButton
        android:id="@ id/itb"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />

</RelativeLayout>

四、在Activiy中的使用

public class MainActivity extends Activity {
    private ImageTextButton itb;

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

        itb = (ImageTextButton) findViewById(R.id.itb);
        itb.setImageResource(R.drawable.sure);
        itb.setTextViewText("确定");
    }

}

到这里就讲完了、其实看完代码就知道了、非常简单、大家可以试一试哦！Demo的源代码这里就不贴咯、大家可以自己试一下！