将约束添加到constraintLayout约束类似于另一个孩子

问题描述:

我有一个约束布局(alpha9)与视图蔓延到它,我有一个特定的ImageView,我需要复制和添加更多喜欢它。 布局是像这样: Basic layout将约束添加到constraintLayout约束类似于另一个孩子

的主要目的是在按下按钮时进行动画那些“硬币” imageViews 5。我需要产生的imageViews sha'll有下面的按钮向下抛在脑后了ImageView的确切性质(有相同的约束) The imageView behind the button

什么,我试图做的是以下几点:

private ImageView generateCoin() { 
    ImageView coin = new ImageView(this); 
    constraintLayout.addView(coin,-1,originCoinImage.getLayoutParams());//originCoinImage is the imageView behind the button 
    coin.setImageResource(R.drawable.ic_coin); 
    coin.setScaleType(ImageView.ScaleType.FIT_XY); 
    coin.setVisibility(View.VISIBLE); 
    return coin; 
} 

它失败。 编辑:它没有显示我想要的东西,有时它显示在屏幕左上角的硬币,有时它不显示任何东西,但无论如何,硬币数量增加(意味着动画试图实际上的东西,然后调用onAnimationFinished方法)

我用于动画库EasyAndroidAnimations

代码如下:

MainActivity.java

@OnClick(R.id.addCoin) 
public void addCoin() { 
//  for (int x = 0 ; x < 5 ; x++){ 
    final View newCoin = generateCoin(); 

    sendCoin(newCoin, 300, new AnimationListener() { 
     @Override 
     public void onAnimationEnd(com.easyandroidanimations.library.Animation animation) { 
      incrementCoins(); 
      constraintLayout.removeView(newCoin); 
      shakeCoin(targetCoinImage, 200, null); 
     } 
    }); 
//  } 
} 

private void incrementCoins() { 
    coins++; 
    coinNumber.setText(String.valueOf(coins)); 
} 

private void sendCoin(View coinView, long duration, AnimationListener listener) { 
    new TransferAnimation(coinView) 
      .setDestinationView(targetCoinImage) 
      .setDuration(duration) 
      .setInterpolator(new AccelerateDecelerateInterpolator()) 
      .setListener(listener) 
      .animate(); 
} 

private void shakeCoin(View coinView, long duration, AnimationListener listener) { 
    new ShakeAnimation(coinView) 
      .setDuration(duration) 
      .setShakeDistance(6f) 
      .setNumOfShakes(5) 
      .setListener(listener) 
      .animate(); 
} 

activity_main.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" 
    xmlns:tools="http://schemas.android.com/tools" 
    android:id="@+id/activity_main" 
    android:layout_width="match_parent" 
    android:layout_height="match_parent" 
    tools:context="seaskyways.canvasanddrawtest.MainActivity"> 

    <TextView 
     android:id="@+id/textView" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_marginLeft="16dp" 
     android:layout_marginStart="16dp" 
     android:layout_marginTop="16dp" 
     android:text="Coins : " 
     android:textSize="30sp" 
     app:layout_constraintLeft_toLeftOf="parent" 
     app:layout_constraintTop_toTopOf="parent" /> 

    <TextView 
     android:id="@+id/coinNumber" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:layout_marginEnd="16dp" 
     android:layout_marginLeft="8dp" 
     android:layout_marginRight="16dp" 
     android:layout_marginStart="8dp" 
     android:text="0" 
     android:textColor="@color/colorPrimary" 
     android:textSize="50sp" 
     android:textStyle="normal|bold" 
     app:layout_constraintBottom_toBottomOf="@+id/textView" 
     app:layout_constraintLeft_toRightOf="@+id/textView" 
     app:layout_constraintRight_toRightOf="parent" 
     app:layout_constraintTop_toTopOf="@+id/textView" /> 

    <ImageView 
     android:id="@+id/coinOrigin" 
     android:layout_width="50dp" 
     android:layout_height="50dp" 
     android:scaleType="fitXY" 
     app:layout_constraintBottom_toBottomOf="@+id/addCoin" 
     app:layout_constraintLeft_toLeftOf="@+id/addCoin" 
     app:layout_constraintTop_toTopOf="@+id/addCoin" 
     app:srcCompat="@drawable/ic_coin" 
     app:layout_constraintRight_toRightOf="@+id/addCoin" /> 

    <ImageView 
     android:id="@+id/coinTarget" 
     android:layout_width="50dp" 
     android:layout_height="50dp" 
     android:layout_marginLeft="16dp" 
     android:layout_marginStart="16dp" 
     android:scaleType="fitXY" 
     app:layout_constraintBottom_toBottomOf="@+id/coinNumber" 
     app:layout_constraintLeft_toRightOf="@+id/coinNumber" 
     app:layout_constraintTop_toTopOf="@+id/coinNumber" 
     app:srcCompat="@drawable/ic_coin" /> 

    <Button 
     android:id="@+id/addCoin" 
     android:layout_width="0dp" 
     android:layout_height="75dp" 
     android:layout_marginBottom="16dp" 
     android:layout_marginEnd="16dp" 
     android:layout_marginLeft="16dp" 
     android:layout_marginRight="16dp" 
     android:layout_marginStart="16dp" 
     android:text="Button" 
     android:textAlignment="center" 
     android:textSize="36sp" 
     app:layout_constraintBottom_toBottomOf="parent" 
     app:layout_constraintLeft_toLeftOf="parent" 
     app:layout_constraintRight_toRightOf="parent" /> 
