设置ConstraintLayout宽度以编程方式匹配父宽度 [英] Set ConstraintLayout width to match parent width programmatically

问题描述

在一个Android应用程序中，我试图以编程方式将自定义的ConstraintLayout视图添加到垂直方向的LinearLayout中.

我将LayoutParams中的宽度LayoutParams设置为MATCH_PARENT，将高度WRAP_CONTENT设置为WRAP_CONTENT.但是，当我运行应用程序时，ConstraintView都被压缩了，内容重叠了.以下是一些相关的代码片段和我的应用程序的屏幕截图.我该如何解决这个问题?

public class ItemView extends ConstraintLayout {
    LinearLayout linearButtons;
    LinearLayout linearText;
public ItemView(Context context, String name, String price, ArrayList<String> guests, 
   ArrayList<String> checked, int id) {
...
    addView(linearText);
    addView(linearButtons);
    set.clone(this);
    set.connect(linearText.getId(), ConstraintSet.LEFT, this.getId(), 
      ConstraintSet.LEFT, 8);
    set.connect(linearText.getId(), ConstraintSet.TOP, this.getId(), 
     ConstraintSet.TOP, 8);
    set.connect(linearButtons.getId(), ConstraintSet.RIGHT, this.getId(), 
     ConstraintSet.RIGHT, 8);
    set.connect(linearButtons.getId(), ConstraintSet.TOP, this.getId(), 
     ConstraintSet.TOP, 8);
}

其他地方:

for (Item it:r.getItems()) {
        ItemView itemView = new ItemView(this, it.getName(), nf.format(it.getPrice()), dinerlist, it.getGuests(), i);
        ConstraintLayout.LayoutParams params = new ConstraintLayout.LayoutParams(ConstraintLayout.LayoutParams.MATCH_PARENT, ConstraintLayout.LayoutParams.MATCH_PARENT);
        itemView.setLayoutParams(params);
        vg.addV[enter image description here][1]iew(itemView);
        Log.d("ItemView Children: ", itemView.getWidth()+" "+itemView.getHeight());

解决方案

在xml的ConstraintLayout中，当您想要"MATCH_PARENT"宽度时，必须将宽度设置为0dp，然后将layout_constraintWidth_default属性设置为"spread"

通过编程，您可以执行以下操作:

a)将宽度和高度设置为0 dp

b)设置defaultWidth和defaultHeight约束

    //add the view with 0dp width and height
    val layoutParams = ConstraintLayout.LayoutParams(0, 0)
    val view = View(context)
    view.layoutParams = layoutParams
    view.id = if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.JELLY_BEAN_MR1) View.generateViewId() else 1138
    parent.addView(view)

    //apply the default width and height constraints in code
    val constraints = ConstraintSet()
    constraints.clone(parent)
    constraints.constrainDefaultHeight(view.id, ConstraintSet.MATCH_CONSTRAINT_SPREAD)
    constraints.constrainDefaultWidth(view.id, ConstraintSet.MATCH_CONSTRAINT_SPREAD)
    constraints.applyTo(parent)

如果您需要Java:

    //add the view with 0dp width and height
    ConstraintLayout.LayoutParams layoutParams = new ConstraintLayout.LayoutParams(0, 0);
    View view = View(context);
    view.setLayoutParams(layoutParams);
    view.setId(1138);
    parent.addView(view);

    //apply the default width and height constraints in code
    ConstraintSet constraints = new ConstraintSet();
    constraints.clone(parent);
    constraints.constrainDefaultHeight(view.getId(), ConstraintSet.MATCH_CONSTRAINT_SPREAD);
    constraints.constrainDefaultWidth(view.getId(), ConstraintSet.MATCH_CONSTRAINT_SPREAD);
    constraints.applyTo(parent);

In an android application I am attempting to programmatically add customized ConstraintLayout views to a vertically oriented LinearLayout.

I set the LayoutParams to MATCH_PARENT for width and WRAP_CONTENT for height in the ConstraintLayouts. However, when I run the application the ConstraintView is all scrunched up and the content is overlapping. Below are some relevant snippets and a screenshot of my application. How do I go about correcting this issue?

public class ItemView extends ConstraintLayout {
    LinearLayout linearButtons;
    LinearLayout linearText;
public ItemView(Context context, String name, String price, ArrayList<String> guests, 
   ArrayList<String> checked, int id) {
...
    addView(linearText);
    addView(linearButtons);
    set.clone(this);
    set.connect(linearText.getId(), ConstraintSet.LEFT, this.getId(), 
      ConstraintSet.LEFT, 8);
    set.connect(linearText.getId(), ConstraintSet.TOP, this.getId(), 
     ConstraintSet.TOP, 8);
    set.connect(linearButtons.getId(), ConstraintSet.RIGHT, this.getId(), 
     ConstraintSet.RIGHT, 8);
    set.connect(linearButtons.getId(), ConstraintSet.TOP, this.getId(), 
     ConstraintSet.TOP, 8);
}

elsewhere:

for (Item it:r.getItems()) {
        ItemView itemView = new ItemView(this, it.getName(), nf.format(it.getPrice()), dinerlist, it.getGuests(), i);
        ConstraintLayout.LayoutParams params = new ConstraintLayout.LayoutParams(ConstraintLayout.LayoutParams.MATCH_PARENT, ConstraintLayout.LayoutParams.MATCH_PARENT);
        itemView.setLayoutParams(params);
        vg.addV[enter image description here][1]iew(itemView);
        Log.d("ItemView Children: ", itemView.getWidth()+" "+itemView.getHeight());

解决方案

In ConstraintLayout in xml when you want a "MATCH_PARENT" width, you have to set the width to 0dp and then set the layout_constraintWidth_default attribute to "spread"

Programmatically you can do the same:

a) set a 0 dp width and height

b) set defaultWidth and defaultHeight constraints

    //add the view with 0dp width and height
    val layoutParams = ConstraintLayout.LayoutParams(0, 0)
    val view = View(context)
    view.layoutParams = layoutParams
    view.id = if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.JELLY_BEAN_MR1) View.generateViewId() else 1138
    parent.addView(view)

    //apply the default width and height constraints in code
    val constraints = ConstraintSet()
    constraints.clone(parent)
    constraints.constrainDefaultHeight(view.id, ConstraintSet.MATCH_CONSTRAINT_SPREAD)
    constraints.constrainDefaultWidth(view.id, ConstraintSet.MATCH_CONSTRAINT_SPREAD)
    constraints.applyTo(parent)

If you need Java:

    //add the view with 0dp width and height
    ConstraintLayout.LayoutParams layoutParams = new ConstraintLayout.LayoutParams(0, 0);
    View view = View(context);
    view.setLayoutParams(layoutParams);
    view.setId(1138);
    parent.addView(view);

    //apply the default width and height constraints in code
    ConstraintSet constraints = new ConstraintSet();
    constraints.clone(parent);
    constraints.constrainDefaultHeight(view.getId(), ConstraintSet.MATCH_CONSTRAINT_SPREAD);
    constraints.constrainDefaultWidth(view.getId(), ConstraintSet.MATCH_CONSTRAINT_SPREAD);
    constraints.applyTo(parent);

这篇关于设置ConstraintLayout宽度以编程方式匹配父宽度的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！