如何以编程方式向滚动视图添加约束布局? [英] How to programmatically add constraint layouts to a scrollview?

查看：34
本文介绍了如何以编程方式向滚动视图添加约束布局?的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

我有以下想法:

  1. 创建一个新的 Activity，它在布局的某个地方包含一个滚动视图
  2. 创建一个 ConstraintLayout(宽度在匹配父项上)，其中一个编辑字段和一个文本视图相邻

=> 现在我想用按钮之类的东西向滚动视图添加任意数量的这种约束布局.

有人能解释一下这是怎么做到的吗?这种方式有可能吗.

(在 AndroidStudio 中)

我尝试了以下方法:

protected void addElementToScrollView() {滚动视图 sv = getLayoutInflater().inflate(R.layout.activity_goods_received_separation_on_container_level，空).findViewById(R.id.scrollViewChanges);ConstraintLayout cl = findViewById(R.id.gc_scrollview_element);sv.addView(cl);}

这是包含滚动视图的活动内部:

<文本视图android:id="@+id/goods_received_num"android:layout_width="73dp"android:layout_height="27dp"android:layout_marginEnd="16dp"android:layout_marginStart="8dp"android:layout_marginTop="8dp"android:textSize="18sp"应用程序:layout_constraintEnd_toEndOf="父"应用程序:layout_constraintHorizo​​ntal_bias="0.601"应用程序:layout_constraintStart_toEndOf="@+id/textView2"app:layout_constraintTop_toBottomOf="@+id/goods_received_mat2"/><文本视图android:id="@+id/goods_received_mat2"android:layout_width="73dp"android:layout_height="27dp"android:layout_marginEnd="16dp"android:layout_marginStart="8dp"android:layout_marginTop="8dp"android:textSize="18sp"应用程序:layout_constraintEnd_toEndOf="父"应用程序:layout_constraintHorizo​​ntal_bias="0.601"应用程序:layout_constraintStart_toEndOf="@+id/textView2"app:layout_constraintTop_toTopOf="parent"/><文本视图android:id="@+id/textView2"android:layout_width="73dp"android:layout_height="27dp"android:layout_marginStart="16dp"android:layout_marginTop="8dp"android:text="@string/goods_received_num"android:textSize="18sp"应用程序:layout_constraintStart_toStartOf="parent"app:layout_constraintTop_toBottomOf="@+id/textView3"/><文本视图android:id="@+id/textView7"android:layout_width="120dp"android:layout_height="27dp"android:layout_marginStart="16dp"android:layout_marginTop="8dp"android:text="@string/goods_received_eme"android:textSize="18sp"应用程序:layout_constraintStart_toStartOf="parent"app:layout_constraintTop_toBottomOf="@+id/divider"/><文本视图android:id="@+id/textView8"android:layout_width="120dp"android:layout_height="27dp"android:layout_marginStart="16dp"android:layout_marginTop="8dp"android:text="@string/goods_received_loc"android:textSize="18sp"应用程序:layout_constraintStart_toStartOf="parent"app:layout_constraintTop_toBottomOf="@+id/textView10"/><文本视图android:id="@+id/textView10"android:layout_width="120dp"android:layout_height="27dp"android:layout_marginStart="16dp"android:layout_marginTop="8dp"android:text="@string/goods_received_type"android:textSize="18sp"应用程序:layout_constraintStart_toStartOf="parent"app:layout_constraintTop_toBottomOf="@+id/textView9"/><文本视图android:id="@+id/textView9"android:layout_width="120dp"android:layout_height="27dp"android:layout_marginStart="16dp"android:layout_marginTop="8dp"android:text="@string/goods_received_bme"android:textSize="18sp"应用程序:layout_constraintStart_toStartOf="parent"app:layout_constraintTop_toBottomOf="@+id/textView7"/><文本视图android:id="@+id/textView3"android:layout_width="73dp"android:layout_height="27dp"android:layout_marginStart="16dp"android:layout_marginTop="8dp"android:text="@string/goods_received_mat"android:textSize="18sp"应用程序:layout_constraintStart_toStartOf="parent"app:layout_constraintTop_toTopOf="parent"/><查看android:id="@+id/分隔符"android:layout_width="368dp"android:layout_height="3dp"android:layout_marginTop="8dp"android:background="?android:attr/listDivider"android:divider="#000000"机器人:可见性=可见"应用程序:layout_constraintEnd_toEndOf="父"应用程序:layout_constraintStart_toStartOf="parent"app:layout_constraintTop_toBottomOf="@+id/goods_received_num"/><滚动视图android:id="@+id/scrollViewChanges"android:layout_width="match_parent"android:layout_height="180dp"android:layout_marginTop="48dp"机器人:fillViewport =真"应用程序:layout_constraintEnd_toEndOf="父"应用程序:layout_constraintHorizo​​ntal_bias="0.0"应用程序:layout_constraintStart_toStartOf="parent"app:layout_constraintTop_toBottomOf="@+id/textView8"></ScrollView><按钮android:id="@+id/button_apply_gr_change"android:layout_width="137dp"android:layout_height="68dp"机器人:layout_marginBottom="8dp"android:layout_marginTop="8dp"机器人:文本=按钮"应用程序:layout_constraintBottom_toBottomOf="parent"应用程序:layout_constraintEnd_toEndOf="父"应用程序:layout_constraintStart_toStartOf="parent"app:layout_constraintTop_toBottomOf="@+id/scrollViewChanges"/><文本视图android:id="@+id/textView11"android:layout_width="100dp"android:layout_height="26dp"机器人:layout_marginBottom="4dp"android:layout_marginEnd="8dp"android:layout_marginStart="8dp"android:layout_marginTop="8dp"android:text="@string/goods_received_loc"app:layout_constraintBottom_toTopOf="@+id/scrollViewChanges"应用程序:layout_constraintEnd_toEndOf="父"应用程序:layout_constraintStart_toEndOf="@+id/textView13"应用程序:layout_constraintTop_toBottomOf="@+id/textView8"app:layout_constraintVertical_bias="0.2"/><文本视图android:id="@+id/textView13"android:layout_width="100dp"android:layout_height="26dp"机器人:layout_marginBottom="4dp"android:layout_marginEnd="8dp"android:layout_marginStart="8dp"android:layout_marginTop="8dp"android:text="@string/goods_received_type"app:layout_constraintBottom_toTopOf="@+id/scrollViewChanges"应用程序:layout_constraintEnd_toStartOf="@+id/textView11"应用程序:layout_constraintStart_toEndOf="@+id/textView12"应用程序:layout_constraintTop_toBottomOf="@+id/textView8"app:layout_constraintVertical_bias="0.2"/><文本视图android:id="@+id/textView12"android:layout_width="100dp"android:layout_height="26dp"机器人:layout_marginBottom="4dp"android:layout_marginEnd="8dp"android:layout_marginStart="8dp"android:layout_marginTop="8dp"android:text="@string/goods_received_eme"app:layout_constraintBottom_toTopOf="@+id/scrollViewChanges"应用程序:layout_constraintEnd_toStartOf="@+id/textView13"应用程序:layout_constraintStart_toStartOf="parent"应用程序:layout_constraintTop_toBottomOf="@+id/textView8"app:layout_constraintVertical_bias="0.222"/><查看android:id="@+id/divider3"android:layout_width="368dp"android:layout_height="1dp"机器人:layout_marginBottom="4dp"android:layout_marginTop="4dp"android:background="?android:attr/listDivider"应用程序:layout_constraintBottom_toTopOf="@+id/textView11"应用程序:layout_constraintEnd_toEndOf="父"应用程序:layout_constraintStart_toStartOf="parent"app:layout_constraintTop_toBottomOf="@+id/textView8"/></android.support.constraint.ConstraintLayout>

