Android自定义ImageView_重写ImageView实现ImageTextButton
2015-10-15 12:45:54  By: dwtedx

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

android重写imageview


一、新建一个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的源代码这里就不贴咯、大家可以自己试一下!

若资源对你有帮助、浏览后有很大收获、不妨小额打赏我一下、你的鼓励是维持我不断写博客最大动力

想获取DD博客最新代码、你可以扫描下方的二维码、关注DD博客微信公众号(ddblogs)

或者你也可以关注我的新浪微博、了解DD博客的最新动态:DD博客官方微博(dwtedx的微博)

如对资源有任何疑问或觉得仍然有很大的改善空间、可以对该博文进行评论、希望不吝赐教

为保证及时回复、可以使用博客留言板给我留言: DD博客留言板(dwtedx的留言板)

感谢你的访问、祝你生活愉快、工作顺心、欢迎常来逛逛


猜你喜欢的

快速评论


技术评论

  • 该技术还没有评论、赶快抢沙发吧...
DD记账
top
+