以编程方式在垂直 LinearLayout 中添加约束布局？

Question

我正在尝试在我的片段中动态添加布局。我的主要容器是 ScrollView 内的 LinearLayout。 activity 处理带有选项卡布局的 viewpager。

我正在尝试在我的片段中添加 calc_clothers_washer.xml 的 ContraintLayout。然而，所有的约束和尺寸都被重置，所以所有的视图都放在屏幕的左上角。我试过投射并使用视图来替换它，但结果保持不变。这是我到目前为止最接近的。

这是片段


private ConstraintLayout calcMeasureView;

@Nullable
@Override
public View onCreateView(@NonNull LayoutInflater inflater,
                             @Nullable ViewGroup container,
                             @Nullable Bundle savedInstanceState) {

   View view = inflater.inflate(
                R.layout.calc_base_measure_layout,
                container, false);
   ConstraintLayout baseCalcContainer = container.findViewById(R.id.base_measure_container);
   int calcId = R.layout.calc_clothes_washer;
   calcMeasureView = (ConstraintLayout)inflater
                .inflate(calcId, null);
   return view;
}

    @Override
    public void onViewCreated(@NonNull View view, @Nullable Bundle savedInstanceState) {
        super.onViewCreated(view, savedInstanceState);

        LinearLayout linearLayout = view.findViewById(R.id.calc_main_container);

        ConstraintLayout baseCalcContainer = view.findViewById(R.id.base_measure_container);

        linearLayout.removeView(baseCalcContainer);
        linearLayout.addView(calcMeasureView, 0);

    }

这是我的calc_base_measure_layout.xml

<ScrollView android:layout_width="match_parent"
    android:layout_height="wrap_content"
    xmlns:tools="http://schemas.android.com/tools"
    xmlns:ndroid="http://schemas.android.com/apk/res-auto"
    tools:layout_editor_absoluteX="8dp"
    tools:layout_editor_absoluteY="8dp"
    xmlns:android="http://schemas.android.com/apk/res/android">
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical"
        android:id="@+id/calc_main_container">

        <android.support.constraint.ConstraintLayout
            android:id="@+id/base_measure_container"
            android:layout_width="match_parent"
            android:layout_height="200dp"
            android:background="@color/blue"/>

        <include
            layout="@layout/calc_common_container" />

        <include
            android:id="@+id/include"
            layout="@layout/measure_results_container"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:layout_margin="16dp"/>

    </LinearLayout>

</ScrollView>

这是calc_clothes_washer.xml

<?xml version="1.0" encoding="utf-8"?>


<android.support.constraint.ConstraintLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:ndroid="http://schemas.android.com/tools"
    android:background="@drawable/background"
    android:id="@+id/clothes_washer_container"
    android:layout_height="wrap_content"
    android:layout_width="match_parent">

    <!-- How is the water heated? -->
    <TextView
        android:id="@+id/heater_source_label"
        android:layout_height="wrap_content"
        android:layout_marginStart="8dp"
        android:layout_marginTop="16dp"
        android:layout_width="wrap_content"
        android:text="Water Heating Source"
        android:textColor="@color/white"
        ndroid:layout_constraintStart_toStartOf="parent"
        ndroid:layout_constraintTop_toTopOf="parent" />

    <Spinner
        style="@style/SpinnerTheme"
        android:id="@+id/water_heating_source_dropdown"
        android:layout_height="wrap_content"
        android:layout_marginEnd="8dp"
        android:layout_width="0dp"
        ndroid:layout_constraintEnd_toStartOf="@+id/water_heating_source_about"
        ndroid:layout_constraintStart_toStartOf="@+id/heater_source_label"
        ndroid:layout_constraintTop_toBottomOf="@+id/heater_source_label" />

    <ImageView
        android:id="@+id/water_heating_source_about"
        android:layout_height="wrap_content"
        android:layout_marginEnd="8dp"
        android:layout_width="wrap_content"
        ndroid:layout_constraintBottom_toBottomOf="@+id/water_heating_source_dropdown"
        ndroid:layout_constraintEnd_toEndOf="parent"
        ndroid:srcCompat="@android:drawable/ic_menu_info_details" />

    <!-- How is the Dryer Heated? -->
    <TextView
        android:id="@+id/textView3"
        android:layout_height="wrap_content"
        android:layout_marginStart="8dp"
        android:layout_marginTop="16dp"
        android:layout_width="wrap_content"
        android:text="Dryer Heating Source"
        android:textColor="@color/white"
        ndroid:layout_constraintStart_toStartOf="parent"
        ndroid:layout_constraintTop_toBottomOf="@+id/water_heating_source_dropdown" />

    <Spinner
        style="@style/SpinnerTheme"
        android:id="@+id/dryer_heating_source_dropdown"
        android:layout_height="wrap_content"
        android:layout_marginEnd="8dp"
        android:layout_marginStart="8dp"
        android:layout_width="0dp"
        ndroid:layout_constraintEnd_toStartOf="@+id/dryer_source_about"
        ndroid:layout_constraintStart_toStartOf="parent"
        ndroid:layout_constraintTop_toBottomOf="@+id/textView3" />

    <ImageView
        android:id="@+id/dryer_source_about"
        android:layout_height="wrap_content"
        android:layout_marginEnd="8dp"
        android:layout_weight="1"
        android:layout_width="wrap_content"
        ndroid:layout_constraintBottom_toBottomOf="@+id/dryer_heating_source_dropdown"
        ndroid:layout_constraintEnd_toEndOf="parent"
        ndroid:srcCompat="@android:drawable/ic_menu_info_details" />

    <ImageView
        android:id="@+id/qty_about"
        android:layout_height="wrap_content"
        android:layout_marginBottom="8dp"
        android:layout_marginEnd="8dp"
        android:layout_width="wrap_content"
        ndroid:layout_constraintBottom_toBottomOf="@+id/washer_qty_layout"
        ndroid:layout_constraintEnd_toEndOf="parent"
        ndroid:srcCompat="@android:drawable/ic_menu_info_details" />

    <!-- Washer Quantity -->
    <android.support.design.widget.TextInputLayout
        style="@style/TextInputLayout"
        android:id="@+id/washer_qty_layout"
        android:layout_height="wrap_content"
        android:layout_marginEnd="8dp"
        android:layout_marginStart="8dp"
        android:layout_marginTop="16dp"
        android:layout_width="0dp"
        ndroid:layout_constraintEnd_toStartOf="@+id/dryer_source_about"
        ndroid:layout_constraintStart_toStartOf="parent"
        ndroid:layout_constraintTop_toBottomOf="@+id/dryer_heating_source_dropdown">

        <android.support.design.widget.TextInputEditText
            style="@style/EditTextViewBase"
            android:hint="@string/washer_qty"
            android:id="@+id/washer_qty"
            android:inputType="number"
            android:layout_height="wrap_content"
            android:layout_width="match_parent" />

    </android.support.design.widget.TextInputLayout>