这是我尝试添加到滚动视图的布局元素(任意次数，因此可以在滚动视图中同时包含其中的 10 个，并且数量应该是动态增加的)

<微调器android:id="@+id/微调器"android:layout_width="100dp"android:layout_height="27dp"android:layout_marginEnd="8dp"应用程序:layout_constraintBottom_toBottomOf="parent"应用程序:layout_constraintEnd_toStartOf="@+id/spinner3"应用程序:layout_constraintStart_toStartOf="parent"app:layout_constraintTop_toTopOf="parent"/><微调器android:id="@+id/spinner3"android:layout_width="100dp"android:layout_height="27dp"android:layout_marginEnd="8dp"android:layout_marginStart="8dp"应用程序:layout_constraintBottom_toBottomOf="parent"应用程序:layout_constraintEnd_toStartOf="@+id/spinner2"app:layout_constraintStart_toEndOf="@+id/spinner"app:layout_constraintTop_toTopOf="parent"/><微调器android:id="@+id/spinner2"android:layout_width="100dp"android:layout_height="27dp"android:layout_marginStart="8dp"应用程序:layout_constraintBottom_toBottomOf="parent"应用程序:layout_constraintEnd_toEndOf="父"应用程序:layout_constraintStart_toEndOf="@+id/spinner3"app:layout_constraintTop_toTopOf="parent"/>

