Android -- 自定义控件(ImageButton)

时间:2021-01-08 15:18:13

1. 效果图

  aaarticlea/png;base64,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" alt="" />

2.  实现代码

  

package com.example.timetest;

import android.content.Context;
import android.util.AttributeSet;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.TextView; public class ImageButton extends LinearLayout { private ImageView mImageView; private TextView mTextView; public ImageButton (
Context context , AttributeSet attrs ) { super ( context , attrs ); mImageView = new ImageView ( context );
mImageView.setImageResource ( R.drawable.add_tip );
mImageView.setPadding ( 0 , 0 , 5 , 0 );
mTextView = new TextView ( context );
mTextView.setText ( "添加提醒" );
setOrientation ( LinearLayout.HORIZONTAL );
addView ( mImageView );
addView ( mTextView ); } }

3.  使用的图片

  aaarticlea/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAAh1BMVEX/goL/goL/goL/goL/goL/goL/goL/goL/goL/goL/goL/goL/goL/goL/goL/goL/goL/goL/goL/goL/goL/goL/goL/goL/goL/goL/////goL/goL/goL/goL/goL/goL/goL/goL/goL/goL/goL/goL/goL/goL/goL/goL/goL/goKcHLqoAAAALXRSTlMAAjd4rNLt+ByH4v8TlflW61cElwqzsZhZFf8e+uN50+w4WFqZBra0BRSI5O7ADc0xAAABA0lEQVQ4y42V6RaCIBBGR0RTJ8lCs8XM9s33f746tnEEZL6/3MMchuECoMZjPg/C0SgMuM88sCWKE1SSxJERG6cCexHpWOcmGRqSTXvYTKIlcqZyeYHWFLmy3xwHMv/vWeJgyi83RUcWn75kLjBcdqB24NXKWHxducFq/QJjdIMYv+ZgQwE3HjCkgMigpoE+cBrIYUsDt9DQwAaEsq7nP8N0kFyafBhye8gN31GvkDwU5DGDSLhB0ckldYPy/bga1+NqPgrau8ADUQDHnylOw0o5KZI627lLrursaq1eXnuG3JtFutCVe5O6muXNLPv7Q8Ue98j6L3is5kFbVW3A69738QSzTkFxawYzgQAAAABJRU5ErkJggg==" alt="" />

4.  使用自定义控件

 

 <com.example.timetest.ImageButton
android:id="@+id/add"
android:layout_width="match_parent"
android:layout_height="40dp"
android:gravity="center" />

      Ok  完成了