</android.support.constraint.ConstraintLayout> 
+0

当你按下按钮时,你会得到什么输出?/ –

+0

如果我理解正确,你希望硬币从底部按钮到顶部硬币,当动画结束时,硬币数量增加1。所以你想把它们增加5,这意味着5个硬币应该从底部到顶部硬币动画。我关门了吗? – mihanovak1024

+0

正是我想要的,但是我应该用一枚硬币来完成,那么一百万就不会有所作为@ mihanovak1024 – Seaskyways

ConstraintLayout.LayoutParams缓存它的参数,并关联到你使用它的小部件,所以你不能简单地传递一个widget的的LayoutParams到另一个。

您必须为您的新对象生成一个新的layoutParams,并复制相应的字段。

举例来说,如果你有这样的:

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

    <Button 
     android:text="Button" 
     android:layout_width="wrap_content" 
     android:layout_height="wrap_content" 
     android:id="@+id/button" 
     android:layout_marginTop="16dp" 
     app:layout_constraintTop_toTopOf="parent" 
     android:layout_marginStart="16dp" 
     app:layout_constraintLeft_toLeftOf="parent" 
     android:layout_marginLeft="16dp" /> 

</android.support.constraint.ConstraintLayout> 

然后,你可以这样做:

ConstraintLayout layout = (ConstraintLayout) findViewById(R.id.content_main); 
ConstraintLayout.LayoutParams params = 
       (ConstraintLayout.LayoutParams) button.getLayoutParams(); 

Button anotherButton = new Button(this); 

ConstraintLayout.LayoutParams newParams = new ConstraintLayout.LayoutParams(
       ConstraintLayout.LayoutParams.WRAP_CONTENT, 
       ConstraintLayout.LayoutParams.WRAP_CONTENT); 

newParams.leftToLeft = params.leftToLeft; 
newParams.topToTop = params.topToTop; 
newParams.leftMargin = params.leftMargin; 
newParams.topMargin = params.topMargin; 

layout.addView(anotherButton, -1, newParams); 

这将使第二个按钮正好在同一个地方,如XML定义的。

+0

嗨尼古拉斯罗德, 如果我有一个复杂的用户界面,例如,按钮是动态的,有许多布局参数和许多约束,我想要做的是在同一位置添加一个新的按钮,我该怎么办?谢谢。 – Changwei

+0

无论如何,谢谢。 我通过以下方式实现: VAL screenshotViewLayoutParams = ConstraintLayout.LayoutParams(cl.width, cl.height) screenshotView.layoutParams = screenshotViewLayoutParams cs.connect(screenshotView.id,ConstraintSet.START,ConstraintSet.PARENT_ID, ConstraintSet.START,cl.x.toInt()) cs.connect(screenshotView.id,ConstraintSet.TOP,ConstraintSet.PARENT_ID,ConstraintSet.TOP,cl.y.toInt()) – Changwei