安卓自定义上下结构的View

效果图

import android.content.Context;
import android.content.res.TypedArray;
import android.graphics.Color;
import android.graphics.drawable.Drawable;
import android.util.AttributeSet;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.ImageView;
import android.widget.LinearLayout;
import android.widget.TextView;

import androidx.annotation.ColorInt;
import androidx.annotation.Nullable;
import androidx.annotation.StringRes;

/**
 * 自定义上下结构的view 上部为图片或者文字 下部是标题
 * 可以拓展
 *
 * @author Silence
 * @version 1.0
 */
public class CustomVerticalTitleView extends LinearLayout {

    private LinearLayout parentLayout;
    /**
     * 顶部显示的标题view
     */
    private TextView topTextView;
    /**
     * 上部标题颜色
     */
    private int topTextColor;
    /**
     * 上部标题
     */
    private String topText;
    /**
     * 上部标题字体大小
     */
    private float topTextSize;
    /**
     * 顶部图标
     */
    private ImageView topImageView;
    /**
     * 顶部图标是否显示 默认不显示
     */
    private boolean imageViewVisibility = false;
    /**
     * 顶部图片drawable
     */
    private Drawable topImageSrc;
    /**
     * 顶部图片宽度
     */
    private float topImageWidth;
    /**
     * 顶部图片高度
     */
    private float topImageHeight;
    /**
     * 底部标题view
     */
    private TextView titleTextView;
    /**
     * 底部标题颜色
     */
    private int titleTextColor;
    /**
     * 底部标题
     */
    private String titleText;
    /**
     * 底部标题字体大小
     */
    private float titleTextSize;
    /**
     * 上下间距
     */
    private float verticalMarginTop;

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

    public CustomVerticalTitleView(Context context, @Nullable AttributeSet attrs) {
        super(context, attrs);
        initView(context, attrs);
    }

    public CustomVerticalTitleView(Context context, @Nullable AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        initView(context, attrs);
    }

    public CustomVerticalTitleView(Context context, AttributeSet attrs, int defStyleAttr, int defStyleRes) {
        super(context, attrs, defStyleAttr, defStyleRes);
        initView(context, attrs);
    }

    private void initView(Context context, AttributeSet attrs) {
        //加载布局
        LayoutInflater.from(context).inflate(R.layout.custom_vertical_title_view_layout, this, true);

        // 初始化控件
        parentLayout = findViewById(R.id.custom_vertical_view_parent);
        topTextView = findViewById(R.id.custom_vertical_title_top_text_view);
        topImageView = findViewById(R.id.custom_vertical_title_top_image_view);
        titleTextView = findViewById(R.id.custom_vertical_title_text_view);

        // 获取资源
        getResources(context, attrs);
    }

    /**
     * 获取资源设置
     */
    private void getResources(Context context, AttributeSet attrs) {
        TypedArray typedArray = context.obtainStyledAttributes(attrs, R.styleable.CustomVerticalTitleView);

        // 上部文字
        topText = typedArray.getString(R.styleable.CustomVerticalTitleView_vertical_view_top_title);
        topTextColor = typedArray.getColor(R.styleable.CustomVerticalTitleView_vertical_view_top_title_color, getResources().getColor(R.color.colorBlack));
        topTextSize = typedArray.getDimension(R.styleable.CustomVerticalTitleView_vertical_view_top_title_text_size, 0);

        // 上部图片
        topImageSrc = typedArray.getDrawable(R.styleable.CustomVerticalTitleView_vertical_view_top_image_src);
        topImageWidth = typedArray.getDimension(R.styleable.CustomVerticalTitleView_vertical_view_top_image_width, 0);
        topImageHeight = typedArray.getDimension(R.styleable.CustomVerticalTitleView_vertical_view_top_image_height, 0);

        // 底部标题
        titleText = typedArray.getString(R.styleable.CustomVerticalTitleView_vertical_view_title);
        titleTextColor = typedArray.getColor(R.styleable.CustomVerticalTitleView_vertical_view_title_color, getResources().getColor(R.color.colorBlack));
        titleTextSize = typedArray.getDimension(R.styleable.CustomVerticalTitleView_vertical_view_title_text_size, 0);

        verticalMarginTop = typedArray.getDimension(R.styleable.CustomVerticalTitleView_vertical_view_vertical_margin_top, 0);

        imageViewVisibility = typedArray.getBoolean(R.styleable.CustomVerticalTitleView_vertical_view_image_visibility, false);

        initWidget(context);
        // 回收资源
        typedArray.recycle();
    }

