以编程方式将视图添加到约束布局跳转到原点

Question

我正在用 android 制作一些动画，并且我在足球场内有球员。对于一些我想添加标签的元素，添加一些约束以将它们与它们各自的视图分组，并且当动画开始时，标签会跟随它们。

我已经尝试了这两种解决方案，但是 textview 一直跳到约束布局的原点：

How to programmatically add views and constraints to a ConstraintLayout?

Add a view programmatically in ConstraintLayout

我已经为这些解决方案尝试了很多变体，但都没有成功。我当然错过了一些东西......任何想法将不胜感激！

我创建视图的代码：

   //init imageview
                ImageView imageView = new ImageView(this);
                imageView.setId(View.generateViewId());
                imageView.setTag(key);
                imageView.setScaleType(ImageView.ScaleType.FIT_CENTER);
                //buscar el drawable correspondiente
                imageView.setImageDrawable(setViewDrawable(vista));
                imageView.setOnLongClickListener(this);
//set width and height of the view
                Pair<Integer, Integer> widthAndHeight = getWidthAndHeight(key);
                //set ancho y alto
                ViewGroup.LayoutParams params = new ViewGroup.LayoutParams(widthAndHeight.first, widthAndHeight.second);
                imageView.setLayoutParams(params);
                mTacticLayout.addView(imageView);
                //set position
                if (!isEdit) {
                    Pair<Float, Float> xAndY = getViewXY(key);
                    Float rotation = getViewRotation(key);
                    //account for offsets
                    imageView.setX(xAndY.first - widthAndHeight.first / 2);
                    imageView.setY(xAndY.second - widthAndHeight.second / 2);
                    imageView.setRotation(rotation);
                }

//HERE HERE HERE LOOK AT ME  
       if(imageView.getTag().toString().equals(r.getString(R.string.ball_tag))){
                    TextView textView = new TextView(this);
                    textView.setId(View.generateViewId());
                    textView.setText("My View");

                    mTacticLayout.addView(textView);
                    ConstraintSet set = new ConstraintSet();
                    set.clone(mTacticLayout);
                    set.connect(textView.getId(), ConstraintSet.TOP, imageView.getId(), ConstraintSet.BOTTOM, 0);
                    set.connect(textView.getId(), ConstraintSet.RIGHT, imageView.getId(), ConstraintSet.RIGHT, 0);
                    set.connect(textView.getId(), ConstraintSet.LEFT, imageView.getId(), ConstraintSet.LEFT, 0);
                    set.applyTo(mTacticLayout);
                }

Answer 1

setX() 根据documentation 执行以下操作：

设置此视图的视觉 x 位置，以像素为单位。这相当于将translationX属性设置为传入的x值与当前left属性的差值。

setTranslationX()也是按照documentation做的：

设置此视图相对于其左侧位置的水平位置。除了对象的布局放置它的位置之外，这有效地定位了布局后的对象。

setY() 和 setTranslationY() 对 y 坐标执行相同的操作。

这里的关键词是post-layout。您的 ImageView 被放置在顶部/左侧，因为它没有约束。 TextView 根据其约束放置在ImageView 上，因此也放置在顶部/左侧。现在两个视图都位于顶部/左侧，ImageView 将根据 setX() 和 setY() 移动，留下 TextView 后面。

有几种方法可以解决此问题。可能最简单的方法是将应用于ImageView 的相同翻译应用于TextView。