以编程方式构建约束布局

Question

我正在尝试以编程方式构建约束布局，并且我必须能够随意重新排列布局的各个部分。我将所有布局放入约束布局并创建指南，以便每个视图只占一定百分比。我已经在下面发布了约束布局的代码，但基本上在我添加了一个视图之后，我创建并添加了与之配套的指南。之后，我将 ConstraintSet 中 'connect' 方法的参数放在一个列表中，因为我的理解是在这样做之前需要添加所有视图。添加完所有视图后，我从 ConstraintLayout 中克隆 ConstraintSet，然后遍历连接所有视图的连接参数列表……但这不起作用。

//mConstraintSets holds all info needed to connect the views later

protected Guideline createGuideline(){
        Guideline guideline = new Guideline(mContext);
        mConstraintSets.add(new ManifestConstraintSet(guideline.getId(), true));
        manifestLayout.addView(guideline);
        ConstraintLayout.LayoutParams params = (ConstraintLayout.LayoutParams) guideline.getLayoutParams();
        params.guidePercent = layoutPercent; // 45% - range: 0 <-> 1
        guideline.setLayoutParams(params);
        return guideline;
    }

//This will create the constaint for the toolbar
protected void constraintToolbar(int viewID){
    aboveViewID = viewID;

    mConstraintSets.add(new ManifestConstraintSet(viewID, ConstraintSet.START, ConstraintSet.PARENT_ID, ConstraintSet.START, 0));
    mConstraintSets.add(new ManifestConstraintSet(viewID, ConstraintSet.END, ConstraintSet.PARENT_ID, ConstraintSet.END, 0));
    mConstraintSets.add(new ManifestConstraintSet(viewID, ConstraintSet.TOP, ConstraintSet.PARENT_ID, ConstraintSet.TOP, 0));

}

//This will create the constraint for a view
protected void constraintView(int viewID, float percent){
    layoutPercent += percent;
    Guideline guideline = new Guideline(mContext);
    Boolean isBottomView = false;

    //Check if the view is the bottom view
    //if so don't create a guideline
    if(layoutPercent < 1f){
        guideline = createGuideline();
    }else{
        isBottomView = true;
    }

    //region left, right, & top constraints are the same for every view
    mConstraintSets.add(new ManifestConstraintSet(viewID, ConstraintSet.START, ConstraintSet.PARENT_ID, ConstraintSet.START, 0));
    mConstraintSets.add(new ManifestConstraintSet(viewID, ConstraintSet.END, ConstraintSet.PARENT_ID, ConstraintSet.END, 0));
    mConstraintSets.add(new ManifestConstraintSet(viewID, ConstraintSet.TOP, aboveViewID, ConstraintSet.BOTTOM, 0));
    aboveViewID = viewID;
    //endregion

    if(isBottomView){
        mConstraintSets.add(new ManifestConstraintSet(viewID, ConstraintSet.BOTTOM, ConstraintSet.PARENT_ID, ConstraintSet.BOTTOM, 0));

    }else{
        mConstraintSets.add(new ManifestConstraintSet(viewID, ConstraintSet.BOTTOM, guideline.getId(), ConstraintSet.TOP, 0));
    }
}

protected void addConstraintsToSet(){
    manifestConstraintSet.clone(manifestLayout);

    for (ManifestConstraintSet set:mConstraintSets) {
        if(set.isGuideline){
            manifestConstraintSet.create(set.startView, ConstraintSet.VERTICAL_GUIDELINE);
        }else{
            manifestConstraintSet.connect(set.startView, set.startPos, set.endView, set.endPos, set.margin);
            manifestConstraintSet.constrainWidth(set.startView, ConstraintSet.MATCH_CONSTRAINT);
            manifestConstraintSet.constrainHeight(set.startView, ConstraintSet.MATCH_CONSTRAINT);
        }

    }
    manifestConstraintSet.applyTo(manifestLayout);
}

我认为我没有完全理解 ConstraintLayouts 如何真正以编程方式工作。如果重要的话，当我创建视图时，我会使用静态生成视图 ID 方法来设置它们的 ID。

Answer 1

是否像ConstraintLayout 中的普通视图一样添加了指南？看看create 和setGuidelineBegin 和其他方法来设置指南的位置。我没有看到您的代码中设置了任何指导方针。

我将从一个非常简单的布局开始，其中包含一个 TextView（例如）和一个确保我理解机制的指南。然后我会展开到完整的布局。