当使用ConstraintSet.applyTo时，视图会消失

Question

我正在尝试扩展ConstraintLayout的功能，使其具有带全屏半透明背景色的ProgressBar。我的想法是可以重复使用此布局并调用hideLoading()和showLoading()。ProgressBar必须居中。

问题在于：当调用constraintSet.applyTo(this)时，所有已对它们进行了ConstraintSet.connect(...)的视图都会消失或不被绘制。因为对它们的所有操作都被忽略，它们根本没有显示在屏幕上。

这是我现在拥有的内容:

public class ConstraintLayout extends android.support.constraint.ConstraintLayout {

    private View background;
    private ProgressBar progressBar;

    public ConstraintLayout(Context context) {
        super(context);
        addLoader();
    }

    public ConstraintLayout(Context context, AttributeSet attrs) {
        super(context, attrs);
        addLoader();
    }

    public ConstraintLayout(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        addLoader();
    }

    private void addLoader(){
        int wrapContent = LayoutParams.WRAP_CONTENT;
        int matchParent = LayoutParams.MATCH_PARENT;

        ConstraintSet constraintSet = new ConstraintSet();
        constraintSet.clone(this);

        background = new View(getContext());
        background.setBackgroundColor(getResources()
                .getColor(R.color.background_loader_color));
        background.setId(generateViewId());
        addView(background, new ConstraintLayout.LayoutParams(matchParent, matchParent));

        constraintSet.connect(background.getId(), ConstraintSet.TOP, 
                ConstraintSet.PARENT_ID, ConstraintSet.TOP, 0);
        constraintSet.connect(background.getId(), ConstraintSet.BOTTOM, 
                ConstraintSet.PARENT_ID, ConstraintSet.BOTTOM, 0);
        constraintSet.connect(background.getId(), ConstraintSet.LEFT, 
                ConstraintSet.PARENT_ID, ConstraintSet.LEFT, 0);
        constraintSet.connect(background.getId(), ConstraintSet.RIGHT, 
                ConstraintSet.PARENT_ID, ConstraintSet.RIGHT, 0);

        progressBar = new ProgressBar(getContext(), null, android.R.attr.progressBarStyleLarge);
        progressBar.setId(generateViewId());
        addView(progressBar, new ConstraintLayout.LayoutParams(wrapContent, wrapContent));

        constraintSet.connect(progressBar.getId(), ConstraintSet.TOP, 
                ConstraintSet.PARENT_ID, ConstraintSet.TOP, 0);
        constraintSet.connect(progressBar.getId(), ConstraintSet.BOTTOM, 
                ConstraintSet.PARENT_ID, ConstraintSet.BOTTOM, 0);
        constraintSet.connect(progressBar.getId(), ConstraintSet.START, 
                ConstraintSet.PARENT_ID, ConstraintSet.START, 0);
        constraintSet.connect(progressBar.getId(), ConstraintSet.END, 
                ConstraintSet.PARENT_ID, ConstraintSet.END, 0);

        constraintSet.applyTo(this);
    }

    public void showLoading(){
        background.setVisibility(VISIBLE);
        progressBar.setVisibility(VISIBLE);
    }

    public void hideLoading(){
        background.setVisibility(GONE);
        progressBar.setVisibility(GONE);
    }
}

这是我拥有的 这是我想要的

- Dannie

Answer 1

问题似乎在于您将背景约束设置为MATCH_PARENT，这在ConstraintLayout中是无效的。我猜您想使用LayoutParams.MATCH_CONSTRAINT。

我猜您希望您的布局“模拟”此XML：

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent">

    <View
        android:id="@+id/bkg"
        android:layout_width="0dp"
        android:layout_height="0dp"
        android:background="@android:color/holo_red_dark"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <ProgressBar
        android:id="@+id/progress_bar"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />
</android.support.constraint.ConstraintLayout>

这是样式：

tl;dr: 将int matchParent = LayoutParams.MATCH_PARENT;改为int matchParent = LayoutParams.MATCH_CONSTRAINT;

更新: 我尝试了自己的解决办法，但并没有奏效，所以我花了几分钟时间查看了您的代码，并找到了问题。我正在使用ConstraintLayout 1.1.0。

1. 是的，请使用MATCH CONSTRAINT。
2. 您正在为尚不存在的视图设置约束...因此我重新创建了“自定义布局”，这是我的布局：

主活动只需通过setContentView（R.layout.demo_layout）来填充它即可。

<?xml version="1.0" encoding="utf-8"?>
<android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
                                             xmlns:app="http://schemas.android.com/apk/res-auto"
                                             xmlns:tools="http://schemas.android.com/tools"
                                             android:id="@+id/root"
                                             android:layout_width="match_parent"
                                             android:layout_height="match_parent"
                                             tools:context=".MainActivity"
    >
    <com.so.ProgressConstraintLayout
        android:id="@+id/demo_progress_container"
        android:layout_width="0dp"
        android:layout_height="0dp"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent"
        />
</android.support.constraint.ConstraintLayout>

我复制并修改了你的ProgressConstraintLayout…：

package com.so;

import android.content.Context;
import android.support.constraint.ConstraintLayout;
import android.support.constraint.ConstraintSet;
import android.util.AttributeSet;
import android.view.View;
import android.widget.ProgressBar;

public class ProgressConstraintLayout extends ConstraintLayout {

    private View background;
    private ProgressBar progressBar;

    public ProgressConstraintLayout(Context context) {
        super(context);
        addLoader();
    }

    public ProgressConstraintLayout(Context context, AttributeSet attrs) {
        super(context, attrs);
        addLoader();
    }

    public ProgressConstraintLayout(Context context, AttributeSet attrs, int defStyleAttr) {
        super(context, attrs, defStyleAttr);
        addLoader();
    }

    private void addLoader() {
        int wrapContent = LayoutParams.WRAP_CONTENT;
        int matchConstraint = LayoutParams.MATCH_CONSTRAINT;

        ConstraintSet constraintSet = new ConstraintSet();

        background = new View(getContext());
        background.setBackgroundColor(getResources().getColor(android.R.color.holo_blue_bright, getContext().getTheme()));
        background.setId(generateViewId());
        addView(background, new ConstraintLayout.LayoutParams(matchConstraint, matchConstraint));

        progressBar = new ProgressBar(getContext(), null, android.R.attr.progressBarStyleLarge);
        progressBar.setIndeterminate(true);
        progressBar.setId(generateViewId());
        addView(progressBar, new ConstraintLayout.LayoutParams(wrapContent, wrapContent));

        constraintSet.clone(this);
        constraintSet.connect(background.getId(), ConstraintSet.TOP, ConstraintSet.PARENT_ID, ConstraintSet.TOP);
        constraintSet.connect(background.getId(), ConstraintSet.BOTTOM, ConstraintSet.PARENT_ID, ConstraintSet.BOTTOM);
        constraintSet.connect(background.getId(), ConstraintSet.START, ConstraintSet.PARENT_ID, ConstraintSet.START);
        constraintSet.connect(background.getId(), ConstraintSet.END, ConstraintSet.PARENT_ID, ConstraintSet.END);
        constraintSet.connect(progressBar.getId(), ConstraintSet.TOP, ConstraintSet.PARENT_ID, ConstraintSet.TOP);
        constraintSet.connect(progressBar.getId(), ConstraintSet.BOTTOM, ConstraintSet.PARENT_ID, ConstraintSet.BOTTOM);
        constraintSet.connect(progressBar.getId(), ConstraintSet.START, ConstraintSet.PARENT_ID, ConstraintSet.START);
        constraintSet.connect(progressBar.getId(), ConstraintSet.END, ConstraintSet.PARENT_ID, ConstraintSet.END);
        constraintSet.applyTo(this);
    }

    public void showLoading() {
        background.setVisibility(VISIBLE);
        progressBar.setVisibility(VISIBLE);
    }

    public void hideLoading() {
        background.setVisibility(GONE);
        progressBar.setVisibility(GONE);
    }
}

如果您想知道它是什么样子...相当无聊，但我又有什么资格评判呢：

- Martin Marconcini

---

我得试一下，但现在不行。我本来想做的，但是看了一下时间。我会尽快尝试并回报（或者可能明天） :) - Martin Marconcini

听起来不错。这并不是挑战——只是想确保我没有让 OP 走上错误的道路。请确保您使用的是 1.1.0 版本。 - Cheticamp

@Cheticamp 在那里，它可以工作，但我不得不稍微修改一下 ;) - Martin Marconcini

有趣！我得仔细看看。不知道它是否与LEFT->START和RIGHT->END有关？ - Cheticamp

不是，这与布局构建的顺序有关。原帖的作者是先添加约束，再添加视图，而我是先添加视图，然后克隆约束集，接着添加新的约束，最后应用它。 - Martin Marconcini

Answer 2

自1.1.0-beta5以来，有一个变化，现在需要代码显式设置视图的宽度和高度才能手动定义ConstraintLayout及其ConstraintSet。我不确定确切的原因，但代码如下：

连接background后添加：

    constraintSet.constrainWidth(background.getId(),matchParent);
    constraintSet.constrainHeight(background.getId(),matchParent);

连接 progressBar 后，添加：

    constraintSet.constrainWidth(progressBar.getId(),wrapContent);
    constraintSet.constrainHeight(progressBar.getId(),wrapContent);

如果没有这段代码，视图的宽度和高度将不会在约束内被设置。这段代码确保了宽度和高度得以设置。

请参考文档以约束宽度和高度。

- Cheticamp