Android复合视图：无法使子视图与父视图匹配

我创建了一个从FrameLayout继承的自定义视图（复合视图），其中包含多个子视图：

MediaComponentView.java：

final public class MediaComponentView extends FrameLayout {
    private int ratio = 1;

    private ImageView imageView;
    private CircularProgressView progressView;
    private View downloadButton;
    private View cancelButton;
    private View playButton;

    public MediaComponentView(Context context) {
        super(context);
        initializeViews();
    }

    public MediaComponentView(Context context, AttributeSet attrs) {
        super(context, attrs);
        initializeViews();
    }

    public MediaComponentView(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        initializeViews();
    }

    private void initializeViews() {
        inflate(getContext(), R.layout.view_media_component, this);
    }

    @Override
    protected void onFinishInflate() {
        super.onFinishInflate();

        imageView = (ImageView) this.findViewById(R.id.image_view);
        progressView = (CircularProgressView) this.findViewById(R.id.progress_view);
        downloadButton = this.findViewById(R.id.download_button);
        cancelButton = this.findViewById(R.id.cancel_button);
        playButton = this.findViewById(R.id.play_button);
    }

    public void setRatio(int ratio) {
        this.ratio = ratio;
    }

    @Override
    protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
        super.onMeasure(widthMeasureSpec, heightMeasureSpec);
        setMeasuredDimension(getMeasuredWidth(), getMeasuredWidth() / ratio);
    }

}

查看\u media\u component.xml：

<merge
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    >

    <com.makeramen.roundedimageview.RoundedImageView
        android:id="@+id/image_view"
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:scaleType="centerCrop"
        app:riv_border_color="#eee"
        app:riv_border_width="1px"
        app:riv_corner_radius="3dp"
        />

    <com.github.rahatarmanahmed.cpv.CircularProgressView
        android:id="@+id/progress_view"
        android:layout_width="40dp"
        android:layout_height="40dp"
        android:layout_gravity="center"
        android:visibility="gone"
        />

    <ImageView
        android:id="@+id/download_button"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:src="@drawable/icon_chat_media_download"
        android:visibility="gone"
        />

    <ImageView
        android:id="@+id/cancel_button"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:src="@android:drawable/ic_menu_close_clear_cancel"
        android:visibility="gone"
        />

    <ImageView
        android:id="@+id/play_button"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:src="@drawable/icon_chat_media_play"
        android:visibility="gone"
        />
</merge>

复合视图的用法：

<LinearLayout
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="horizontal"
    android:layout_marginTop="4dp"
    android:layout_marginLeft="2dp"
    android:layout_marginRight="2dp"
    >

    <some.hidden.package.MediaComponentView
        android:id="@+id/media_0"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:layout_marginLeft="2dp"
        android:layout_marginRight="2dp"
        android:background="#00ff00"
        />

    <some.hidden.package.MediaComponentView
        android:id="@+id/media_1"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_weight="1"
        android:layout_marginLeft="2dp"
        android:layout_marginRight="2dp"
        android:background="#ff0000"
        />
</LinearLayout>

问题是“图像视图”的布局不正确。它与父项不匹配

我已经通过设置背景来检查MediaComponentView本身的大小是否正确。它有正确的尺寸

但是子视图的大小不正确。我想这是因为MediaComponentView中重写了onMeasure（）方法

---

任何帮助或解释都将不胜感激。

您需要在onMeasure（）覆盖结束时调用measureChildren（int-widthMeasureSpec，int-heightMeasureSpec）。子视图不知道您更改了高度。

尝试添加

android:layout\u width=“fill\u parent”android:layout\u height=“将父项

填入您的

标签。相同。不幸的是，这并不能解决问题。子视图已更改其放置方式，但其大小仍然不正确。这将正常工作。你用什么来测量高度？它应该是MeasureSpec.makeMeasureSpec（MeasureSpec.AT_，getMeasuredWidth（）/ratio）。下面的代码解决了这个问题：measureChildren（MeasureSpec.makeMeasureSpec（getMeasuredWidth（），MeasureSpec.justly），MeasureSpec.makeMeasureSpec（getMeasuredWidth（）/ratio，MeasureSpec.justly））；非常感谢你！最后一个问题-上面代码的性能如何？这不会使布局图变慢吗？很高兴你最终完成了。两次测量所有子视图会对性能造成小的影响。如果您想避免这种情况，那么不要第二次调用measureChildren（），只需修改传递给super.onMeasure（）的height-measurespec，即将其精确设置为width-measurespec的比率。