Question

我正在学习android并在做一个简单的计算器。我通过迭代

这样的运算符标签列表来以编程方式构建计算器输入按钮

final String[] inputLabels = {"9", "8", "7", "/", "6" ...}

它将是4行4列

// please do not mind me about the design
9 8 7 /
6 5 4 x
1 2 3 -
0 AC = +

这些输入将在ConstraintLayout下，因为我想学习使用它。但是在深入探讨如何约束一维数组中的输入的逻辑之前，我想测试诸如创建2个按钮并约束它们之类的简单代码是否有效，这是行不通的，这是我要在此处解决的主要问题。 / p>

我已经尝试过使用Google搜索，它们看上去都非常简单，我无法实现这样简单的事情很奇怪，我尝试用Google搜索我的问题，但没有发现任何东西（对不起，如果这些问题存在并且我没有发现它）< / p>

以下是我尝试遵循的方法：

这里是main_activity.xml

<?xml version="1.0" encoding="utf-8"?>
<layout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:bind="http://schemas.android.com/apk/res-auto"
    xmlns:tools="http://schemas.android.com/tools">

    <data>
        <variable
            name="calculatedValue"
            type="java.lang.String"/>
    </data>

    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="match_parent"
        android:orientation="vertical"
        android:id="@+id/mainLayout"
        tools:context=".MainActivity">

        <include
            layout="@layout/calculate_value_display"
            bind:calculatedValue="@{calculatedValue}" />

        <fragment
            android:name="com.example.calculator.CalculatorInputs"
            android:id="@+id/calculatorInputs"
            android:layout_width="match_parent"
            android:layout_height="match_parent"/>

    </LinearLayout>
</layout>

calculator_inputs.xml

<?xml version="1.0" encoding="utf-8"?>
<FrameLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    tools:context=".CalculatorInputs"
    android:layout_width="match_parent"
    android:layout_height="wrap_content">

    <android.support.constraint.ConstraintLayout
        android:id="@+id/calculatorInputs"
        android:paddingLeft="10sp"
        android:paddingRight="10sp"
        android:layout_width="match_parent"
        android:layout_height="wrap_content">
    </android.support.constraint.ConstraintLayout>
</FrameLayout>

MainActivity.java就是创建项目时的样子，这里是CalculatorInputs.java

package com.example.calculator;

import android.os.Bundle;
import android.support.constraint.ConstraintLayout;
import android.support.constraint.ConstraintSet;
import android.support.v4.app.Fragment;
import android.view.LayoutInflater;
import android.view.View;
import android.view.ViewGroup;
import android.widget.Button;
import android.widget.TextView;

import java.util.ArrayList;

public final class CalculatorInputs extends Fragment {
  private final String[] inputLabels = {"7", "8", "9", "/", "4", "5", "6", "x", "1", "2", "3", "-", "0", "AC", "=", "+"};

  private final ConstraintLayout.LayoutParams buttonConstraintLayout =
      new ConstraintLayout.LayoutParams(220, 150);

  private final float buttonTextSize = 20.f;

  @Override
  public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
    final View rootView = inflater.inflate(R.layout.calculator_inputs, container, false);

    return rootView;
  }

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

    final ConstraintLayout layout = (ConstraintLayout) view.findViewById(R.id.calulatorInputs);

    ConstraintLayout.LayoutParams layoutParams;

    final ArrayList<Button> buttons = new ArrayList<Button>(this.inputLabels.length);

    while (buttons.size() < this.inputLabels.length) {
      buttons.add(null);
    }

    int buttonIndex = 0;

    //////////////////////////////////////////////////////////////////
    /////////////////////////// BEGIN HERE ////////////////////////////
    //////////////////////////////////////////////////////////////////

    final ConstraintSet constraintSet = new ConstraintSet();
    constraintSet.clone(layout);

    final Button button1 = this.createButton("X");
    final Button button2 = this.createButton("Y");

    layout.addView(button1);

    constraintSet.connect(
      button1.getId(),
      ConstraintSet.RIGHT,
      ConstraintSet.PARENT_ID,
      ConstraintSet.RIGHT
    );

    constraintSet.connect(
      button1.getId(),
      ConstraintSet.TOP,
      ConstraintSet.PARENT_ID,
      ConstraintSet.TOP
    );

    constraintSet.applyTo(layout);

    layout.addView(button2);

    constraintSet.connect(
      button2.getId(),
      ConstraintSet.RIGHT,
      ConstraintSet.PARENT_ID,
      ConstraintSet.RIGHT
    );

    constraintSet.connect(
      button2.getId(),
      ConstraintSet.TOP,
      ConstraintSet.PARENT_ID,
      ConstraintSet.TOP
    );

    ///////////////////////////////////////////////////////////////////
    /////////////////////////// END HERE /////////////////////////////
    //////////////////////////////////////////////////////////////////
  }

  Button createButton(final String buttonLabel) {
    final Button button = new Button(this.getActivity());

    button.setLayoutParams(this.buttonConstraintLayout);
    button.setText(buttonLabel);
    button.setTextSize(this.buttonTextSize);
    button.setId(View.generateViewId());

    return button;
  }
}

以下是预期的输出和实际情况：

Answer 1

您应在constraintSet.clone(layout)之后执行layout.addView(button1)。顺便说一句，您可以使用“布局检查器”来检查设备上运行的布局，它显示一个“视图树”，您可以找到按钮的位置。

更新：将button.setLayoutParams(this.buttonConstraintLayout);中的button.setLayoutParams(new ConstraintLayout.LayoutParams(220, 150));更改为createButton，不要共享View的LayoutParams对象。

Answer 2

这里的问题是我为每个按钮创建共享LayoutParams，这就是为什么它不起作用的原因。

在createButton方法内部，如果我更改为此方法，它将起作用

  Button createButton(final String buttonLabel) {
    final Button button = new Button(this.getActivity());

    button.setLayoutParams(new ConstraintLayout.LayoutParams(220, 150);
    button.setText(buttonLabel);
    button.setTextSize(this.buttonTextSize);
    button.setId(View.generateViewId());

    return button;
  }

没有显示错误但结果意外时如何调试ConstraintSet错误

2 个答案: