Android View在ConstraintLayout中以编程方式设置TransitionVerticalBias

问题描述：

我需要在ConstraintLayout中垂直移动某些视图，最好是使用过渡效果（以避免“跳过”）。Android View在ConstraintLayout中以编程方式设置TransitionVerticalBias

布局只是一个约束布局，其中包含多个小部件（无层次结构），所有小部件都受限于父级。

我的布局文件：

<?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" 
android:gravity="center" 
android:orientation="vertical" 
android:id="@+id/myLayout" 
tools:context="com.example.quant.icarus.MainActivity"> 

<SurfaceView 
    android:id="@+id/surfaceView1" 
    android:layout_width="fill_parent" 
    android:layout_height="fill_parent" /> 

<Button 
    android:id="@+id/button1" 
    android:layout_width="125dp" 
    android:layout_height="48dp" 
    android:alpha="0.5" 
    android:background="@drawable/button_border" 
    android:textColor="@color/ret_text" 
    app:layout_constraintVertical_bias="0.97" 
    app:layout_constraintHorizontal_bias="0.2" 
    app:layout_constraintLeft_toLeftOf="parent" 
    app:layout_constraintRight_toRightOf="parent" 
    app:layout_constraintBottom_toBottomOf="parent" 
    app:layout_constraintTop_toTopOf="parent" 
    android:text="some text" /> 

<Button 
    android:id="@+id/button2" 
    android:layout_width="125dp" 
    android:layout_height="48dp" 
    android:alpha="0.5" 
    app:layout_constraintVertical_bias="0.97" 
    app:layout_constraintHorizontal_bias="0.8" 
    app:layout_constraintLeft_toLeftOf="parent" 
    app:layout_constraintRight_toRightOf="parent" 
    app:layout_constraintBottom_toBottomOf="parent" 
    app:layout_constraintTop_toTopOf="parent" 
    android:text="some text" /> 

<SeekBar 
    android:id="@+id/prog_bar" 
    android:layout_width="210dp" 
    android:layout_height="40dp" 
    app:layout_constraintHorizontal_bias="0.0" 
    app:layout_constraintLeft_toLeftOf="parent" 
    app:layout_constraintRight_toRightOf="parent" 
    app:layout_constraintBottom_toBottomOf="parent" 
    app:layout_constraintTop_toTopOf="parent" 
    android:thumb="@drawable/seekbar_thumb" 
    android:max="100" 
    android:progress="0" 
    android:rotation="270" /> 

<TextView 
    android:id="@+id/prog_text" 
    android:layout_width="wrap_content" 
    android:layout_height="20dp" 
    app:layout_constraintVertical_bias="0.1" 
    app:layout_constraintLeft_toLeftOf="@+id/prog_bar" 
    app:layout_constraintRight_toRightOf="@+id/prog_bar" 
    app:layout_constraintBottom_toBottomOf="parent" 
    app:layout_constraintTop_toTopOf="parent" 
    android:text="some text"/> 

<View 
    android:id="@+id/viewToMove1" 
    android:layout_width="40dp" 
    android:layout_height="1dp" 
    app:layout_constraintVertical_bias="0.2" 
    app:layout_constraintHorizontal_bias="0.34" 
    app:layout_constraintLeft_toLeftOf="parent" 
    app:layout_constraintRight_toRightOf="parent" 
    app:layout_constraintBottom_toBottomOf="parent" 
    app:layout_constraintTop_toTopOf="parent" 
    android:background="@color/ret_text" /> 

<View 
    android:id="@+id/viewToMove2" 
    android:layout_width="40dp" 
    android:layout_height="1dp" 
    app:layout_constraintVertical_bias="0.35" 
    app:layout_constraintHorizontal_bias="0.34" 
    app:layout_constraintLeft_toLeftOf="parent" 
    app:layout_constraintRight_toRightOf="parent" 
    app:layout_constraintBottom_toBottomOf="parent" 
    app:layout_constraintTop_toTopOf="parent" 
    android:background="@color/ret_text" /> 

<View 
    android:layout_width="1dp" 
    android:layout_height="30dp" 
    app:layout_constraintVertical_bias="0.35" 
    app:layout_constraintLeft_toLeftOf="parent" 
    app:layout_constraintRight_toRightOf="parent" 
    app:layout_constraintBottom_toBottomOf="parent" 
    app:layout_constraintTop_toTopOf="parent" 
    android:background="@color/ret_text" /> 