(我知道它包含的元素与问题建议的不同，但我认为问题没有区别.)

我的解决方案在sv.addView(cl);"上测试时崩溃了.(感谢您已经提出的解决方案，一旦我明白我在这里做错了什么，我就会测试它......)

解决方案

请试试下面的代码，我添加了两个 button，你可以用 替换 buttontextview 或 edittext 或任何其他控件.

建议:-如果您以编程方式在 ConstraintLayout 中使用任何 ui 控件，请定义其 id.

@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_splash);ConstraintLayout constraintLayout = findViewById(R.id.constraintlayout);//创建 btn_contact_us1按钮 btn_contact_us1 = 新按钮(这个)；//生成一个 Id 并将其分配给以编程方式创建的 Buttonbtn_contact_us1.setId(View.generateViewId());btn_contact_us1.setText("联系我们 1");btn_contact_us1.setLayoutParams(new ConstraintLayout.LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT));//向 ConstraintLayout 添加以编程方式创建的 Button约束布局.addView(btn_contact_us1);//创建 btn_contact_us2按钮 btn_contact_us2 = 新按钮(这个)；//生成一个 Id 并将其分配给以编程方式创建的 Buttonbtn_contact_us2.setId(View.generateViewId());btn_contact_us2.setText("联系我们 2");btn_contact_us2.setLayoutParams(new ConstraintLayout.LayoutParams(ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT));//向 ConstraintLayout 添加以编程方式创建的 Button约束布局.addView(btn_contact_us2);//创建约束集ConstraintSet constraintSet = new ConstraintSet();//确保之前来自 ConstraintLayout 的所有约束都没有丢失约束集.克隆(约束布局)；//创建规则，声明 btn_contact_us1 的 START 将位于 btn_contact_us2 的 END约束集.connect(btn_contact_us2.getId(), ConstraintSet.START, btn_contact_us1.getId(), ConstraintSet.END);constraintSet.applyTo(constraintLayout);}

布局代码如下

<android.support.constraint.ConstraintLayoutandroid:id="@+id/约束布局"android:layout_width="match_parent"android:layout_height="match_parent"/></ScrollView>

输出:- 检查链接图片

I have the following in mind:

  1. Create a new Activity which contains somewhere on the layout a scrollview
  2. Create a ConstraintLayout (width is on match-parent) with one edit-field and one textview next to eachother

=> Now I would like to add with something like a button any number of constraint layouts of this kind to the scrollview.

Can somebody explain how this is done? Is it even possible this way.

(in AndroidStudio)

Edit: I tried the following:

protected void addElementToScrollView() {
    ScrollView sv = getLayoutInflater()
            .inflate(R.layout.activity_goods_received_separation_on_container_level, null)
                .findViewById(R.id.scrollViewChanges);
    ConstraintLayout cl = findViewById(R.id.gc_scrollview_element);
    sv.addView(cl);
}

This is inside the activity containing the scrollview:

