Android实现自定义图片+文字控件

ゞ浴缸里的玫瑰 2021-12-04 07:47 511阅读 0赞

1、新建image\_text\_button.xml文件

2、新建ImageTextButton.java

public class ImageTextButton extends LinearLayout { 
        private Context mContext;
        private ImageButton mIcon;
        private TextView mText;
        private int mIconResourceId;
    
        public ImageTextButton(Context context) { 
            super(context);
        }
    
        public ImageTextButton(Context context, @Nullable AttributeSet attrs) { 
            super(context, attrs);
            mContext = context;
            View.inflate(context, R.layout.image_text_button, this);
    
            TypedArray typedArray = context.obtainStyledAttributes(attrs, R.styleable.CarImageTextButton);
    
            mIcon = findViewById(R.id.button_icon);
            mIcon.setScaleType(ImageView.ScaleType.CENTER);
            mIcon.setClickable(false);
            mIconResourceId = typedArray.getResourceId(R.styleable.CarImageTextButton_icon, 0);
            mIcon.setImageResource(mIconResourceId);
    
            mText = findViewById(R.id.button_text);
            mText.setClickable(false);
            String text = typedArray.getString(R.styleable.CarImageTextButton_text);
            mText.setText(text);
        }
    }

3、在attrs.xml文件中新增属性

<declare-styleable name="CarImageTextButton">
            
            <attr name="icon" format="reference"/>
            <attr name="text" format="string"/>
        </declare-styleable>

4、运用，使用icon和text属性配置图片和文字

需要在根目录标签新增xmlns:demo="[http://schemas.android.com/apk/res-auto][http_schemas.android.com_apk_res-auto]"属性

<com.ad.demo.view.ImageTextButton
         android:id="@+id/go_home"
         style="@style/ImageTextButton"
         demo:icon="@drawable/b_poi_10010_67_hl"
         demo:text="回家"
         android:paddingStart="@dimen/default_6" />

[http_schemas.android.com_apk_res-auto]: http://schemas.android.com/apk/res-auto