在Android中按ToggleButton时,如何在相对布局视图上设置背景颜色动画的动画?

时间:2015-04-27 09:23:01

标签: java android view android-animation seekbar

我有一个RelativeLayout包含另一个relative layout,其中包含几个backgroundColored视图,就像这样,并继续提供更多视图:



<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
                xmlns:tools="http://schemas.android.com/tools"
                android:layout_width="match_parent"
                android:layout_height="match_parent"
                tools:context=".MainActivity
                ">

    <RelativeLayout
        android:id="@+id/palette"
        android:layout_width="fill_parent"
        android:layout_height="fill_parent"
        android:layout_alignParentTop="true"
        android:layout_alignParentLeft="true"
        android:layout_alignParentStart="true"
        android:animateLayoutChanges="true">

        <View
            android:background="@color/purple"
            android:tag="@color/purple"
            android:layout_alignParentTop="true"
            android:layout_alignParentLeft="true"
            android:layout_alignParentStart="true"
            android:layout_width="100dip"
            android:layout_height="200dip"
            android:id="@+id/view1">
        </View>
&#13;
&#13;
&#13;

然后我有一个seekbar当滑动时会迭代relative layouts改变它们颜色的视图数量,如下所示:

&#13;
&#13;
 @
 Override
 public void onProgressChanged(SeekBar seekBar, int progress, boolean fromUser) {


   for (int i = 0; i < mPalette.getChildCount(); i++) {
     View child = mPalette.getChildAt(i);

     int originalColor = Color.parseColor((String) child.getTag());
     int invertedColor = (0x00FFFFFF - (originalColor | 0xFF000000)) |
       (originalColor & 0xFF000000);

     if (getResources().getColor(R.color.white) != originalColor &&
       getResources().getColor(R.color.lightgray) != originalColor) {

       int red = (originalColor >> 16) & 0x000000FF;
       int green = (originalColor >> 8) & 0x000000FF;
       int blue = originalColor & 0x000000FF;

       int invR = (invertedColor >> 16) & 0x000000FF;
       int invG = (invertedColor >> 8) & 0x000000FF;
       int invB = invertedColor & 0x000000FF;

       child.setBackgroundColor(Color.rgb(
         (int)(red + (invR - red) * (progress / 100f)), (int)(green + (invG - green) * (progress / 100f)), (int)(blue + (invB - blue) * (progress / 100f))));
       child.invalidate();
     }
   }
 }
&#13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
&#13;
&#13;
&#13;

运行顺利且无问题。

我想要实现的是通过使用ToggleButton&#34; auto&#34; 自动滑动seekBar,以便在更改进度时查看颜色变化seekbar从0到100,但我的代码实际发生的是它等待循环完成,然后只有当搜索栏达到100时才更新视图(并且直接点击它而不会踩到它) ,我的代码是这样的:

 public void autoToggle(View view) throws InterruptedException {
    SeekBar seekBar=(SeekBar)findViewById(R.id.seekBar);
    boolean on = ((ToggleButton) view).isChecked();
    if(on){
        mPalette = (RelativeLayout) findViewById(R.id.palette);
        for (int i =0;i<10;i++){
            seekBar.setProgress(i);
            mPalette.requestLayout();
            Thread.sleep(10);
        }
    }
    else
        seekBar.setProgress(0);
}

我添加了mPalette.requestLayout()方法以查看它是否已更新,但两者都没有。

1 个答案:

答案 0 :(得分:0)

从这个答案我决定研究ObjectAnimator课程: Android ObjectAnimator

首先,我确实为两个按钮更改了ToggleButton,一个名为go100,另一个名为go0,两者都从{current}()移动seekbar;到100或0,这是因为他们有更好的逻辑使用,因为如果我没有强制它取消选中,执行动画后toggleButton将保持检查,并且无论哪种方式,它将是一个奇怪的UI行为。这两个按钮都位于RelativeLayout之外,其中包含seekBar重新着色的彩色视图。

按钮xml定义,通过使用android:onClick:方法,不需要在代码上覆盖onClickListener按钮,而只需定义它们的onClick方法

  <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/go_100"
        android:id="@+id/go100"
        android:onClick="go100"
        android:layout_alignTop="@+id/go0"
        android:layout_alignParentRight="true" />

    <Button
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="@string/go_0"
        android:id="@+id/go0"
        android:onClick="go0"
        android:layout_alignWithParentIfMissing="false"
        android:layout_alignParentBottom="true"
        android:layout_marginBottom="73dp"
        android:layout_alignParentLeft="true" />

Java代码执行seekBar的幻灯片,并允许它在滑动时更改,这是实际问题,因为我可以使用for,while或其他方法移动它,但不显示它之间的滑动间隔开始和结束位置。

 /* Called when the go100 button is clicked, it slides the seekBar from its current position
    to 100 in an adjusted time given the previous progress of the seekbar,
    given maximum 4 seconds and minimum 0 seconds
     */
    public void go100(View view){
        final SeekBar seekBar =  (SeekBar) findViewById(R.id.seekBar);
        ObjectAnimator anim = ObjectAnimator.ofInt(seekBar, "progress", seekBar.getProgress(),100);
        anim.setDuration(4000-(4000*seekBar.getProgress()/100));
        anim.start();
    }

    /* Called when the go0 button is clicked, it slides the seekBar from its current position
    to 100 in an adjusted time given the previous progress of the seekbar,
    given maximum 4 seconds and minimum 0 seconds
    */
    public void go0 (View view){
        final SeekBar seekBar =  (SeekBar) findViewById(R.id.seekBar);
        ObjectAnimator anim2 = ObjectAnimator.ofInt(seekBar, "progress", seekBar.getProgress(),0);
        anim2.setDuration(4000*seekBar.getProgress()/100);
        anim2.start();
    }

最后,我还想通过使用ObjectAnimator ofMultiInt (Object target, String propertyName, int[][] values)并使用矩阵int [] [] a = new int {{0,100}来尝试使用搜索栏从一侧循环到另一侧。 ,{100,0},但没有设法以这种方式解决,并以上述解决方案解决。