<?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:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context=".GoodsReceived_Separation_On_ContainerLevel">

    <TextView
        android:id="@+id/goods_received_num"
        android:layout_width="73dp"
        android:layout_height="27dp"
        android:layout_marginEnd="16dp"
        android:layout_marginStart="8dp"
        android:layout_marginTop="8dp"
        android:textSize="18sp"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintHorizontal_bias="0.601"
        app:layout_constraintStart_toEndOf="@+id/textView2"
        app:layout_constraintTop_toBottomOf="@+id/goods_received_mat2" />

    <TextView
        android:id="@+id/goods_received_mat2"
        android:layout_width="73dp"
        android:layout_height="27dp"
        android:layout_marginEnd="16dp"
        android:layout_marginStart="8dp"
        android:layout_marginTop="8dp"
        android:textSize="18sp"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintHorizontal_bias="0.601"
        app:layout_constraintStart_toEndOf="@+id/textView2"
        app:layout_constraintTop_toTopOf="parent" />

    <TextView
        android:id="@+id/textView2"
        android:layout_width="73dp"
        android:layout_height="27dp"
        android:layout_marginStart="16dp"
        android:layout_marginTop="8dp"
        android:text="@string/goods_received_num"
        android:textSize="18sp"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/textView3" />

    <TextView
        android:id="@+id/textView7"
        android:layout_width="120dp"
        android:layout_height="27dp"
        android:layout_marginStart="16dp"
        android:layout_marginTop="8dp"
        android:text="@string/goods_received_eme"
        android:textSize="18sp"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/divider" />

    <TextView
        android:id="@+id/textView8"
        android:layout_width="120dp"
        android:layout_height="27dp"
        android:layout_marginStart="16dp"
        android:layout_marginTop="8dp"
        android:text="@string/goods_received_loc"
        android:textSize="18sp"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/textView10" />

    <TextView
        android:id="@+id/textView10"
        android:layout_width="120dp"
        android:layout_height="27dp"
        android:layout_marginStart="16dp"
        android:layout_marginTop="8dp"
        android:text="@string/goods_received_type"
        android:textSize="18sp"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/textView9" />

    <TextView
        android:id="@+id/textView9"
        android:layout_width="120dp"
        android:layout_height="27dp"
        android:layout_marginStart="16dp"
        android:layout_marginTop="8dp"
        android:text="@string/goods_received_bme"
        android:textSize="18sp"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/textView7" />

    <TextView
        android:id="@+id/textView3"
        android:layout_width="73dp"
        android:layout_height="27dp"
        android:layout_marginStart="16dp"
        android:layout_marginTop="8dp"
        android:text="@string/goods_received_mat"
        android:textSize="18sp"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <View
        android:id="@+id/divider"
        android:layout_width="368dp"
        android:layout_height="3dp"
        android:layout_marginTop="8dp"
        android:background="?android:attr/listDivider"
        android:divider="#000000"
        android:visibility="visible"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/goods_received_num" />

    <ScrollView
        android:id="@+id/scrollViewChanges"
        android:layout_width="match_parent"
        android:layout_height="180dp"
        android:layout_marginTop="48dp"
        android:fillViewport="true"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintHorizontal_bias="0.0"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/textView8">

    </ScrollView>

    <Button
        android:id="@+id/button_apply_gr_change"
        android:layout_width="137dp"
        android:layout_height="68dp"
        android:layout_marginBottom="8dp"
        android:layout_marginTop="8dp"
        android:text="Button"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/scrollViewChanges" />

    <TextView
        android:id="@+id/textView11"
        android:layout_width="100dp"
        android:layout_height="26dp"
        android:layout_marginBottom="4dp"
        android:layout_marginEnd="8dp"
        android:layout_marginStart="8dp"
        android:layout_marginTop="8dp"
        android:text="@string/goods_received_loc"
        app:layout_constraintBottom_toTopOf="@+id/scrollViewChanges"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toEndOf="@+id/textView13"
        app:layout_constraintTop_toBottomOf="@+id/textView8"
        app:layout_constraintVertical_bias="0.2" />

    <TextView
        android:id="@+id/textView13"
        android:layout_width="100dp"
        android:layout_height="26dp"
        android:layout_marginBottom="4dp"
        android:layout_marginEnd="8dp"
        android:layout_marginStart="8dp"
        android:layout_marginTop="8dp"
        android:text="@string/goods_received_type"
        app:layout_constraintBottom_toTopOf="@+id/scrollViewChanges"
        app:layout_constraintEnd_toStartOf="@+id/textView11"
        app:layout_constraintStart_toEndOf="@+id/textView12"
        app:layout_constraintTop_toBottomOf="@+id/textView8"
        app:layout_constraintVertical_bias="0.2" />

    <TextView
        android:id="@+id/textView12"
        android:layout_width="100dp"
        android:layout_height="26dp"
        android:layout_marginBottom="4dp"
        android:layout_marginEnd="8dp"
        android:layout_marginStart="8dp"
        android:layout_marginTop="8dp"
        android:text="@string/goods_received_eme"
        app:layout_constraintBottom_toTopOf="@+id/scrollViewChanges"
        app:layout_constraintEnd_toStartOf="@+id/textView13"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/textView8"
        app:layout_constraintVertical_bias="0.222" />

    <View
        android:id="@+id/divider3"
        android:layout_width="368dp"
        android:layout_height="1dp"
        android:layout_marginBottom="4dp"
        android:layout_marginTop="4dp"
        android:background="?android:attr/listDivider"
        app:layout_constraintBottom_toTopOf="@+id/textView11"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/textView8" />