    /**
     * 初始化
     *
     * @param context 上下文
     */
    private void initWidget(Context context) {
        // 初始化上部图标和文字的显示状态
        topImageView.setVisibility(imageViewVisibility ? View.VISIBLE : GONE);
        topTextView.setVisibility(imageViewVisibility ? View.GONE : VISIBLE);

        if (topTextView != null) {
            topTextView.setText(topText);
            topTextView.setTextColor(topTextColor);
            topTextView.getPaint().setTextSize(topTextSize);
        }

        if (topImageView != null) {
            if (topImageSrc != null) {
                topImageView.setImageDrawable(topImageSrc);
            }

            LinearLayout.LayoutParams layoutParams = new LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT);
            if (topImageWidth > 0) {
                layoutParams.width = (int) topImageWidth;
            }

            if (topImageHeight > 0) {
                layoutParams.height = (int) topImageHeight;
            }
            topImageView.setLayoutParams(layoutParams);
        }

        if (titleTextView != null) {
            titleTextView.setText(titleText);
            titleTextView.setTextColor(titleTextColor);
            titleTextView.getPaint().setTextSize(titleTextSize);
            LinearLayout.LayoutParams layoutParams = new LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT);
            if (verticalMarginTop >= 0) {
                layoutParams.setMargins(0, (int) verticalMarginTop, 0, 0);
            }
            titleTextView.setLayoutParams(layoutParams);
        }
    }

    /**
     * 设置顶部text
     *
     * @param text 文字
     */
    public final void setTopText(String text) {
        topTextView.setText(text);

    }

    /**
     * 设置顶部text颜色
     *
     * @param color 颜色值
     */
    public final void setTopTextColor(int color) {
        topTextView.setTextColor(color);
    }

    /**
     * 设置顶部textSize
     *
     * @param size 字体大小
     */
    public final void setTopTextSize(float size) {
        topTextView.getPaint().setTextSize(size);
    }

    /**
     * 设置顶部图片是否显示
     *
     * @param visibility 是否显示 true 显示 false 不显示
     */
    public final void setImageViewVisibility(boolean visibility) {
        topImageView.setVisibility(visibility ? VISIBLE : GONE);
    }

    /**
     * 设置顶部图片是否显示
     *
     * @param visibility 直接设置visibility
     */
    public final void setImageViewVisibility(int visibility) {
        topImageView.setVisibility(visibility);
    }

    /**
     * 设置底部title文字
     *
     * @param text 要设置的文字
     */
    public final void setTitleText(String text) {
        titleTextView.setText(text);
    }

    /**
     * 设置底部title颜色
     *
     * @param color 要设置的颜色
     */
    public final void setTitleTextColor(int color) {
        titleTextView.setTextColor(color);
    }

    /**
     * 设置底部title文字大小
     *
     * @param size 大小
     */
    public final void setTitleTextSize(float size) {
        titleTextView.getPaint().setTextSize(size);
    }
}

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:id="@+id/custom_vertical_view_parent"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:gravity="center"
    android:orientation="vertical">

    <TextView
        android:id="@+id/custom_vertical_title_top_text_view"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />

    <ImageView
        android:id="@+id/custom_vertical_title_top_image_view"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:visibility="gone" />

    <TextView
        android:id="@+id/custom_vertical_title_text_view"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />

</LinearLayout>

<declare-styleable name="CustomVerticalTitleView">
        <!--        顶部标题-->
        <attr name="vertical_view_top_title" format="reference|string" />
        <!--        顶部标题颜色-->
        <attr name="vertical_view_top_title_color" format="color" />
        <!--        顶部标题字体大小-->
        <attr name="vertical_view_top_title_text_size" format="dimension" />
        <!--        顶部图片-->
        <attr name="vertical_view_top_image_src" format="reference" />
        <!--        顶部图片宽度-->
        <attr name="vertical_view_top_image_width" format="dimension" />
        <!--        顶部图片高度-->
        <attr name="vertical_view_top_image_height" format="dimension" />
        <!--        标题-->
        <attr name="vertical_view_title" format="reference|string" />
        <!--        标题颜色-->
        <attr name="vertical_view_title_color" format="color" />
        <!--        标题字体大小-->
        <attr name="vertical_view_title_text_size" format="dimension" />
        <!--        上下间距-->
        <attr name="vertical_view_vertical_margin_top" format="dimension" />
        <!--        上下间距-->
        <attr name="vertical_view_image_visibility" format="boolean" />
    </declare-styleable>