<View 
    android:layout_width="1dp" 
    android:layout_height="30dp" 
    app:layout_constraintVertical_bias="0.65" 
    app:layout_constraintLeft_toLeftOf="parent" 
    app:layout_constraintRight_toRightOf="parent" 
    app:layout_constraintBottom_toBottomOf="parent" 
    app:layout_constraintTop_toTopOf="parent" 
    android:background="@color/ret_text" /> 

</android.support.constraint.ConstraintLayout>

两个观点vewToMove1和viewToMove2将被重新编程。但是，当我尝试以下时，我得到2个问题。 1）某些其他元素不正确地放置在屏幕上，但视图移动 - 跳过。 2）如果我尝试转型，视图移动完全不动（和其它元素仍然位置不正确。

下面是相关的Java代码。

public class MainActivity extends AppCompatActivity { 

    ConstraintSet cSet = new ConstraintSet(); 
    ConstraintLayout cLayout; 

    @Override 
    public void onCreate(Bundle savedInstanceState) { 

     super.onCreate(savedInstanceState); 

     setContentView(R.layout.activity_main); 

     } 

    @Override 
    protected void onResume() { 
     super.onResume(); 

     //Thread which updates views. 
     TimerTask move_views = new TimerTask(){ 
      @Override 
      public void run() { 

       //some code here... 

       runOnUiThread(new Runnable() { 
        @Override 
        public void run() { 

         cLayout = (ConstraintLayout) findViewById(R.id.myLayout);//can this be put in onCreate or need to wait until render complete? 
         cSet.clone(cLayout); 

         //TransitionManager.beginDelayedTransition(cLayout);//adding this removes View movement. 

         cSet.setVerticalBias(R.id.viewToMove1,0.43f);//updated in the above thread. 
         cSet.setVerticalBias(R.id.viewToMove2,0.68f); 

         cSet.applyTo(cLayout); 

        } 
       }); 

      } 
     }; 

     Timer move_views_timer = new Timer(); 
     move_views_timer.scheduleAtFixedRate(move_views,10,10);//time in milliseconds 
    } 


}

我想不通为什么一些其他的观点正在受到这个操作的影响以及为什么这个过渡不起作用

我有一个想法：我需要等待布局在克隆约束之前完成加载（某种回调）？我该怎么做？

答

从来没有想过ou吨什么是错的原来的做法，但这个工作对我来说（当然开清洁解决方案）：

Animation a = new Animation() { 
    @Override 
    protected void applyTransformation(float interpolatedTime, Transformation t) { 
     ConstraintLayout.LayoutParams lparams = (ConstraintLayout.LayoutParams) myViewToMove1.getLayoutParams(); 
     lparams.verticalBias = 0.43f; 
     myViewToMove1.setLayoutParams(lparams); 
    } 
}; 
a.setDuration(8); // in ms 
a.setFillAfter(true); 
myViewToMove1.startAnimation(a);

定义一个新的动画各的意见。 PS：基于这个关于另一个我不能找到的SO问题的答案。

此作品但动画不平滑 –

答

因此，搜索了一段时间后，我找到了答案，它可以让您做平滑的过渡以及更改偏差。您的答案部分正确，但不正确100％。

首先你需要两个约束设置一个将会产生所需的效果，另一个会重置这些效果。

private ConstraintSet applyConstraint=new ConstraintSet(); 
private ConstraintSet resetConstraint = new ConstraintSet();

然后，你需要设置约束ConstraintLayout在这两个ConstraintSet.By设置ConstraintLayout我的意思是找到它的ID，并将其设置为ConstraintSet的。

applyConstraint.clone(constraintLayout); 
resetConstraint.clone(constraintLayout);

然后，您需要在我们的示例中指定更改，这是设置垂直偏差。

要恢复效果，请使用resetConstraint。

public void resetEffect(){ 
    TransitionManager.beginDelayedTransition(constraintLayout); 
    resetConstraint.applyTo(constraintLayout); 
}

Android View在ConstraintLayout中以编程方式设置TransitionVerticalBias

相关推荐