</android.support.constraint.ConstraintLayout>

And this is the layout element which I try to add to the scroll view (any number of times, so it shall be possible to have for example 10 of these at the same time in the scrollview and the number should be dynamical increasable)

<?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/gc_scrollview_element"
android:layout_width="match_parent"
android:layout_height="match_parent">

<Spinner
    android:id="@+id/spinner"
    android:layout_width="100dp"
    android:layout_height="27dp"
    android:layout_marginEnd="8dp"
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintEnd_toStartOf="@+id/spinner3"
    app:layout_constraintStart_toStartOf="parent"
    app:layout_constraintTop_toTopOf="parent" />

<Spinner
    android:id="@+id/spinner3"
    android:layout_width="100dp"
    android:layout_height="27dp"
    android:layout_marginEnd="8dp"
    android:layout_marginStart="8dp"
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintEnd_toStartOf="@+id/spinner2"
    app:layout_constraintStart_toEndOf="@+id/spinner"
    app:layout_constraintTop_toTopOf="parent" />

<Spinner
    android:id="@+id/spinner2"
    android:layout_width="100dp"
    android:layout_height="27dp"
    android:layout_marginStart="8dp"
    app:layout_constraintBottom_toBottomOf="parent"
    app:layout_constraintEnd_toEndOf="parent"
    app:layout_constraintStart_toEndOf="@+id/spinner3"
    app:layout_constraintTop_toTopOf="parent" />

(I know it contains different elements than the question suggested, but I think there is no difference to the problem.)

My solution crashes while testing at "sv.addView(cl);". (Thank you for the already suggested solution, will test it as soon as I understand what I am doing wrong here...)

解决方案

Please try below code, i have added two button, you can replace button with textview or edittext or any other controls.

Suggestion :- If you use any ui controls inside ConstraintLayout programmatically then please define its id.

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_splash);

    ConstraintLayout constraintLayout = findViewById(R.id.constraintlayout);

    // Create btn_contact_us1
    Button btn_contact_us1 = new Button(this);
    // Generate an Id and assign it to programmatically created Button
    btn_contact_us1.setId(View.generateViewId());
    btn_contact_us1.setText("Contact Us 1");
    btn_contact_us1.setLayoutParams(new ConstraintLayout.LayoutParams(
        ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT));
    // Add programmatically created Button to ConstraintLayout
    constraintLayout.addView(btn_contact_us1);

    // Create btn_contact_us2
    Button btn_contact_us2 = new Button(this);
    // Generate an Id and assign it to programmatically created Button
    btn_contact_us2.setId(View.generateViewId());
    btn_contact_us2.setText("Contact Us 2");
    btn_contact_us2.setLayoutParams(new ConstraintLayout.LayoutParams(
        ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT));
    // Add programmatically created Button to ConstraintLayout
    constraintLayout.addView(btn_contact_us2);

    // Create ConstraintSet
    ConstraintSet constraintSet = new ConstraintSet();
    // Make sure all previous Constraints from ConstraintLayout are not lost
    constraintSet.clone(constraintLayout);

    // Create Rule that states that the START of btn_contact_us1 will be positioned at the END of btn_contact_us2
    constraintSet.connect(btn_contact_us2.getId(), ConstraintSet.START, btn_contact_us1.getId(), ConstraintSet.END);
    constraintSet.applyTo(constraintLayout);    
}

and the layout code is as below

<?xml version="1.0" encoding="utf-8"?>
<ScrollView
    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:layout_width="match_parent"
    android:layout_height="match_parent"
    android:fillViewport="true">

    <android.support.constraint.ConstraintLayout
    android:id="@+id/constraintlayout"
    android:layout_width="match_parent"
    android:layout_height="match_parent"/>

</ScrollView>

Output:- check link image

这篇关于如何以编程方式向滚动视图添加约束布局?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！

查看全文
相关文章
移动开发最新文章
热门教程
热门工具
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