</android.support.constraint.ConstraintLayout>

我的 calc_clothes_washer.xml 中的所有视图都已显示，所有视图都已最小化在屏幕的左上角。非常感谢任何帮助或指导。

Answer 1

请检查下面的 calc_clothes_washer.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:id="@+id/clothes_washer_container"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="@drawable/background">

    <!-- How is the water heated? -->
    <TextView
        android:id="@+id/heater_source_label"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginStart="8dp"
        android:layout_marginTop="16dp"
        android:text="Water Heating Source"
        android:textColor="@color/colorWhite"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toTopOf="parent" />

    <Spinner
        android:id="@+id/water_heating_source_dropdown"
        style="@style/Widget.AppCompat.Spinner"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_marginEnd="8dp"
        app:layout_constraintEnd_toStartOf="@+id/water_heating_source_about"
        app:layout_constraintStart_toStartOf="@+id/heater_source_label"
        app:layout_constraintTop_toBottomOf="@+id/heater_source_label" />

    <ImageView
        android:id="@+id/water_heating_source_about"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginEnd="8dp"
        app:layout_constraintBottom_toBottomOf="@+id/water_heating_source_dropdown"
        app:layout_constraintEnd_toEndOf="parent"
        app:srcCompat="@android:drawable/ic_menu_info_details" />

    <!-- How is the Dryer Heated? -->
    <TextView
        android:id="@+id/textView3"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginStart="8dp"
        android:layout_marginTop="16dp"
        android:text="Dryer Heating Source"
        android:textColor="@color/colorWhite"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/water_heating_source_dropdown" />

    <Spinner
        android:id="@+id/dryer_heating_source_dropdown"
        style="@style/Widget.AppCompat.Spinner"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_marginStart="8dp"
        android:layout_marginEnd="8dp"
        app:layout_constraintEnd_toStartOf="@+id/dryer_source_about"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/textView3" />

    <ImageView
        android:id="@+id/dryer_source_about"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginEnd="8dp"
        android:layout_weight="1"
        app:layout_constraintBottom_toBottomOf="@+id/dryer_heating_source_dropdown"
        app:layout_constraintEnd_toEndOf="parent"
        app:srcCompat="@android:drawable/ic_menu_info_details" />

    <ImageView
        android:id="@+id/qty_about"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_marginEnd="8dp"
        android:layout_marginBottom="8dp"
        app:layout_constraintBottom_toBottomOf="@+id/washer_qty_layout"
        app:layout_constraintEnd_toEndOf="parent"
        app:srcCompat="@android:drawable/ic_menu_info_details" />

    <!-- Washer Quantity -->
    <android.support.design.widget.TextInputLayout
        android:id="@+id/washer_qty_layout"
        style="@style/Widget.Design.TextInputLayout"
        android:layout_width="0dp"
        android:layout_height="wrap_content"
        android:layout_marginStart="8dp"
        android:layout_marginTop="16dp"
        android:layout_marginEnd="8dp"
        app:layout_constraintEnd_toStartOf="@+id/dryer_source_about"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintTop_toBottomOf="@+id/dryer_heating_source_dropdown">

        <android.support.design.widget.TextInputEditText
            android:id="@+id/washer_qty"
            style="@style/EditTextTheme"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:hint="Washer Qty"
            android:inputType="number" />

    </android.support.design.widget.TextInputLayout>

</android.support.constraint.ConstraintLayout>

如果答案对您有用，请批准。谢谢！

以编程方式在垂直 LinearLayout 中添加约束布局？

Adding a constraint layout inside a vertical LinearLayout programmatically?

java

xml

android-layout

android-fragments

android-viewpager